专栏名称: 谷歌开发者
Google中国官方账号。汇集Android, Chrome, Angular等移动和网络开发技术、Google Play和AdMob等开发者成长、优化和变现平台。
目录
相关文章推荐
新浪科技  ·  【#互联网大厂集中启动反腐# ... ·  4 天前  
新浪科技  ·  【#母子买同一商品88VIP却更贵# ... ·  4 天前  
新浪科技  ·  【#银行大额存单还香吗#】10月18日,工商 ... ·  1 周前  
51好读  ›  专栏  ›  谷歌开发者

取舍的艺术:Evernote

谷歌开发者  · 公众号  · 科技媒体  · 2017-03-18 20:00

正文




想要创建一款功能强大的笔记应用程序,同时还要做到让用户体验并不复杂,即使对于那些最为经验丰富的设计师都是一个巨大的挑战。2015 年,Evernote 决定全面应用 Material Design 设计规范,而这一举措为其优化应用功能、创造更流畅的用户体验提供了完美的机会。最终的产品以更简洁的 UI,结合优美的动效及排版,突出强调了 Evernote 的核心概念 —— 捕获和组织创意的能力。



以简洁清晰的 UI 实现化繁为简

△ Evernote 的界面以简洁高效著称


设计一款实用的笔记产品,最大的挑战之一就是如何做到兼顾记录时的快捷以及回顾时的便利。为了解决这两个问题,每次打开程序时 Evernote 都向用户呈现绿色的悬浮按钮(用于记录)以及笔记列表(用于回顾)。只需简单的点击即可快速记录下新的想法,而之前记录的信息,无论是照片、音频、聊天信息还是任何其他类型的内容,都可以通过整洁的笔记列表轻松访问。Evernote 的移动产品设计经理 Kara Hodecker 认为,通过采用 Material Design,Evernote 最大限度地减少了对用户的干扰,让用户可以直接在应用主页轻松地检索并编辑笔记。


“ 在贯彻 Material Design 设计规范的过程中,我们得以大幅简化了 UI,并移除了多余的线条、边框及其他可能会搅乱界面的元素。”


—— Evernote 移动产品设计经理 Kara Hodecker


在持续存在的 FAB (悬浮按钮) 上应用了快捷指令的设计(speed dial transition)—— 点击后展开并呈现六种不同的记录笔记的方式,并强化了用户输入数据及快速了解 Evernote 产品性能的方式。


△ 快捷指令设计(speed dial transition)中通过动画展开子级按钮,明确地表明了功能的相关性,让用户第一时间心领神会



△ 按下时,悬浮按钮会弹出所有记录笔记的方式 —— 用户能做什么在一个动画之内就一目了然了 



用明确的动效让用户安心

△ Evernote 使用动效让用户知道他们的笔记已经被保存(并通过这一简单优雅的动画为他们带来惊喜)


查看 to-do 列表一直都会让人紧张( 尤其是关键项目的 to-do 列表 )。因此,在用户记录想法时,使用清晰的信号表达出 “记录成功” 的状态,会让用户倍感安心。Evernote 使用简单而优雅的动效来传达这种信号。用户编辑全新或已有的笔记时,左上角的返回上级按钮将从箭头变为确认勾选标记。用户编辑完成后,点击对勾标记将触发短暂的动画,对勾符号转换回箭头的样子 —— 这个变化会让人们知道,修改工作已经保存,可以放心的返回到笔记列表了。Evernote 产品经理 Justin Street 认为,动效的价值再怎么强调都不过分 —— 它们可以让用户安心并展露出自信的笑容。


“ 动效为用户带来愉悦。虽然 Evernote 是用于工作的工具,但我们也希望它是您喜欢使用的工具 ,是您繁忙的工作中的一抹亮色。”


—— Evernote 产品经理 Justin Street



通过排版强化品牌认知和可用性

只要您能够系统地使用网格、空间、尺寸、颜色、图像及排版等基本元素来指导整体设计,任何字体都能很好的融入 Material Design 体系中。事实上,我们之所以建立如此灵活的设计语言,初衷就是让品牌有空间释放自己的个性。根据 Street 的说法,Evernote 明确的意识到要同时兼顾创造力与系统规范,在传达品牌个性的同时,通过贯彻 Material Design 来提升用户体验。


“ 我们喜欢有个性的操作系统 - Material Design 的伟大之处就在于此。追求独特的背后都有着强大的逻辑,这也是 Evernote 的处世之道。”


—— Evernote 产品经理 Justin Street


通过在整个应用中对排版方式的极致应用,我们创造了一种清晰的层次感,并为它注入了自己独特的性格。Evernote 的系统字体 - Caecilia 字体,与 Roboto 字体配合良好,后者是 Android 系统中可用的标准非衬线字体。设计团队选择在标题以及较高层级信息中使用 Caecilia 字体,在正文、UI 元素及其他地方使用 Roboto 字体。这两种字体的配合使用带来了让人欣喜的变化性,让用户能够轻松的吸收信息,并毫不费力地在功能模块间完成切换。这两者的配合使用同时也帮助简化了开发流程,因为 Roboto 是 Android 自带的字体,所以不需要单独添加,而且天然支持更多扩展语言。 



奖项与社区支持皆收入囊中

Evernote 已经培养出了一个充满激情和忠诚的用户群体,在 Material Design 转型期间也从未失去用户的喜爱。转型到 Material Design 之后,反馈信息中的绝大部分都是积极正面的,总评分数高达 4.6 分,点评数量超过 140 万条( 并且这个数字还在不断增加 )。Evernote 曾在 2015 年荣获 Google Play 最佳设计奖,并一直处于顶级 Material Design 应用之列。事实上,转向 Material Design 还带来了一个意外的好处,那就是媒体报道数量猛增 —— 那些热衷于介绍 “强化用户体验” 和 “感受 Material Design 之美” 的网站在这方面尤其热心。



相信看到这里,对于 Material Design 能带来的体验和评价方面的好处您已经了然于胸。是时候点击 “阅读原文” 去看看我们的设计规范,并早些应用在您的作品中吧!


推荐阅读:

Airbnb的设计之道:明晰与优雅的设计语言

FlexboxLayout帮助您完成聪明的UI布局

首发 | Google Play 开发者 FAQ 第一期

领取《出海宝典》,迈出成功出海的第一步!