移動應用設計:綜述、導航和瀏覽
應用程式現在是主流的提供內容和服務的方式,並已經廣受使用者信賴。但在一個已經高度被開發的市場裡,一款移動應用如何做到有用,有意義並且有價值,以使客戶滿意並留存呢? Google 的 UX 研究主管 Jenny Gove 為您詳細介紹了建立一款優秀的移動應用的 25 條原則,我們會在這次連載中分批次為您逐一詳述。
綜述:使用者需要更多的應用
使用者對移動應用的渴求似乎永無止境。為什麼這麼說呢?在 2017 年,預計有 2000 億個應用程式將被下載(沒看錯, 2000億!)。市場人員不斷測試其應用體驗,並進行投資以使其能夠獲得更多展現。在 2015 年,他們在 APP 安裝推廣上花費了 30 億美金,比 2014 年增長了 80%。
消費者的口味如今變化得更加迅速了,無怪乎市場人員都急於不斷提升應用體驗,從而滿足使用者的需求。由於應用基於消費者的需求而打造,這也自然使得圍繞消費者建立的長期穩固的盈利模式得以成立。要讓人們找到並下載自己的應用,現在正變得越來越難,開發者和品牌營銷者的生意也越來越不好做。就算使用者下載了應用,想要使用者長期投入也是令人頭疼的事。多達 25% 的使用者只開啟過一次應用就再也沒回來。
人們正以前所未有的頻率在關鍵時刻開啟手機,但每次開啟的時間比以往更短。正因為如此,他們每次開啟應用時獲得的體驗都應該是高效且令人愉悅的。此外,一款設計良好、使用方便的應用擁有化繁為簡的力量,它往往可以單刀直入地解決使用者 “我想懂XXX”、“我想去XXX”、“我想買XXX”、“我想做XXX” 之類問題。
正如我們在移動網站設計中已經學到的,遵循一套簡潔高效的準則會為您提供很大幫助。 統一的設計準則可以讓品牌針對不同的場景方便地做出改變並消除使用者的學習壁壘,給使用者提供真正有效的體驗。同移動網站一樣,移動應用也需要幫助使用者達成目的,並更順暢地實現從瀏覽到交易間的轉化。
考慮到這一點,我們力求發現偉大移動應用的精髓所在。我們與 AnswerLab 聯手,在 100 個不同的應用中對 100 多個使用者展開研究,研究工作橫跨多個領域:電商、保險、旅行、訂餐、售票、服務、理財等(此次研究未包括遊戲應用、社交媒體應用和音樂服務)。
引導使用者順暢地達成目的
我們觀察了一些專注於轉化的任務,例如購買物品、預定位置、調查計劃和價格,等等。現在我們很高興能與您分享一些獨特的見解,來指明哪些功能是實用有效的,以及對於創造愉悅的使用者體驗是很重要的 —— 這些應用程式可以通過提供優秀的電子商務服務並整合有效的訂購和支付系統來引導使用者更順暢地完成任務。可以這麼說,創造一個引人入勝的應用程式,從根本上來講是從其可用性開始著手的。
通過研究還發現了許多更有用的見解。我們按以下六個類別整理出了共 25 條設計原則:導航和瀏覽、應用內搜尋、購買與轉化、使用者註冊、表單操作,可用性和可讀性。
下面,讓我們進入正題。
導航和瀏覽
使用者應該快速被導航到他們所查詢的內容 —— 這些關鍵原則將幫助您設計出高效而令人愉快的應用程式導航。
1. 直接展示應用的價值
△ 左邊的 “即刻體驗” 其實讓人一頭霧水:“體驗什麼功能?”。而右邊醒目位置直接放置了 “租賃”、“購買” 和 “售賣” 則讓使用者對自己能在這個應用裡做什麼事情胸有成竹。
應用應該直接明確地為使用者提供問題的解法,所以將核心功能的操作入口放置在應用最醒目的位置是個很好的做法。另外在應用的適當位置突出展現應用關鍵或者全新的功能,更能引發使用者的興趣及愉悅感,而不會讓人感到困惑。
2. 使用者友好型的選單類別
△ 左邊的分類列表中 “跑步” 和 “野營” 中間來了一條 “男式鞋款”,在 “徒步” 和 “騎行” 中間來了一條 “揹包” —— 這樣混亂的分類反而會讓使用者無所適從。
使用者很難理解並分辨與他們的心理模型不契合的選單類別。選單類別要做到清晰分明,並且沒有重合。而在使用者苦苦搜尋而不得其果,不得不使用選單這一終極選項時,這點顯得尤為重要。
3. 使用者能夠輕鬆返回上一步
△ 點選 “返回” 會直接退出整個流程,這會讓使用者非常沮喪
△ 點選 “返回” 就返回到上一步操作,完全符合使用者這時的心理預期
使用者可能只想在使用應用程式時返回一步。應用應該利用好返回功能,讓使用者不必被迫從主螢幕重新開始,在某些情況下,這會導致使用者丟失任何未儲存的資料。允許使用者在一個步驟內返回,就可以消除使用者的這種挫折感,讓使用者不必手忙腳亂。用更精細的粒度來設計導航控制元件在促進使用者轉化方面很有幫助。
4. 允許使用者手動更改位置
△ 左邊的設計並沒有提供可用的手動輸入地址的功能,而右邊的設計則在醒目的 “自動定位” 之外還提供了手動輸入的可能性。
自動檢測使用者的位置可以節省使用者的輸入時間。然而,當使用者需要尋找不在附近的商店時,手動輸入位置無疑更加方便簡單。
5. 統一移動應用和移動網頁的體驗
△ 應用和網站的體驗差異明顯,使用者需要承擔額外的學習成本。
△ 應用和網站體驗保持了一致性,並且進入網站的速度很快,這樣就可以最大限度地保證使用者繼續待在互動流程裡。
有些時候,移動應用可能會將使用者引流到移動網頁上。而如果兩套 UI 的體驗差別巨大,使用者就會感到困惑。此外,跳轉過程過慢、使用者被迫等待頁面載入也是一個較大的問題。如果非得將使用者引流到移動網頁上,則需要確保一個有 “延續性” 的設計風格。此外,確保跳轉過程的速度也很重要,如果您能確保跳轉的速度夠快,並讓使用者感覺 “不但沒有阻礙,反而覺得很值得完成這次跳轉”,那麼也不錯。
以上就是本期連載的內容, 雖然只覆蓋了 25 條原則中的其中 5 條,但相信已經有一些代表性了。您在設計和開發過程中碰見過這些問題嗎?歡迎和我們交流討論。我們下一期再見!
推薦閱讀:
3月31日下午3:30免費課程 | App推廣內容政策及商店排名常見問題
相關文章
- 如何設計移動應用引導頁
- 李航「機器學習」最全綜述機器學習
- 移動瀏覽器已死 應用萬歲瀏覽器
- 移動端導航的七種設計模式設計模式
- 基於影像語義的視覺化同時定位和建圖的面向應用程式的移動機器人自主導航解決方案綜述視覺化機器人
- SAP 移動開發技術綜述移動開發
- 可以應用於移動端的頂部導航固定效果
- 根據瀏覽器的滑動條 固定導航欄瀏覽器
- 導航的瀏覽器相容問題瀏覽器
- 製作一個瀏覽器導航瀏覽器
- 移動應用設計:註冊和表單
- 移動站點最佳化:移動端導航的七種設計模式設計模式
- 移動應用設計:應用內搜尋和業務轉化
- GitOps 應用實踐系列 - 綜述Git
- 用CSS3設計響應式導航選單CSSS3
- 機器人移動的規劃和導航機器人
- 響應式導航設計案例解析
- 移動應用中的流設計
- 中國移動應用設計趨勢
- 圖神經網路綜述:模型與應用神經網路模型
- 移動應用網頁設計的趨勢和範例網頁
- 移動應用介面設計7宗罪
- 現代瀏覽器探祕(part2):導航瀏覽器
- 自適應網站綜述網站
- 瀏覽器渲染簡述瀏覽器
- Chrome 瀏覽器修改 UA 模擬其它瀏覽器,包括移動瀏覽器Chrome瀏覽器
- 網際網路開放平臺應用綜述
- 讀書筆記【JS 權威指南】14.2 瀏覽器定位和導航筆記JS瀏覽器
- 移動端瀏覽器問題瀏覽器
- 透過 Chrome 深入理解瀏覽器導航過程Chrome瀏覽器
- chrome瀏覽器被360導航劫持解決辦法Chrome瀏覽器
- 11個最好的移動應用設計教程
- AutoML研究綜述:讓AI學習設計AITOMLAI
- Google瀏覽器主頁被搜狗導航劫持解決方法Go瀏覽器
- 谷歌瀏覽器除錯移動端谷歌瀏覽器除錯
- 移動網站應用設計:速度至關重要!網站
- 移動應用設計:易用性和易讀性
- jquery在瀏覽器滾動條上的應用jQuery瀏覽器