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

手機(jī)為王瞬痘。

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

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

Google和Answer Lab做了些什么

119小時的面對面可用性測試
參與者使用自己的手機(jī)來完成測試
針對每個網(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)語或者是品牌推廣促銷信息浩蓉。在手機(jī)版上,主頁空間彌足珍貴宾袜,用戶不想浪費時間捻艳。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.

在將電腦端主頁適配到手機(jī)移動端的時候一定要將CTA放于一切之上。這適用于一切主干導(dǎo)航流程庆猫。漢堡菜單之后的選項在手機(jī)上很難操作认轨。因此一定要將主要的CTA放置在拇指觸及得到的地方。其余的可以隱藏于菜單按鈕之后阅悍『们可見的菜單選項一定要絕對最小化。在麥當(dāng)勞的手機(jī)應(yīng)用中节视,菜單選項從10項被縮減到4項拳锚。如果麥當(dāng)勞做得到,你也能寻行!

搜索

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末烤芦,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子析校,更是在濱河造成了極大的恐慌构罗,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件智玻,死亡現(xiàn)場離奇詭異遂唧,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)吊奢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進(jìn)店門盖彭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人页滚,你說我怎么就攤上這事召边。” “怎么了裹驰?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵掌实,是天一觀的道長。 經(jīng)常有香客問我邦马,道長,這世上最難降的妖魔是什么宴卖? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任滋将,我火速辦了婚禮,結(jié)果婚禮上症昏,老公的妹妹穿的比我還像新娘随闽。我一直安慰自己,他們只是感情好肝谭,可當(dāng)我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布掘宪。 她就那樣靜靜地躺著,像睡著了一般攘烛。 火紅的嫁衣襯著肌膚如雪魏滚。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天坟漱,我揣著相機(jī)與錄音鼠次,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛腥寇,可吹牛的內(nèi)容都是我干的成翩。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼赦役,長吁一口氣:“原來是場噩夢啊……” “哼麻敌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起掂摔,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤术羔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后棒呛,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體聂示,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年簇秒,在試婚紗的時候發(fā)現(xiàn)自己被綠了鱼喉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡趋观,死狀恐怖扛禽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情皱坛,我是刑警寧澤编曼,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站剩辟,受9級特大地震影響掐场,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜贩猎,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一熊户、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧吭服,春花似錦嚷堡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至沼琉,卻和暖如春北苟,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背刺桃。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工粹淋, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留吸祟,地道東北人。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓桃移,卻偏偏與公主長得像屋匕,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子借杰,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內(nèi)容

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