小麦大米.png

项目背景 BACKGROUND


关于小麦大米

小麦大米是一个学习英语、汉语词汇的工具软件,内容包括了背单词、词汇句子练习等功能,有App和小程序两端。

这次项目主要是针对小程序端进行重设计改版,是我个人在团队内提出的内部需求。

需求与目标

我的角色

交互流程设计,界面UI设计,UX文案

解决方案 SOLUTION


虽然大体的需求与目标已经有了,但是在开始设计前,首先还是向小麦大米的用户收集了一些反馈,同时也对同类产品如百词斩、墨墨、不背单词、扇贝等进行了调研。确定了重设计的具体方向:

  1. 视觉设计提升:在保持原有“小麦大米”概念不变和绿色品牌主色调不变的情况下,对视觉进行整体提升,包括UI组件设计的提升、增加插图的使用以强化“小麦大米”概念等;
  2. 功能流程重新整理:原来的功能多但是让人不易理解,也不知道如何学习。因此在新设计中,需要重新整理和简化所有功能,同时设计产品的主流程,增加对用户的引导;
  3. 加强游戏化设计:原来的产品中,整个流程体验较为扁平,基本上是网状发散,一些数据和互动也比较分散。在新的设计中,需要强化这些数据的展示,增加游戏化设计。

1. 视觉设计提升

页面UI风格优化

原来的整体UI风格比较粗糙,页面上过多元素堆砌。在新的设计中,对每个页面和元素都做了优化调整。

rice-solution1.png

rice-solution2.png

rice-solution3.png

rice-solution4.png

增加插图的使用

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

  1. 几个重要页面增加全屏背景图

rice-solution5.png

  1. 增加分享,并增加生成海报功能,小程序分享封面调整

rice-solution6.png

  1. 之前的部分文字/线性图标元素,调整为图形化的展示

rice-solution7.png

2. 功能流程重设计

重新规划功能和入口

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

rice-solution8.png

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

rice-solution9.png

明确产品的主流程

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

rice-solution10.png

3. 加强游戏化设计

主流程用「闯关」的方式

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

rice-solution11.png

将“麦粒”概念融入多个流程

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

rice-solution12.png

学习排行榜、打卡等模块强化排名和结果展示

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

rice-solution13.png

4. 微交互改进

闯关测验页面简洁化,但增加“词典”功能

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

rice-solution14.png

练习的“说”模块交互提升

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

rice-solution15.png

复习模块交互微调

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

rice-solution16.png

项目总结 SUMMARY

亮点 Highlights

  1. 设计方案得好评:学英文版本设计完成后,发给一些用户收集反馈,得到了大家的好评,大家普遍反馈新设计的风格和形式更加现代和简洁,有继续使用和分享的的欲望;
  2. 工作高效:整个项目原定是2个月。不过实际用时5周,包括收集用户反馈、功能梳理和规划、流程改进设计和界面UI设计。大部分时间在功能梳理规划、流程改进上,UI部分只用了2周就完成了所有90个左右页面和状态的设计。

挑战 Challenge

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