Google 设计师谈移动端UX设计

Ryan Warrender是谷歌某团队UX负责人,过去两年中,他们帮助150多家公司改善了移动端网站的用户体验,可谓经验丰富,让我们一起学习一下他对移动端UX设计的几点看法吧。

第一印象至关重要

移动端用户使用场景相对碎片化,因此要在第一时间吸引用户,避免用户注意力分散。要使首页和所有着陆页保持简洁,并且要有一些具有感召力和价值主张的文字吸引用户。使用户第一时间就能清楚在你的网站可以获得什么以及下一步具体如何操作。

Google 设计师谈移动端UX设计

简洁

我一直强调的原则是「Do Less」,这意味着更少的图片、更少的表单字段、更简洁的导航模式、更少的插件、更少的广告、更少的文本、更少的全屏信息、更少的加载时间、更少的点击步骤等等…… 更少的信息和操作可以尽量避免用户注意力的分散。

访问速度

速度更快的移动网站具有更好的用户参与度,与用户体验相关的三个速度指标分别是:First Contentful Paint(内容传达速度)、Speed Index(响应速度)、Time to Interactive(用户从进入界面到行动的时间)。你精心设计的页面,可能会由于忘记压缩2M的高清图片,使用户无法忍耐加载时间而退出,这实在是得不偿失。通常情况下推荐的指标值为FCP<2s,SI<3s,TTI<5s。可以经常使用Chrome Dev工具的Coverage选项卡查找未使用的css或js代码,对于提高网站的访问速度有一定的帮助。

Google 设计师谈移动端UX设计

多与用户交流

虽然大家都认为是理所应当的事,但正真做到的人却不多。大多数人除了用户反映问题时,很少主动去和用户交流。

用数据指导设计

数据指导设计的趋势并不是新鲜事。电商网站往往会监控平均订单价值(AOV)和结账流程页面上的跳出率,旅游网站会更关心回访会话(客户留存)和特定渠道流量。数据指导设计可以防止拍脑袋决策,对于错误的设计也可以通过数据尽早发现,及时改正。

拥抱新技术

如果你想使移动页面接近原生的体验,可以尝试PWA技术。如果你想大幅提高移动页面的访问速度,可以使用谷歌启动的AMP技术。如果你是零售商,请研究如何减少结账所用的时间,比如减少须填写的字段,启用自动填充或接入谷歌支付。只要是可以提高用户体验的新技术,成本又可以接受,我们都应该去尝试使用。

Google 设计师谈移动端UX设计

总结

根据今年观察到的优秀项目案例,2018 年UX设计的趋势如下:

  • 采用底部抽屉导航
  • 启用推送通知(仅当必要时)
  • 添加一个「添加到主屏幕」按钮(应用程序清单)
  • 使用 Material Design 网站组件
  • 滚动触发动画
  • 界面底部放置行动引导按钮(特别是在产品数据页上)
  • 允许用户使用游客帐户进行购买
  • 移动页加速器 (AMP)

解决用户体验问题没有什么灵丹妙药,需要充分的分析和多开阔思维才能做好。


分享到:


相關文章: