案例

重新定义词典之美

交互设计  |  产品设计  |  视觉设计  |  设计规范

交互设计  |  产品设计  |  视觉设计  |  设计规范

项目背景

有道词典累计总用户量突破 3 亿,其中移动端用户超过 1.5 亿。为了更好地满足用户在移动终端上的学习需求,网易有道邀请 EICO 为其重新设计有道词典 Android 版。设计团队调查发现,有道词典的使用高峰期是四六级与期末考试前夕,这说明学生群体是有道词典的使用主体。EICO 因此建议将有道词典从外语查询工具转为外语学习平台。

最终收获

设计团队在对现有用户数据和大量竞品进行研究之后,从功能架构和视觉表现入手,注重信息本身的设计。在前期定义了合理的网格系统,使新版有道词典适用于 Android 各种主流分辨率,提高了扩展性。后期创建整体界面的设计规范,确保版本升级或功能增加时使用体验的统一性,并降低了设计部门和开发部门沟通成本。

“旧版应用繁琐的操作方式降低了用户的使用效率。为此,我们从用户体验的角度思考如何更快更流畅地将信息展示给用户。”

我们为主界面定义了多种方便快捷的手势操作:向上滑动,轻松进入双语学习空间;左右滑动即可在不同功能模块间快速切换。在内容展示方面,采用图文并茂的卡片化设计。不仅使页面布局更加统一,而且更好地区分了信息层级和主次,使信息传达更直观、更丰富、更具情感化。

“相对于传统词典的枯燥冰冷,有道词典采用杂志封面的设计形式重新规划主界面,使核心功能与视觉表现形式巧妙融合。

重新设计的首页界面,配合动态效果,增强第一眼吸引力,推动品牌形象的情感化表达。源自英文斜体字母的灵感,运用 75 度角贯穿于整体页面的细节设计中。构成统一的视觉语言,形成有道词典独有的品牌 DNA 元素。

复杂抽象的统计数据给用户的浏览带来不便。通过数据图形化的方式,令信息呈现既直观又有趣,更好地给用户带来成就感和使用热情。

除了通过功能构架和视觉表现来增强品牌专业度外,我们还创建了一套合理的网格系统和界面设计规范,来增强软件扩展性和品牌统一性。

通过对真实场景的模拟和学习,探寻用户行为习惯和细节需求。我们的深度优化设计给用户带来了轻松流畅的上手感和前所未有的惊喜感。

有道词典发布后,获得了豌豆荚设计奖。“新界面很清爽,与云笔记的统一感更强了。是我为数不多愿意主动评价的软件之一。”来自豌豆荚用户

扫描二维码,
关注EICO微信公众号

保存或扫描二维码
关注EICO微信公众号

确定

您的需求已成功发送
我们将在72小时内与您取得联系

确定

合作机会

一封邮件或许正是成就一个出色产品的开端。
欢迎填写表格或发送合作邮件至:service@eicoinc.com,您也可以直接拨打咨询热线:010-64938322

*
*
*
*
  • 北京
  • 上海
  • 广州
  • 深圳
  • 珠海
  • 厦门
  • 杭州
  • 南京
  • 武汉
  • 西安
  • 成都
  • 重庆
  • 青岛
  • 沈阳
  • 其他
  • 汽车
  • 通信
  • 智能设备
  • 行业方案
  • AR/VR
  • 出行
  • 医疗健康
  • 供应链
  • 零售
  • 媒体
  • 餐饮
  • 家电
  • 金融
  • 投资
  • 旅游
  • 娱乐
  • 效率工具
  • 社交
  • 电商
  • 其他
  • 需要现在开始
  • 1个月左右

媒体联系:press@eicoinc.com