调研目标
选择6款竞品,从产品分析、功能、视觉风格、借鉴点和亮点等维度入手,提炼可以学习借鉴的部分,为大力智能学习灯「字词典页改版」做充分的信息输入。
体验产品:网易有道、有道少儿、百度翻译、熊博士识字、洪恩识字、洪恩拼音
调研总结
设计体验总结:
- 颜色使用上,竞品在查词功能中采用多种辅助色帮助区分查词内容、可跳转链接、区分视觉层次。学习灯目前都是用蓝色主色来应对所有层级,比较单一;
- 竞品页面信息层级对比度较高 ,包括文字的大小、灰阶、字体以及留白的对比,以此来让页面内容的信息层级更清晰;
- 在滑动查看单词详情的时候,竞品头部的词卡会有缩略状态,简单保留单词拼写信息,给下方的内容展示留出足够的空间(学习灯早期设计也有但研发未实现);
- 利用辅助图形、IP元素可增加一些品牌透传小细节;
- 卡片结构和页面结构混合使用,并配合tab、锚点控件可以让页面结构性打造的扩展性变高;
功能建议:
- 竞品多会包含笔记功能、单词本功能,帮助提升学习氛围和让学生之间实现学习互助;
- 竞品在发音设置等中有包含倍速、自动发音、播放次数等功能,学习灯可参考;
- 低幼的基础识字、识音的过程需要一整套流程帮助记忆,例如:玩、讲、读、练、拓;通过游戏化流程帮助孩子记忆;
- 在单词和句子翻译注释的后面补上权威性的词源标注,可以帮助提升整体页面细节和产品可信度;
- 明星代言以及明星发音有提升品牌认知度的作用;
功能结构对比
| 产品名称 | 大力智能学习灯-字词典 | 网易有道词典 | 有道少儿英语 | 百度翻译 | | —- | —- | —- | —- | —- | | 产品定位 | 面向小学用户,通过点读、语音进行学习的中英文字词古诗查词学习功能。 | 有道词典是由网易有道出品的全球首款基于搜索引擎技术的全能免费语言翻译软件,为全年龄段学习人群提供优质顺畅的查词翻译服务。 | 词典专为小学生的语文和英语学习设计,从内容、功能到交互体验实现全方位的少儿化,堪称有道词典“少儿版”。 | 百度翻译依托互联网数据资源和自然语言处理技术优势,致力于帮助用户跨越语言鸿沟,方便快捷地获取信息和服务(比较模糊、没有查询到精确定位)。 | | 功能结构 | ||
|
| | 词典页面
主图 ||
|
|
|
设计细节对比
颜色层级使用上的细节对比
-辅助色 -灰阶应用 -动效
学习灯缺少辅助色运用;整体字体色阶层级没有拉开,没有对重点功能和单词做颜色差异化、动效差异化;
产品名称 | 大力智能学习灯-字词典 | 网易有道词典 | 有道少儿英语 | 百度翻译 |
---|---|---|---|---|
对比分析 | 学习灯字词典页面几乎都是全主色调(蓝色); - 无论是强调功能,搜索的对应单词,可跳转的链接,几乎都使用的大片主色; - 重点功能没有颜色或者动效引导整体的页面层级拉不开 |
用色克制的同时增加了蓝色辅助色的运用 - 文字颜色灰白对比充分重点突出; - 主色红色多用在重点功能和文字上; - 辅助蓝色多用在可跳转的内容上; - 主要按钮和icon上也多用了主色红色、蓝色辅助色配色 |
主要的功能入口层级很高(跟读和自然拼读); - 跟读和自然拼读是蓝色和红色;古诗朗读和古诗讲解分别是蓝绿 - 在主按钮上使用了icon和动效的方式增加视觉重量 |
用了多种颜色区分主次内容; - 头部的主要拼写拼读区域用的是主色、下方可以跳转的内容用的是蓝色; - 和主要的搜索内容相同的单词使用的是红色标记 |
产品截图 | ![]() ![]() ![]() ![]() |
![]() |
![]() 动态效果强化主要按钮视觉重量突出层级 暂时无法在飞书文档外展示此内容 |
![]() |
词典页面扩展性结构对比
-卡片、整页混合结构 -tab和锚点 -滑动缩略信息
可以将卡片结构和整页信息结构结合,配合tab和锚点控件打造更加灵活的扩展性,并且增加滑动以后把头部拼写区域进行缩略,提升空间利用率
产品名称 | 大力智能学习灯-字词典 | 网易有道词典 | 有道少儿英语 | 百度翻译 |
---|---|---|---|---|
对比分析 | - 词典页结构采用上下两个固定卡片,导致想要扩展更多信息有困难; - 如:拼音页面在新增了需求以后,下方的锚点不得不让给更重要层级的功能,之前的快速定位“声母、韵母”的能力就无法做到了 |
- 头部是固定高频内容,下方内容是根据tab切换整页结构,结构拓展性非常强; - 有双层Tab栏可以切换很多内容;滑动的过程中也会将头部的信息收起 |
- 使用了上方固定卡片,下方tab切换的结构;如果内容很多也会有双层tab结构; - 滑动以后,重点关注下方词典详细解释,头部的词典卡片就会收起省略 - 底部的知识点扩展阅读可以参考 |
- 头部用主色进行模块切割; - 中间会有层级很好的卡片,里面会有拓展性的三个tab,在滑动以后页面信息会有重新排布,头部信息有省略 |
产品截图 | ![]() ![]() ![]() ![]() |
![]() |
![]() |
![]() |
页面字体对比
-字体层级 -行间距 -字体样式
学习灯字体对比度相较于竞品略低一些;多行中文的行间距也稍有拥挤;
产品名称 | 大力智能学习灯-字词典 | 网易有道词典 | 有道少儿英语 | 百度翻译 |
---|---|---|---|---|
对比分析 | - 页面字体大小、颜色、字重的层级不清晰 - 普通正文使用方正兰亭黑、诗文用了方正新楷;英文统一使用的是Geometr706 Md BT,中文字体的行间距略挤 |
- 在同一个英文单词的示意下;有多种英文字体做对比(衬线字体、黑体、斜体) - 斜体和衬线字体多用于和所搜单词强关联的内容上;突出品质的同时容易识别 |
- 仅词性字体做了区分没有做过多的字体区分,字体大小区分还是比较明显的,行间距是比较大、易于识别 |
- 字体的大小和颜色灰度对比较明显,未采用很多种字体区分 |
产品截图 | ![]() ![]() ![]() ![]() |
![]() |
![]() |
![]() ![]() |
品牌元素融入的对比
-页面背景 -tab控件 -常驻功能入口
竞品多会将 IP、品牌颜色、辅助图形等品牌元素融入到页面小细节当中;
产品名称 | 大力智能学习灯-字词典 | 网易有道词典 | 有道少儿英语 | 百度翻译 |
---|---|---|---|---|
对比分析 | 背景上沿用了通用的一个大力智能的渐变色背景,其他没有做处理 | - 背景上使用了品牌的渐变色 - tab选择态使用了品牌红色和圆弧的处理 |
辅助图形:圆形 辅助色:红绿黄蓝 运用场景:背景装饰、tab选中态、标题装饰、语音icon内容 |
句子翻译的下方也标注了“牛津高阶英汉双解词典”;头部的分割线增加了 杜小典词典的logo字样;这类小细节都是增加了整个品牌的透传和可信度的提升 |
产品截图 | ![]() ![]() |
![]() |
![]() |
![]() |
基于设备和使用场景的交互方式
当我们在阅读课文的生词的时候;查询很多组的单词场景会比较多,多个词组的查询切换交互操作比较频繁;优化查询切换的交互操作和展示能更加顺畅的完成切换体验
产品名称 | 大力智能学习灯-字词典 | 网易有道词典 | 百度翻译 |
---|---|---|---|
对比分析 | 大力主打的指尖查词能力和语音查词,在台灯上不太适合使用键盘进行输入 | 单词释义的头部模块和搜索共用同一个模块;在多个单词查询切换的时候非常的便捷,交互也非常自然 | 单词释义的头部模块和搜索共用同一个模块;在多个单词查询切换的时候非常的便捷,交互也非常自然(同网易有道) |
产品截图 | ![]() ![]() |
![]() ![]() |
其他细节借鉴
产品截图 | 解析 |
---|---|
![]() ![]() |
主要的单词卡片翻转就是实物的样式(部分抽象单词也有对应的图片) |
![]() ![]() |
查词的入口使用了四线三格和田字格的背景比较生动的区分了语文和英语查词的入口(切换有音效) |
![]() ![]() |
蓝思分级功能可以引导更多当前年级适合学习的功能,感觉特别实用(ps:红色有点扎眼) |
![]() ![]() |
明星代言以及发音有提升品牌认知度 |
功能体验建议
目前大力的字词典缺少一些基础功能,整个学习体验不闭合,我们应当对齐竞品的一些基础能力,为之后我们主推的自主学习系统做好支撑
词源标注
产品名称 | 大力智能学习灯-字词典 | 网易有道词典 | 有道少儿英语 | 百度翻译 |
---|---|---|---|---|
对比分析 | 词语翻译中不会展示翻译的词源来自哪 | 普通词汇会标注《牛津字典》的字样,注明翻译词源 ;专业释义中也有“参考来源-河北储藏期..”的类似字样,整体看上去专业度很高,可信度和品质也体现出来 | “以上内容来源于 牛津小学词典 Oxford Primary Dictionary”的字样;在每个模块的底部会有对应的词源也是增加了品质感和可信度 | 句子翻译的下方也标注了“牛津高阶英汉双解词典”;头部的分割线增加了 杜小典词典的logo字样;这类小细节都是增加了整个品牌的透传和可信度的提升 |
产品截图 | ![]() ![]() ![]() ![]() |
![]() ![]() |
![]() |
![]() |
发音设置
字词典缺少发音设置的功能,对学生的定制化学习缺少帮助
产品名称 | 大力 | 网易有道词典 | 有道少儿英语 | 百度翻译 |
---|---|---|---|---|
产品截图 | 无相关功能 | ![]() ![]() |
![]() |
![]() |
对比分析 | 应当补齐这类基础功能 | 发音设置功能特别明晰,给需要系统学习大量单词的深度学习者来说,可以定制适合自己的发音模式; |
单词本
字词典必备的衍生属性;目前学习灯对这个功能没有做基础建设;
产品名称 | 大力 | 网易有道词典 | 有道少儿英语 | 百度翻译 |
---|---|---|---|---|
对比分析 | 应当补齐这类基础功能 | 单词本是字词典的基础工具,帮助复习和记忆;对学习生词是不可缺少的一环 | ||
产品截图 | 无相关功能 | ![]() ![]() |
![]() |
![]() |
笔记展示
在家的学习环境中一般缺少这个学习氛围;不像在课堂上一样有一起学习的互动;
如果学习灯能够增加笔记的曝光;既让学习者可以互相帮助,也可以增加整体的学习氛围;
产品名称 | 大力 | 网易有道词典 | 有道少儿英语 | 百度翻译 |
---|---|---|---|---|
对比分析 | 应当补齐这类基础功能 | 笔记的展示可以提升整个产品使用的中的的学习氛围,展示其他学习者的学习经验,使学习者互帮互助提升自己的学习水平的同时帮助其他学习者; | ||
产品截图 | 无相关功能 | ![]() ![]() |
缺少笔记功能、有单词本 | ![]() |
3D展示单词实物
产品名称 | 大力 | 有道少儿英语 |
---|---|---|
对比分析 | 暂无功能 | ![]() ![]() ![]() |
产品截图 | 无相关功能 | 3d是所学单词的实物,并且能够旋转观察,更贴近真实的世界激发孩子的学习兴趣 |
学习流程
学习灯的字词典只支持简单的词义查询,无论是拼音、字母、中文或者英文的单词;其学习过程应该是有一个完整流程的,当学习者通过一整套的体系获取知识才能真正“理解”、“记住”、“会用”,洪恩系列以及熊博士的产品在此流程上做的比较有体系化
产品名称 | 产品截图 | 解析 |
---|---|---|
洪恩拼音 | ![]() |
系统教学流程:玩:趣味互动引入,潜移默化拼音的形状和发音认:字母音形讲解,发音要领讲解,儿歌帮助记忆调:能认识、会读音、了解标注拼音的四个声调说:语音反馈,跟读拼音-自己读字母拼:拼读讲解、拼读互动练:听音辨形、看形选音、听音拼字写:趣味书写,笔顺笔画,个性化笔触 |
洪恩识字 | 文字教学: - 玩:一段小视频以小故事的形式边引导小朋友操作边介绍这个汉字是怎么来的 - 认:汉字读音,字形拆解,并以词语,造句的形式多次巩固 - 练:玩游戏的形式在4个字里挑出这次学习的字 - 写:用手指根据前后笔画去描字,描的时候语音自动播放笔画的名称横,竖,弯钩等,让小朋友对汉字的构造进一步了解。 |
成语教学:
- 读:这块基本是课文内容引导教学,没有更多互动的部分;像听了一个完整的故事,图文和语音配合的讲解内容
- 讲:用更加通俗易懂的口语方式,再次演绎一遍成语内容;配合生动的动画帮助记忆
- 玩:其实这里的步骤感觉教学意义不是很重,有点像课间休息的感觉;整体没有知识含量,游戏和知识的契合度也不高
- 练:文字配对游戏(但是难度很低,建议增加一些易错选项)
- 拓:这里的难度坡度陡增,突然需要成语接龙,对已经掌握的词汇量有很大的考验
- 说:重新配合图片温习学习到的内容,主动复述内容
|
| 熊博士识字 | | 查询一个“古”字进入一个完整的学习流程;先用游戏化带入场景,引入IP需要取一副“古代山水画”
从“描红书写”——“发音”——“再次书写描红”——“组词”——“词画连线”——“多个文字选择正确的文字”——“容易混淆的文字选出正确的文字”——“反复选择正确的文字”——“完成任务,拿到古画”——“最后由语音配合画面带领用户再次温习,并将字用在三个例句当中” |