小多比的设计笔记（14）：豌豆背单词APP改版复盘

本周继续为大家分享来自卢同学的APP改版，豌豆背单词是依据艾宾浩斯遗忘曲线打造的一款专业高效的背单词软件，希望与大家互相交流共同进步。

一、项目概述

本次改版是因为产品的上一个版本存在用户可参与的内容不丰富、品牌感知弱、变现渠道少的问题。为了提升品牌感知和用户体验，我们优化了视觉风格，融入了IP形象，提高产品友好度，提升品牌辨识度。功能层面新增了趣味阅读、学习 区等板块，帮助用户有效利用碎片化时间学习，增强学习趣味性。这些改变是为了提升用户活跃度，增强用户黏性，引导用户传播拉新，从而达到提升商业变现的目的。

学习页面：用户可以查看打卡日历、学习进度、热门功能、词库和精选课程。我们改用数据可视化的形式展示用户背单词的情况，这样用户可以更直观清晰的了解学习进度。同时融入了IP形象加强品牌记忆点，拉近与用户的关系，增强学习趣味性。书本造型入口与用户生活重叠，让用户产生亲切熟悉感。

背单词流程：新增“豌豆钟”“计划可视”“提示一下”功能，依据专注番茄钟模式设计的豌豆钟，帮助用户更高效的学习。在设置计划页面可以看到每日计划及完成时间，引导用户选择更符合自身水平的计划，减少无法完成计划的挫败感。提示一下功能减少用户对自己记忆的不确定感。重要按钮放在方便用户触及的屏幕下方，提高用户背单词效率 。

发现：丰富的功能与课程增强用户参与度。例如听力部分，采用了音乐播放器的形式营造情感氛围。英文原文部分会随着播放进度进行高亮展示，同时用户也可以根据自身需求切换到讲解部分。长难句详解通过视觉化语言区分句子成分，提高用户的学习效率，促进会员功能续购率。

豆荚：用户 群的相互督促可以提升学习效果，用户间的互动也让学习不再冰冷，形成良好的情绪牵引。学习效果是学习软件留存率的终极标准，以此达到提升用户黏性的目的。

我的：多元功能的整合，尊贵黑强化用户对会员权益的感知。提升vip用户的尊享感。

缺省页和引导页都融入了IP形象，提升产品友好度，打造产品差异化品牌感知。对应场景的缺省页有效安抚用户情绪，带来有温度的服务体验。

二、前期分析

1、项目简介

“豌豆背单词”主要针对需要考试考研的大学生及想要提升自己的工作新人，为了解决他们背记困难、容易遗忘、不会合理安排复习计划的痛点，依据艾宾浩斯遗忘曲线而打造的专业高效背单词软件。本次升级优化了视觉风格，新增趣味阅读，学习 区等板块，帮助用户有效利用碎片化时间学习，增强学习趣味性。

2、用户特征

3、用户体验地图

4、竞品分析

5、设计目标

三、视觉系统

1、情绪板

2、色彩规范

3、圆角规范

4、图标规范

5、组件元素

四、页面展示

1、学习页面

2、发现页面

3、豆荚页面

4、我的页面

5、其他页面

6、所有页面

五、结语

好的产品始于需求、立于价值、久于体验，良好的用户体验是广大设计师追求的目标之一。但用户体验不是简单的交互体验，而是人机交互的集合，我们要让用户在概念模糊、不知道自己想要什么的情况下，通过UI去引导、解决用户的需求，至于如何做，就需要我们在产品的细节上多下功夫了。

PS：阿多比设计UI32期训练营9月13日开启，期待大家的加入！