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并添加自动填充效果。

商业和转化

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容

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