Google的手機移動端最佳原型設(shè)計實踐

手機為王。

目前30%的美國電商交易都是在手機上完成的,超過一半的旅行票務(wù)是在手機上訂購的。而且,現(xiàn)在手機是美國主要銀行最大的交易渠道。這就意味著各家公司爭先推出自家網(wǎng)站的響應(yīng)設(shè)計來爭取一分手機市場份額。但是,怎樣才算是一個優(yōu)秀的手機網(wǎng)站產(chǎn)品呢?

Google和Answer Lab在芝加哥和舊金山進行了119場次的面對面可用性測試希望找到答案。通過監(jiān)控參與者如何與各種不同的手機網(wǎng)站互動,用研小組堅定出了優(yōu)良用戶體驗的25條手機網(wǎng)站設(shè)計原理。你也可以將這些最佳體驗用于你的原型設(shè)計的測試上,來達到最佳的用戶界面和交互體驗吧。

Google和Answer Lab做了些什么

119小時的面對面可用性測試
參與者使用自己的手機來完成測試
針對每個網(wǎng)站,參與者都要完成一組針對轉(zhuǎn)化率的購物任務(wù)
重要的是,參與者要就他們的每個行為spoke out loud和給出評分
最終評分根據(jù)整體體驗和任務(wù)成功度,和出錯的嚴(yán)重度

最終設(shè)計原則結(jié)果涵蓋5個分類

主頁和導(dǎo)航
搜索
商業(yè)和轉(zhuǎn)化
表格錄入
可用性和表格元素

下面就來看一下這5大類的具體分析

主頁和導(dǎo)航

主頁的作用和信息構(gòu)架在電腦端和移動端上是兩個截然不同的怪獸。在電腦端你可以用一些空間解釋你的公司是做什么的,你的標(biāo)語或者是品牌推廣促銷信息。在手機版上,主頁空間彌足珍貴,用戶不想浪費時間。Google用研小組發(fā)現(xiàn):

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放于一切之上。這適用于一切主干導(dǎo)航流程。漢堡菜單之后的選項在手機上很難操作。因此一定要將主要的CTA放置在拇指觸及得到的地方。其余的可以隱藏于菜單按鈕之后??梢姷牟藛芜x項一定要絕對最小化。在麥當(dāng)勞的手機應(yīng)用中,菜單選項從10項被縮減到4項。如果麥當(dāng)勞做得到,你也能!

搜索

據(jù)Google的發(fā)現(xiàn),手機用戶比電腦用戶更具目的導(dǎo)向。因此,搜索按鈕在移動端便是一個關(guān)鍵元素。Google發(fā)現(xiàn),在主頁的使用上,用戶更偏好接近頁面頂端的open-text search boxes并添加自動填充效果。

商業(yè)和轉(zhuǎn)化

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,008評論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,256評論 4 61
  • 從昨天晚上就一直很激動,因為今天我生日啊。多少歲我就不說了,沒有男朋友的老妹子一個,害羞要臉。 不知道是不是人品大...
    LD是膽小鬼閱讀 814評論 0 0
  • 玩游戲如果少了朋友,這個游戲就會變得索然無味。因此,玩英雄聯(lián)盟自然是少不了呼朋喚友開黑,但是開黑也有開黑的藝術(shù),具...
    燈盜閱讀 1,381評論 15 4
  • 柯南 推理根本沒有什么高低,更沒有什么勝負。這是因為……因為真相永遠只有一個! 接觸iOS也三年多了,...
    coenen閱讀 282評論 0 1

友情鏈接更多精彩內(nèi)容