
小麦大米是一个学习英语、汉语词汇的工具软件,内容包括了背单词、词汇句子练习等功能,有App和小程序两端。
这次项目主要是针对小程序端进行重设计改版,是我个人在团队内提出的内部需求。
交互流程设计,界面UI设计,UX文案
虽然大体的需求与目标已经有了,但是在开始设计前,首先还是向小麦大米的用户收集了一些反馈,同时也对同类产品如百词斩、墨墨、不背单词、扇贝等进行了调研。确定了重设计的具体方向:
原来的整体UI风格比较粗糙,页面上过多元素堆砌。在新的设计中,对每个页面和元素都做了优化调整。




原来的产品中,大部分页面的视觉元素都是线性图标和文字。但是在一些结果、分享页面中,插图的使用能够让页面更具有亲和力,也更能彰显我们的品牌概念,因此新的设计中,对所有的结果和分享页面元素都进行了调整,增加了插图的使用。



原来的产品中,底部tab为分类、测验、词课、复习等,首页就是单词页面,其他一些数据类的入口都集中在顶部或者单词卡片上,整体看起来很乱又难以理解。因此在新的设计中,重新规划了底部tab和首页,同时减少了功能入口的堆砌。

新旧版本底部Tab入口对比:

新的设计中,针对用户各功能的使用频率及目的,明确了一个主流程,即单词学习闯关。其他功能均作为辅助使用,这样可以给用户更明确的引导。

新设计中,在单词测验的主流程加入了“闯关”的概念,即将原本不明显的“等级”,强化成闯关的模式。让用户能够明确看到每一个词书的关卡,增强游戏的感觉,提升升级的动力。

“小麦大米”产品中,麦粒是代表积分和学习经验概念的。但是原来的产品在页面上显示不突出。新设计中,“麦粒”会作为闯关的主要奖励,同时也在打卡流程中增加了“麦粒”作为奖励,为以后积分经验的使用拓展打下基础。

新设计中,学习排行榜、词汇量、打卡、徽章等多个激励模块,都强化了数据的展示,同时从视觉上增强排名的展示和分享,激励用户分享和超越排名。

原来的测验页面内容繁杂,且用户反馈,在使用中会碰到某道题出了结果后希望能即时查看释义例句。因此新设计中简化了测验页面的功能,同时在每道题的结果状态下,增加“词典”弹层。

新设计中,调整了练习部分的“说”模块的交互和设计,能够让用户对需要练习的内容有整体的了解。

原来的设计中,复习模块只能按列表进行单词测验。在新设计中,针对复习列表增加了“测验”和“词课练习”两个功能,同时点击单个词汇进入也变成了词典页面。目的是让用户最大限度地利用好“复习”这个模块,作全方位的练习。

本项目最大的挑战并不是在项目进行中,而是设计交付后,团队经过商议,决定暂时搁置该项目的开发,投入到其他有盈利空间的业务完善上,这个项目只针对原来的版本做基本的技术维护。