有道翻译官4.0:给学习,多一点爱 - 图1

    “我们选择做设计,是为了什么?” 初入设计专业,导师曾留下这样一个问题。

    不知从何时起,市场与行业的激烈角逐让身为设计师的我们愈发意识到 “商业价值” 的重要性。我们聚焦于业务,从数据角度进行设计推导;或是深耕体验,探索信息传达的同时如何进一步 “提效”、 “降噪”…… 我们期待以理性、专业的设计为业务发展提供更多价值和可能性。

    但这是否代表了 “设计” 的全部?原研哉大师的一段话或许道出了朴素的初心 —— “设计,实则就是我们对生活的发声,无所谓什么社会贡献,想方设法得让我们的生活变得更好,这个过程就是一种设计。” 点滴创造,都应是对生活、爱和希望的表达,作为设计者,在服务于功能信息与商业化外,还存在着哪些更深层的价值可以去追寻?对此,跟随着有道翻译官 4.0 版本产品升级,我们进行了一系列的设计探索。

    有道翻译官4.0:给学习,多一点爱 - 图2

    不同年龄段的学习者对学习产品有不同的诉求。近年来,有道翻译官的小初高年龄段用户占比逐渐提升,目前已经超过了 53%,相对有道词典用户更为年轻化。因此,除了满足快捷准确翻译的刚需,我们也尝试探索了学习者背后潜藏的深层需求。

    有道翻译官4.0:给学习,多一点爱 - 图3

    如冰山模型所示,掩藏在水面下的情感诉求很容易被忽视。面对大环境对学习的期望与压力,青少年他们需要被理解与关爱,渴望轻松的学习氛围。据《 2020 年精神心理报告 》统计,我国精神疾病患者中青少年群体占比的增长最为明显 —— “对比 2019 年增长了 55%,未成年人是当前精神心理健康工作的重点关注人群”。大家对学习的认知正在发生变化,不再只关注分数及学校,他们的身心健康越来越被重视。

    用「爱和陪伴」守护孩子的成长,回归教育本真。本次改版中,除对交互体验的全面升级外,我们也希望通过有温度的设计塑造一个好用且有正向情绪的产品,陪伴孩子健康成长。

    情绪传达

    串联整体

    对于产品情感化的塑造,不仅是聚焦于缺省页的有趣、图标的精致,而是需要贯穿于功能、体验、视觉表现、内容的始终。它可能是色彩定义中暖色与冷色的占比、交互中操作路径的安排,也可能是动效曲线的微小调整。每一处细节,最终串联起来共同宏观地传递出产品的情绪和带给使用者的感受。在有道翻译官 4.0 设计中,为形成连贯的情绪体验,不仅要提升翻译功能主流程效率,使原本简洁的体验更加高效易用,同时也需关注学习者的正向情绪引导。

    由此我们对于设计目标做出了定义:

    ① 专注轻盈的功能体验

    ② 清新治愈的情感氛围

    有道翻译官4.0:给学习,多一点爱 - 图4

    打磨体验

    专注流畅

    有道翻译官的核心是专业高效的工具属性。通过改版前的用户调研与反馈数据可以发现,用户整体评价中 “简洁”、“专业” 的提及频率很高,能够快速且准确得到查词、翻译结果是翻译官为用户长期以来形成的品牌印象。因此内容呈现得 “专业”,学得更 “专注”、用得更 “流畅”,是我们需要优化的重点。我们进行了如下改变 ——

    1 重构首页布局,翻译更顺手

    据统计翻译官用户在启动应用后,85% 以上的使用情境集中于内容输入及翻译语种选择。因此在交互层,依据首页功能触发频次排序,将优先级最高的搜索区置于手部操作热区内,以吸底 “浮层” 形式突显功能层级;操作按钮强化可点击感,文字、语音或是拍照翻译都能在最显著的位置一触即达。浏览频率相对较低、但对于用户学习重要的翻译记录 “壹句” 跟读模块安排在下一层级,使原本平铺的内容互不干扰,都能够被快速找到。

    有道翻译官4.0:给学习,多一点爱 - 图5

    在学生作业练习、出门旅行等实际场景中,常有文字、对话、拍照翻译需求交叉出现的情况。此前在翻译一段文字后,如需要换用其他模式,用户需要退回首页寻找入口,循环使用效率较低。新版本交互中,对多场景翻译做出优化 —— 输入按钮始终在翻译结果页底部待命,无论何时,快速唤起你要的模式,就像在聊天中一样简单流畅~

    有道翻译官4.0:给学习,多一点爱 - 图6

    2 流程 “视觉锚定”,看得更专注

    当你复制或记忆了一段需要翻译的内容,此时看到输入框,最希望的一定是快速出现正确的翻译结果,其他都请勿打扰。我们如何通过设计减少用户翻译过程中的注意力消耗,让这个目标更好地实现?新版翻译官尝试在输入的前、中、后,将搜索框以一致的色彩、样式和动效相衔接,打造视觉关联,引导用户视线 “锚定” 在这一元素上,专注于随即出现的简明翻译结果,助力翻译更快一步为你呈现。

    有道翻译官4.0:给学习,多一点爱 - 图7

    3 功能分类直观,认知更轻松

    分类是人脑识别外部世界的本能方式。将复杂的信息分类整合,明确区分查词结果页的释义模块与专业模块,从而满足不同群体所需,减轻用户信息压力,为用户带来轻松愉悦的阅读体验。此外,在翻译结果页排版上,通过强化文字对比关系、依据间距倍数关系排布信息疏密,内容浏览更有节奏。

    有道翻译官4.0:给学习,多一点爱 - 图8

    品牌情感

    工具,亦是陪伴

    作为被学生群体广泛选择的翻译应用,有道翻译官是否只需做一个静默的工具?

    无数次,它看到他们打开应用时,疲于应付课业的压力;听到那些略显青涩却不放弃练习着口语的朗读声,它都在见证 —— 但对于学习者,它的存在却是既熟悉又陌生,似乎仅是图标上的一只小鹦鹉。我们期待有道翻译官还能做的更多,就像教育心理学告诉我们一样 —— 学习效果与情绪情感体验密切相关。如果你给了孩子学习的时候正向的情感体验,他感到愉快、成就感,他会对学习会产生更浓的兴趣,反之则会对学习产生反感。

    爱和鼓励的适度体现、打造正向的情感体验,是设计团队在新版本探索中另一个关注的重点,也是对品牌形象的进一步升级。设计中主要从「情感元素的贯穿、IP 塑造、品牌标识升级」三方面着手。

    1 情感元素贯穿,打造积极氛围

    有道翻译官作为学习类产品,时刻考虑可用性、功能性,在产品设计过程中规划信息 / 体验 / 艺术 三者的关系占比。翻译官的功能效率与情感氛围占比保持 7 : 3。

    有道翻译官4.0:给学习,多一点爱 - 图9

    形态:整体界面元素保持直线与曲线占比 7 : 3,保持卡片、按钮、图标等元素的曲线比例,提升亲和感受;
    颜色:升级更轻量品牌蓝色,添加轻盈渐变色,创造温和平静的学习氛围;
    质感:使用学习场景相映射的笔触,结合弥散投影与留白,给用户带来轻松无压的体验。

    ……

    2 伴学 IP 塑造,用愉悦打动用户

    IP 融入增加产品的情绪触点 —— 产品联结用户的核心,是用户有被爱、被关心的感受,当用户觉得别人能注意或关注到自己时,往往会产生更强的内部动机。产品中需要增加一些有温度情绪触点的,让用户的使用过程不孤单。

    来认识一下翻译官新 IP 吧!新版本升级视频结尾、身份选择页面、首页壹句都有圆滚滚鹦鹉 IP 出现,在用户接触的第一触点增加积极治愈的情绪,传达品牌气质与理念。

    有道翻译官4.0:给学习,多一点爱 - 图10

    IP 融入引导用户的正向情绪 —— 关注用户使用情绪,打造让用户愉快的时刻,引导积极正向情绪。

    通过 IP 正向治愈的话术,引导学习中的各种负面情绪,焦虑、等待… 我们,来制造正向愉悦的气氛;例如语音录入声音小,没有听到 “大点声读出来”。收藏也不是没有情感的“加入收藏” 转换为更加轻松的状态 “把喜欢的都装进口袋” 等。

    产品中还有很多正向设计,欢迎大家来体验,感受学习中不经意的暖心~

    3 LOGO 升级,传递专业积极的态度

    随着用户主要群体的变化,旧版 LOGO 专业克制气质无法满足更年轻化的群体诉求,需要打造更加积极活力的形象。在 LOGO 的设计上,延续鹦鹉的形态基础,整体造型圆润流畅,形态灵动,增强亲和感,传递专业积极的品牌理念和态度。

    LOGO 设计中,为了适应不同使用场景,我们在与 IP 保持特征一致的基础上做出了特殊化:LOGO 需要保持品牌特性延续用户固有认知,而 IP 对内缓和学习压力,更偏愉悦和治愈。在经历了数版设计方案评审后,团队内外以及在用户组通过投票决定了最终的品牌标识。

    有道翻译官4.0:给学习,多一点爱 - 图11

    通过在有道翻译官 4.0 中贯穿情感设计的细节,我们希望这一产品能够真正蜕变为陪伴孩子们学习、见证点滴进步的 “好帮手”、“好伙伴”。

    写在最后

    今年 3 月的上海之行,我们有幸参观了一场以 “精神病世界” 为主题的展览。所展出患者的日记、信件、遗书等等,还原了一个真实而令人震惊的 “隐秘世界” 。诸如抑郁症、精神分裂症、双相情感障碍等这些曾经我们以为遥远的名词,正悄然靠近着年轻一代 —— 他们正接触着更加复杂陆离的社会,也相应承受着更多更难轻易解除的压力。

    有道翻译官4.0:给学习,多一点爱 - 图12

    这让我们开始反思,一款教育产品存在的价值究竟是什么?提高成绩的背后,教育的初心是希望他们成为怎样的人?前段时间一位硕士母亲刷屏朋友圈的话让我们感触良多:

    有道翻译官4.0:给学习,多一点爱 - 图13

    优异的成绩和学识,固然会为他们在社会浪潮中提供更强的竞争力 —— 这也是教育类产品在长期为之努力的,但成为一个快乐、懂得爱的人,是我们对学子一生的期望。

    我们希望通过翻译官的改变,在学习之中让使用者感受到「陪伴和爱」的温度,因此诞生了这次改版和一切的设计延展。在测试周期后,我们也高兴地看到用户对新版的种种好评,以及产品数据的正向提升。我们也将持续关注线上反馈和声音,逐步让翻译官的体验更贴近用户。

    有道翻译官4.0:给学习,多一点爱 - 图14

    做有温度的产品,让他们伴随青少年一起走过开心而有收获的学习时光 —— 这是作为教育行业设计师的我们发自内心的愿望。用点滴的创造,为生活的美好做出力所能及的努力和改变,也许就是我们投身设计的初心。期待越来越多的语言学习者体验有道翻译官,为我们提出真实的建议和期许,让翻译官与你一起见证成长~

    有道翻译官4.0:给学习,多一点爱 - 图15

    有道翻译官4.0:给学习,多一点爱 - 图16
    https://mp.weixin.qq.com/s/QXxntORI-eKxPRnCPNFPyg