移動(dòng)應(yīng)用設(shè)計(jì)：綜述、導(dǎo)航和瀏覽
應(yīng)用程序現(xiàn)在是主流的提供內(nèi)容和服務(wù)的方式，并已經(jīng)廣受用戶(hù)信賴(lài)。但在一個(gè)已經(jīng)高度被開(kāi)發(fā)的市場(chǎng)里，一款移動(dòng)應(yīng)用如何做到有用，有意義并且有價(jià)值，以使客戶(hù)滿(mǎn)意并留存呢? Google 的 UX 研究主管 Jenny Gove 為您詳細(xì)介紹了創(chuàng)建一款優(yōu)秀的移動(dòng)應(yīng)用的 25 條原則，我們會(huì)在這次連載中分批次為您逐一詳述。
一、綜述：用戶(hù)需要更多的應(yīng)用
用戶(hù)對(duì)移動(dòng)應(yīng)用的渴求似乎永無(wú)止境。為什么這么說(shuō)呢?在 2017 年，預(yù)計(jì)有 2000 億個(gè)應(yīng)用程序?qū)⒈幌螺d(沒(méi)看錯(cuò)， 2000億!)。市場(chǎng)人員不斷測(cè)試其應(yīng)用體驗(yàn)，并進(jìn)行投資以使其能夠獲得更多展現(xiàn)。在 2015 年，他們?cè)?APP 安裝推廣上花費(fèi)了 30 億美金，比 2014 年增長(zhǎng)了 80%。
消費(fèi)者的口味如今變化得更加迅速了，無(wú)怪乎市場(chǎng)人員都急于不斷提升應(yīng)用體驗(yàn)，從而滿(mǎn)足用戶(hù)的需求。由于應(yīng)用基于消費(fèi)者的需求而打造，這也自然使得圍繞消費(fèi)者建立的長(zhǎng)期穩(wěn)固的盈利模式得以成立。要讓人們找到并下載自己的應(yīng)用，現(xiàn)在正變得越來(lái)越難，開(kāi)發(fā)者和品牌營(yíng)銷(xiāo)者的生意也越來(lái)越不好做。就算用戶(hù)下載了應(yīng)用，想要用戶(hù)長(zhǎng)期投入也是令人頭疼的事。多達(dá) 25% 的用戶(hù)只打開(kāi)過(guò)一次應(yīng)用就再也沒(méi)回來(lái)。
人們正以***的頻率在關(guān)鍵時(shí)刻打開(kāi)手機(jī)，但每次打開(kāi)的時(shí)間比以往更短。正因?yàn)槿绱?，他們每次打開(kāi)應(yīng)用時(shí)獲得的體驗(yàn)都應(yīng)該是高效且令人愉悅的。此外，一款設(shè)計(jì)良好、使用方便的應(yīng)用擁有化繁為簡(jiǎn)的力量，它往往可以單刀直入地解決用戶(hù) “我想懂XXX”、“我想去XXX”、“我想買(mǎi)XXX”、“我想做XXX” 之類(lèi)問(wèn)題。
正如我們?cè)谝苿?dòng)網(wǎng)站設(shè)計(jì)中已經(jīng)學(xué)到的，遵循一套簡(jiǎn)潔高效的準(zhǔn)則會(huì)為您提供很大幫助。 統(tǒng)一的設(shè)計(jì)準(zhǔn)則可以讓品牌針對(duì)不同的場(chǎng)景方便地做出改變并消除使用者的學(xué)習(xí)壁壘，給用戶(hù)提供真正有效的體驗(yàn)。同移動(dòng)網(wǎng)站一樣，移動(dòng)應(yīng)用也需要幫助用戶(hù)達(dá)成目的，并更順暢地實(shí)現(xiàn)從瀏覽到交易間的轉(zhuǎn)化。
考慮到這一點(diǎn)，我們力求發(fā)現(xiàn)偉大移動(dòng)應(yīng)用的精髓所在。我們與 AnswerLab 聯(lián)手，在 100 個(gè)不同的應(yīng)用中對(duì) 100 多個(gè)用戶(hù)展開(kāi)研究，研究工作橫跨多個(gè)領(lǐng)域：電商、保險(xiǎn)、旅行、訂餐、售票、服務(wù)、理財(cái)?shù)?此次研究未包括游戲應(yīng)用、社交媒體應(yīng)用和音樂(lè)服務(wù))。
二、引導(dǎo)用戶(hù)順暢地達(dá)成目的
我們觀察了一些專(zhuān)注于轉(zhuǎn)化的任務(wù)，例如購(gòu)買(mǎi)物品、預(yù)定位置、調(diào)查計(jì)劃和價(jià)格，等等?，F(xiàn)在我們很高興能與您分享一些獨(dú)特的見(jiàn)解，來(lái)指明哪些功能是實(shí)用有效的，以及對(duì)于創(chuàng)造愉悅的用戶(hù)體驗(yàn)是很重要的 —— 這些應(yīng)用程序可以通過(guò)提供優(yōu)秀的電子商務(wù)服務(wù)并集成有效的訂購(gòu)和支付系統(tǒng)來(lái)引導(dǎo)用戶(hù)更順暢地完成任務(wù)?？梢赃@么說(shuō)，創(chuàng)造一個(gè)引人入勝的應(yīng)用程序，從根本上來(lái)講是從其可用性開(kāi)始著手的。
通過(guò)研究還發(fā)現(xiàn)了許多更有用的見(jiàn)解。我們按以下六個(gè)類(lèi)別整理出了共 25 條設(shè)計(jì)原則：導(dǎo)航和瀏覽、應(yīng)用內(nèi)搜索、購(gòu)買(mǎi)與轉(zhuǎn)化、用戶(hù)注冊(cè)、表單操作，可用性和可讀性。
下面，讓我們進(jìn)入正題。
三、導(dǎo)航和瀏覽
用戶(hù)應(yīng)該快速被導(dǎo)航到他們所查找的內(nèi)容 —— 這些關(guān)鍵原則將幫助您設(shè)計(jì)出高效而令人愉快的應(yīng)用程序?qū)Ш健?/p>
1. 直接展示應(yīng)用的價(jià)值
△ 左邊的 “即刻體驗(yàn)” 其實(shí)讓人一頭霧水：“體驗(yàn)什么功能?”。而右邊醒目位置直接放置了 “租賃”、“購(gòu)買(mǎi)” 和 “售賣(mài)” 則讓用戶(hù)對(duì)自己能在這個(gè)應(yīng)用里做什么事情胸有成竹。
應(yīng)用應(yīng)該直接明確地為用戶(hù)提供問(wèn)題的解法，所以將核心功能的操作入口放置在應(yīng)用最醒目的位置是個(gè)很好的做法。另外在應(yīng)用的適當(dāng)位置突出展現(xiàn)應(yīng)用關(guān)鍵或者全新的功能，更能引發(fā)用戶(hù)的興趣及愉悅感，而不會(huì)讓人感到困惑。
2. 用戶(hù)友好型的菜單類(lèi)別
△ 左邊的分類(lèi)列表中 “跑步” 和 “野營(yíng)” 中間來(lái)了一條 “男式鞋款”，在 “徒步” 和 “騎行” 中間來(lái)了一條 “背包” —— 這樣混亂的分類(lèi)反而會(huì)讓用戶(hù)無(wú)所適從。
用戶(hù)很難理解并分辨與他們的心理模型不契合的菜單類(lèi)別。菜單類(lèi)別要做到清晰分明，并且沒(méi)有重合。而在用戶(hù)苦苦搜索而不得其果，不得不使用菜單這一***選項(xiàng)時(shí)，這點(diǎn)顯得尤為重要。
3. 用戶(hù)能夠輕松返回上一步
△ 點(diǎn)擊 “返回” 會(huì)直接退出整個(gè)流程，這會(huì)讓用戶(hù)非常沮喪
△ 點(diǎn)擊 “返回” 就返回到上一步操作，完全符合用戶(hù)這時(shí)的心理預(yù)期
用戶(hù)可能只想在使用應(yīng)用程序時(shí)返回一步。應(yīng)用應(yīng)該利用好返回功能，讓用戶(hù)不必被迫從主屏幕重新開(kāi)始，在某些情況下，這會(huì)導(dǎo)致用戶(hù)丟失任何未保存的數(shù)據(jù)。允許用戶(hù)在一個(gè)步驟內(nèi)返回，就可以消除用戶(hù)的這種挫折感，讓用戶(hù)不必手忙腳亂。用更精細(xì)的粒度來(lái)設(shè)計(jì)導(dǎo)航控件在促進(jìn)用戶(hù)轉(zhuǎn)化方面很有幫助。
4. 允許用戶(hù)手動(dòng)更改位置
△ 左邊的設(shè)計(jì)并沒(méi)有提供可用的手動(dòng)輸入地址的功能，而右邊的設(shè)計(jì)則在醒目的 “自動(dòng)定位” 之外還提供了手動(dòng)輸入的可能性。
自動(dòng)檢測(cè)用戶(hù)的位置可以節(jié)省用戶(hù)的輸入時(shí)間。然而，當(dāng)用戶(hù)需要尋找不在附近的商店時(shí)，手動(dòng)輸入位置無(wú)疑更加方便簡(jiǎn)單。
5. 統(tǒng)一移動(dòng)應(yīng)用和移動(dòng)網(wǎng)頁(yè)的體驗(yàn)
△ 應(yīng)用和網(wǎng)站的體驗(yàn)差異明顯，用戶(hù)需要承擔(dān)額外的學(xué)習(xí)成本。
△ 應(yīng)用和網(wǎng)站體驗(yàn)保持了一致性，并且進(jìn)入網(wǎng)站的速度很快，這樣就可以***限度地保證用戶(hù)繼續(xù)待在交互流程里。
有些時(shí)候，移動(dòng)應(yīng)用可能會(huì)將用戶(hù)引流到移動(dòng)網(wǎng)頁(yè)上。而如果兩套 UI 的體驗(yàn)差別巨大，用戶(hù)就會(huì)感到困惑。此外，跳轉(zhuǎn)過(guò)程過(guò)慢、用戶(hù)被迫等待頁(yè)面加載也是一個(gè)較大的問(wèn)題。如果非得將用戶(hù)引流到移動(dòng)網(wǎng)頁(yè)上，則需要確保一個(gè)有 “延續(xù)性” 的設(shè)計(jì)風(fēng)格。此外，確保跳轉(zhuǎn)過(guò)程的速度也很重要，如果您能確保跳轉(zhuǎn)的速度夠快，并讓用戶(hù)感覺(jué) “不但沒(méi)有阻礙，反而覺(jué)得很值得完成這次跳轉(zhuǎn)”，那么也不錯(cuò)。
以上就是本期連載的內(nèi)容， 雖然只覆蓋了 25 條原則中的其中 5 條，但相信已經(jīng)有一些代表性了。
【本文是51CTO專(zhuān)欄機(jī)構(gòu)“谷歌開(kāi)發(fā)者”的原創(chuàng)稿件，轉(zhuǎn)載請(qǐng)聯(lián)系原作者(微信公眾號(hào)：Google_Developers)】
