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