全网销量第一的词典笔,原来是这样设计的!

用户头像
合肥/UI设计师/2年前/970浏览
全网销量第一的词典笔,原来是这样设计的!

全新阿尔法词典笔D1 ,在功能和设计方面做了双重升级,期待与大家一起交流学习。

在2020年,阿尔法蛋推出了首款定位儿童群体的词典笔Q3,以高性价比受到市场的热烈欢迎。去年双十一,阿尔法蛋词典笔在京东、天猫和抖音平台上获得了三冠王的荣誉。今年,阿尔法蛋在Q3的基础上进一步升级,发布了全新的D1词典笔。与之前的Q3相比,D1不仅在报听写和背单词等学习功能上有所提升,还在查词翻译中增加了更多的词典,持续引领儿童词典笔市场的发展。

市场分析

追根溯源,了解产品设计初衷,根据中国教育部公布的数据,全国的小学生数量在2023年达到了1.1亿,而在2022年,该市场在低端产品上的销售量约为🌟500万台🌟

I 深入行业 明确设计方向

经过对各大电商平台的热门产品进行深入分析,我们发现这些产品中大部分是由非专业品牌制造商生产的,通过提供低廉的价格来吸引消费者。

I 深取其精髓 驱动体验差异

笔博士词典笔:扫描翻译、语音翻译、学习古文言文、百科问答、汉字描红、拼音学习、扫题答疑、背单词、口语翻译、定制的操作系统

小天才Q5:知识问答、英语学习、儿歌播放、拼音教学等功能,具有娱乐性和教育性的双重功能。

爱百分:扫描翻译、扫题答疑、专业词典

作业帮F3:智能学习系统、离线翻译

I 收拢优势,核心产品能力,强势表达,集中体验

体验:疾速开机、高效查词、超长续航

内容:20多本权威词典

测评标准:中高考标准和普通话测试标准

查询:语音开口就能说

发音:CHiME 2016-2020、连续三届冠军、国际语音合成大赛第一

总体来说,阿尔法蛋词典笔D1在识别准确、内置丰富词典、支持离线翻译、高效学习、大屏幕显示等方面有优势,同时还有语音助手等特色功能。

I 用户分层,聚焦核心用户群

根据之前的市场分析报告,我们发现全国K12阶段的学生中,小学生占据了最大的用户群体。而我们词典笔的过去主要用户群体也主要以小学生为主。

I 定点分析主要购买人群,为后续设计做铺垫

根据所提供的图表数据,我们可以看到在江苏、广东和浙江等省份,女性是主要的购买人群。这些省份的女性购买者占比最高,年龄主要集中在30至45岁之间。这些女性购买者可能具有较高的购买力,并且对于相关产品有较深的理解和认识。因此,我们可以通过更多的研究来更好地理解这一现象,并为女性消费者提供更加适合她们的产品和服务。

I 聚焦两大核心人群,清晰化用户画像

从以下两种人物分析中可以得到的设计价值

第一个:增强孩子的学习体验,比如趣味性强的学习内容和多样化的学习方式;

第二个:提供个性化的学习支持,比如学习计划制定;增强用户体验

第三个:提供情感化设计

I 总结用户痛点,针对核心表达功能

通过查词翻译、语音查询、报听写等功能,孩子可以自主有效地学习,从而解放了家长的双手,并跟踪学习成效。这样,孩子能够更好地掌握知识,提高学习效率,同时也可以激发他们的学习兴趣和动力。家长也可以更加轻松地掌握孩子的学习情况,及时给予支持和帮助,让孩子取得更好的学习效果。

I 回归设计,产品目标转译设计目标

通过分析业务需求、产品需求和用户需求,针对性地制定以下目标:

1、功能上:化繁为简成本控制;

2、交互上:层级清晰简洁、提高操作效率、易用、提高用户体验;

3、视觉上:提升品牌形象、美观的界面。

1、功能上化繁为简,与业务产品共建核心功能

在限定时间内,确保核心功能得以实现,同时对设计和开发成本进行合理管控,以实现成本效益最大化。随后根据市场反馈情况,逐步增加相应的功能和特性。

2、 在交互视觉层面,举两个例子

系统更新页面。

我们对老版本的按钮进行了优化,通过重新调整其位置和大小,有效扩大了阅读空间,增加了信息的可见性,从而使用户可以更加便捷地获取更多信息内容。这一改进显著提升了空间使用效率,并增强了用户体验的流畅性和易用性。

② 播放页面。

切换在长屏幕笔中,用户需要通过点击页面两侧的按钮进行上下句的切换,这种操作方式在长屏幕设备上比较友好,但在小屏幕D1词典笔上却显得非常不方便。此外,页面上布满了按钮,使得可阅读的信息区域变得很小。因此,我们摒弃了两边手动点击切换方式,采用音乐歌词中常见的上下滑动方式来进行上下句的切换,使用户能够更方便地进行操作,并且大大提升了小屏幕设备上的用户体验。

3、 在视觉传达中,我们可以根据关键词搜索获取到相应的图片。

青春:通过色彩的轻松绚烂和多彩来表现;

权威:可以通过徽章和书籍等元素来表达;

活力:可以使用鲜艳明亮的色彩以及具有活力动感的图像和插图来增强视觉效果。

接下来,我们将从“形状、颜色、版式、字体和动画” 5个方面来详细阐述我们的视觉表达。

① 形状

我们通过收集大量与儿童相关的食品和玩具等元素,从中提取出具有童趣的线条和形状。然后,结合我们的硬件产品本身的形状特征,我们确定了以圆形和圆角线条为主要设计元素的方案。为了实现统一性和易用性,主图标、辅助图标、列表、卡片和按钮等元素都采用了这种大圆角和圆形的形状设计。

② 颜色

使用品牌logo颜色为主色调,辅助色蓝色

主图标

设计采用圆形与形状拼合的方式进行设计,使用常规图标以便用户更易理解。在常规形状的基础上,结合圆形和方形进行优化,使其更符合小学生的认知特点。

设置首页图标设计采用彩色常规形状的线框图标,以便用户快速识别。通过灵活运用不同颜色,提高图标的辨识度,并增强视觉吸引力。

在空白页中加入生动有趣的配图,能够增强页面的情感化氛围,并为用户带来温馨舒适的感受。这些配图可以是与主题相关的插画、照片或其他视觉元素,以提升页面的温度感和亲切感。

在查词页面中,使用真实书籍的配图能够增加页面的权威性和识别度。这些书籍图片可以是相关领域的经典著作、热门读物或专业教材等。通过真实书籍的呈现,使页面更具有说服力和专业性。

③ 版式

查词翻译页面作为产品中内容最为丰富的部分,需要对层级进行合理分配以确保信息的清晰度和可读性。由于考虑到小屏幕设备和低硬件配置的情况,为了确保内容的快速加载和显示,我们定义了字号和行间距的三种不同规格。这样的设计可以减少加载时间,提高用户体验。

中英文测评结果

使用徽章可以提升权威性,而多维度图表更加直观、易于理解。它们能够精确剖析问题的方方面面,帮助我们更加准确地解读和理解信息。

语音查询

词典笔的语音查询功能是一项非常便利的功能,它让学生能够更加自由地查询各种问题,而不需要身边有实物文字。更加方便快捷地获得答案。在设计时,将不同类型的答案单独处理,在字母表类、乘法口诀、时钟、天气等,并使用带颜色场景化的背景,给视觉带来更加舒适放松的状态。虽然由于配置问题无法做成动态动画,但是这并不影响它的使用效果和实用性。

背单词

科学制定单词背诵策略,结合语义情境背单词。每日背诵计划督促学习,背、测、练提高效率。操作简便快捷,智能调整学习计划和难度

首页使用大色块渐变+同色系词库图形来表现,营造出轻松愉悦独特的氛围和情感,带着快乐心情学习,同时也可以让信息更加简单直接地传达给用户。

其他页面采用精简信息层级设计,突出关键信息和入口,为使用户体验更加直观和便捷,减少操作步骤,增加用户体验。

报听写

通过模拟真实的听写场景,词典笔可以作为播报者的替代工具,为学生提供单词和短语的发音,并且允许学生在完成听写后进行自我检查和标记错误。这种自我检查和标记错误的功能可以帮助学生更有效地收集和理解自己错误的知识点,从而通过反复听写来增强记忆印象,进而有效地完成学习任务。

通过模拟真实的封面,读者可以获得身临其境的阅读体验,从而更容易记住单词。

通过提供自动和手动两种播报方式,用户可以自由选择他们更喜欢和更适合自己的方式,这样就把决定权交给了用户,为他们提供了更大的便利性和自由度。

默认显示为白色,当用户点击正确的单词时,该单词会变为绿色。随着点击的增多,用户听写的正确单词数量也会逐渐增加。每一次点击都是对用户自我能力的肯定,能够带来满满的成就感。

完成任务后应及时反馈,通过与配套图书的结合,增强用户在听写方面的互动与关联性,为冰冷的数字学习过程注入一些温馨的情感色彩。

生词本 历史记录

生词本:记录下不会的单词,拓展词汇量,通过重复记忆,提高做题的正确率。

历史记录:可以快速找到之前浏览过的单词。

下拉快捷方式

增加这一功能方便用户快速选择多个选项,避免了多次点击按钮或链接的繁琐操作。用户可以更加便捷地访问常用信息,从而提高产品的使用效率,并增强用户体验的简洁性和易用性。

④ 字体

使用无衬线字体思源黑体,更方便阅读

⑤ 动画

1、引导页通过采用动画技术,能够有效地降低用户的认知负担,提高用户对界面的理解和使用效率;

2、在扫描完翻词典的动画中,结合真实场景的呈现方式,以及扫完从词书中查找的动画设计,能够为用户带来更加生动有趣的体验,从而提升用户对产品的满意度;

3、输入提交后,及时反馈给用户,缩短用户和界面之间的认知差距,让用户更专注于任务完成;

4、查词结果页的词书,通过采用交互式动画展示方式,能够快速向用户传递更多本词书的信息。

总结

我感到无比荣幸能参与到Q3和D1这两大爆款词典笔的设计中。这款词典笔,不仅是我职业生涯中最倾注心血和精力的一款产品,更是阿尔法蛋的第二款爆款产品,它代表了我们的集体智慧和努力。虽然在设计过程中,我们经历了许多挑战和困难,但最终看到这款产品受到市场的热烈欢迎和用户的广泛好评,我深感一切的付出都是值得的。

后续让其他小伙伴继续接力前行,让我们共同期待它未来的表现,我相信它将会给我们带来更多的惊喜。也希望大家能够继续支持这款词典笔,让它成为你们学习路上的得力助手。

19
举报
|
9
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
高级表盘系列UI源文件
【新年UI图标】美食icon
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
【新年UI图标】积分icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】礼物/活动icon
智能家居中心 简约 UI设计组件库
【新年UI图标】活动icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI应用平面图标
UI界面 组件
我的钱包-UI界面设计-app
Security Camera UI kit
【新年UI图标】旅行icon
手表表盘UI系列
盲盒APP UI设计
新能源APP应用UIKit
钱包ui模板
UI通用设计素材1
新拟态风格 UI设计组件库
【新年UI图标】银行卡icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】体育icon
你可能喜欢
相关收藏夹
UI
UI
UI
UI
UI
27
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册