Google的手机移动端最佳原型设计实践

手机为王。

目前30%的美国电商交易都是在手机上完成的,超过一半的旅行票务是在手机上订购的。而且,现在手机是美国主要银行最大的交易渠道。这就意味着各家公司争先推出自家网站的响应设计来争取一分手机市场份额。但是,怎样才算是一个优秀的手机网站产品呢?

Google和Answer Lab在芝加哥和旧金山进行了119场次的面对面可用性测试希望找到答案。通过监控参与者如何与各种不同的手机网站互动,用研小组坚定出了优良用户体验的25条手机网站设计原理。你也可以将这些最佳体验用于你的原型设计的测试上,来达到最佳的用户界面和交互体验吧。

Google和Answer Lab做了些什么

119小时的面对面可用性测试
参与者使用自己的手机来完成测试
针对每个网站,参与者都要完成一组针对转化率的购物任务
重要的是,参与者要就他们的每个行为spoke out loud和给出评分
最终评分根据整体体验和任务成功度,和出错的严重度

最终设计原则结果涵盖5个分类

主页和导航
搜索
商业和转化
表格录入
可用性和表格元素

下面就来看一下这5大类的具体分析

主页和导航

主页的作用和信息构架在电脑端和移动端上是两个截然不同的怪兽。在电脑端你可以用一些空间解释你的公司是做什么的,你的标语或者是品牌推广促销信息。在手机版上,主页空间弥足珍贵,用户不想浪费时间。Google用研小组发现:

Mobile users tend to be very goal-oriented – they expect to be able to get what they need from a mobile site easily, immediately, and on their own terms.

在将电脑端主页适配到手机移动端的时候一定要将CTA放于一切之上。这适用于一切主干导航流程。汉堡菜单之后的选项在手机上很难操作。因此一定要将主要的CTA放置在拇指触及得到的地方。其余的可以隐藏于菜单按钮之后。可见的菜单选项一定要绝对最小化。在麦当劳的手机应用中,菜单选项从10项被缩减到4项。如果麦当劳做得到,你也能!

搜索

据Google的发现,手机用户比电脑用户更具目的导向。因此,搜索按钮在移动端便是一个关键元素。Google发现,在主页的使用上,用户更偏好接近页面顶端的open-text search boxes并添加自动填充效果。

商业和转化

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,090评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,194评论 4 61
  • 从昨天晚上就一直很激动,因为今天我生日啊。多少岁我就不说了,没有男朋友的老妹子一个,害羞要脸。 不知道是不是人品大...
    LD是胆小鬼阅读 4,014评论 0 0
  • 玩游戏如果少了朋友,这个游戏就会变得索然无味。因此,玩英雄联盟自然是少不了呼朋唤友开黑,但是开黑也有开黑的艺术,具...
    灯盗阅读 5,108评论 15 4
  • 柯南 推理根本没有什么高低,更没有什么胜负。这是因为……因为真相永远只有一个! 接触iOS也三年多了,...
    coenen阅读 1,560评论 0 1