小多比的设计笔记(11)_极光英语APP改版复盘

上周,我们为大家分享了UI21期杜同学的就业采访,本期一起来看看杜同学关于极光英语APP的改版复盘吧~

一、项目概述

本次改版是因为我们在用户反馈和竞品分析中得出范围层的一些问题,如如何留存拉新,进一步促进用户需求情绪,如何增加品牌调性等。所以在本次2.0改版中对布局、功能、视觉、品牌进行提升。

首先主页改版更加强调进度数据图形化,因为学习统计和打卡日历代表了一种记忆,而记忆则是催生多巴胺需求情绪的重要因素,人们普遍会对记忆抱有怀念,可以培养用户的忠实度。

读外刊部分新增加今日短文卡片,大大提升了外刊产品的日活量,同时人气榜单和相关标签刺激用户的从众心理进行试读。

我的主页:通过前期竞品分析得出,背单词软件的留存率还是交由用户的学习效果来决定的,所以需要为用户整个学习过程中提供更精细化的运营服务以及产出精准的学习报告。所以此处采用了卡片式设计,使各类学习报告信息分层。沉浸式头部增加氛围,此处学英语进行多元功能整合和定义。

背单词流程上重新设置“再次提醒按钮”,一方面减少用户对自己记忆不确定感,使用户快速做出决策,另一方面按钮位置遵循了拇指原则,将重要按钮都放在了拇指热区,甚至直接点击屏幕空白处即可显示释义,提高了用户背单词的效率。上方有前词回顾,防止用户误触。做到操作前可预知、操作时有反馈、操作后可返回。

单词详情根据⽤户差异化和个性化诉求,两个维度加强记忆:利用图片和美剧视频趣味元素,同时兼有一词多义不同例句的专业度。

根据之前的竞品分析,发现百词斩和扇贝对于社交元素曝光少入口深,但社交也是强有力的外部监督的一环。此次改版在社群方面新增了一个功能叫我的同桌,和结成同桌的好友可以共同打卡,黑板上的便签入口会根据极光英语近期的运营推广随时变换,促进转化。为了将⽤户的视线聚焦在背单词本身,此处聊天页面无法输入文字,智能输入系统内置的鸡汤文字和IP表情包,也能提升品牌辨识度、传达品牌温度;数据可视化多维度体现学习数据,并且品牌色对应了用户对单词的熟悉程度,并增加极光绿IP BANNER,增加运营活动有效曝光;情感化设计运用良好的情绪牵引,营造真实有效的情感氛围,进⽽降低⽤户消极情绪。

二、项目简介

1、为什么做?

背单词作为一个枯燥且主要输出为延迟成就的学习项目,在背诵过程中帮助用户利用多巴胺产生需求情绪是此类产品用户体验塑造的关键抓手。同时,单词仅是英语学习链路中的一环,助力用户打造沉浸式学习闭环,打造单词、课程、社区的生态链,才能最大程度上建构出产品特性。

2、关于极光英语及本次迭代

3、存在问题

4、寻找切入点

5、竞品分析

为了更好地确定设计方向、发掘商业模式,所以进行竞品分析。市场上背单词的产品众多,这里选两款作为这次竞品对象,百词斩和扇贝单词。

背单词软件的留存率还是交由用户的学习效率来决定的,所以就要有督促机制,同时在用户整个学习过程中提供更精细化的运营服务以及产出精准的学习报告。根据对两款产品的使用体验分析,发现两款产品对于社交元素的入口较深,甚至互动不够,个人认为产品品牌情感依赖将是未来背单词产品差异化优势。

6、用户分析

背单词软件的用户大都分布在一二线城市,随着疫情学习方式转变以及三四线城市经济水平提高,教育重视程度增加,教育需求将继续扩大,用户也在增长。用户群体以20-29岁学生群体为主,占比46.4%

7、用户画像

三、视觉语言

1、情绪板

产品的目标用户多为学生,这一类人的特点就是年轻,易接受新鲜事物,又基于产品是教育类辅助产品,所以产品的设计定位是:成长活力、简洁高效、亲和陪伴。

2、色彩规范

3、页面布局

布局采用大圆角,留白的设计语言,这种风格一直是当下的流行趋势,符合产品特点。页面用留白和卡片方式划分,以传递信息为主。

所有间距以4pt为基准,字行距为1.5倍,板块与板块之间用大间距分开,提高信噪比,让信息更有层次感。D=4pt

4、字体规范

中文选用PingFang SC;英文选用DIN。

5、ICON

ICON使用了圆润扁平描边的风格,统一圆角和描边粗细,网格绘制(此处仅展示tabbar icon)。

6、组件元素

四、界面设计

1、个人登录

2、背单词

3、读外刊

4、我的主页/学习背包

5、背单词流程

6、社群影响

7、学习数据可视化

8、情感化设计

9、其他页面

五、结语

改版设计并不比从头构思设计一款新产品轻松,在设计之前,可以先想想我们想要用户发生什么行为,并且从动机、触发因素等多角度进行设计思考,从而更深入地理解用户行为背后发生的原因和影响决策的因素,只有这样才能快速提升产品的用户体验,更好地完成产品优化和升级,避免用户流失。

PS:阿多比设计UI27期将于4月25日正式开班,欢迎更多的小伙伴们加入!