移動應用設計:易用性和易讀性
我們這次連載也終於迎來尾聲,但我們也打算將最重要同時也可能是最容易被忽視的問題放在這裡來講,那就是易用性和可讀性。事實上準確且覆蓋整個 App 使用流程的溝通技巧,對於保證良好的使用者體驗至關重要。
第五部分:易用性和可讀性
21. 和使用者講同一種語言
未知的術語或短語會加重使用者的認知負擔。當開發者使用品牌專有術語對引導按鈕(call to action)進行描述時,使用者可能會感到困惑。溝通清晰度和功能性應該始終優先於品牌資訊的推廣。
△ 功能相同,但右邊的 “Buy”、“Rent” 和 “Sell” 更容易理解而且沒有歧義。
22. 提供文字標籤和視覺提示,讓資訊明朗化
視覺設計和符號標誌都需要文字標籤,從而讓使用者能夠一致而正確地理解。我們在研究中發現,選單、購物車、帳戶或商店定位器的圖示以及過濾或排序等操作的圖示不是通用的,並且在不同的應用之間無法很好地被理解。用文字標記過的圖示,因為沒有歧義,被使用的可能性更大。此外,在一些需要列舉分類的場合,如果不提供圖示等視覺提示的話使用者會需要猜測它們所代表的內容。請確保新增視覺提示以減少使用者的迷惑,讓使用者可以專注於操作本身。
△ 右側介面底部的導航在圖示下面增加了文字標籤,確保使用者能準確理解。圖示的存在更多的是作為視覺提示來幫助使用者在下次點選時方便記憶。
23. 重要操作時給出視覺反饋
當使用者將商品新增到購物車中或提交訂單時,缺乏視覺反饋效果可能會導致使用者質疑該操作是否已被處理。提供視覺動畫或其他型別的視效即可消除使用者的猜疑。
△ 使用者新增商品進入購物車之後,只是在按鈕的文案和顏色上發生了變化,太不明顯。
△ 在不改變原有介面邏輯的前提下,增加了一個小的彈出提示。使用者可以即刻知道自己的操作已經成功。
24. 允許使用者控制縮放級別
使用者希望能夠在檢視影象時控制縮放級別。如果只能在進行固定倍率的縮放操作,使用者可能會感到沮喪。特別是當放大後的影象讓使用者只能看到某個特定的部位,或被迫將影象部分移出螢幕時,使用者肯定不會喜歡。應該允許使用者進行控制,讓他們按照他們喜歡的方式來縮放圖片。
△ 點選商品圖片只能用固定的倍率放大圖片,這會打擊使用者的操作積極性。
△ 活用移動裝置的多點觸控,將主動權還給使用者,讓他們自行選擇縮放的區域和比例。
25. 在上下文中發起授權請求
當使用者拒絕提供應用程式正常執行所必需的許可權時,他們可能會無法繼續使用,並陷入困境。為了緩解這種情況,應用應該在具體使用環境中發起許可權請求,並明確告訴使用者這個許可權的價值在哪裡。如果在進行相關任務期間被應用詢問,使用者更有可能授予許可權。
△ 在沒有上下文的時候突然被要求授予訪問位置的許可權,十分突兀。
△ 在使用者想要尋找店鋪的時候才在相應的介面明確說明需要訪問位置,這樣使用者就能知道點選 “允許” 能帶來什麼好處。
以上就是這次連載的全部 25 條原則。通過我們對移動應用設計的 25 條原則的介紹,您瞭解了很多新知識,知道了應該如何針對導航、瀏覽、應用內搜尋、針對商業和轉換率進行設計、註冊、表單輸入和可用性等方面進行設計,從而優化使用者體驗。我們建議將您當前的應用體驗與本指南中的每項原則進行比較,並確定應該優先對應用的哪方面進行改進以彌補差距。 在您的應用設計實現了提供卓越使用者體驗的目標後,您就可以開始著手提高營銷效率了。您的營銷舉措需要配合您的應用的生命週期,而不能一味尋找新使用者。您應該確保使用者繼續與您的應用互動並邀請他人分享體驗,從而擴大活躍使用者群。
為應用獲取成功制定策略
通過學習《Google Play 應用成功寶典》您將瞭解到各種功能、最佳做法和實用提示。這些內容可以幫助您恰當地制定策略,確保您的應用脫穎而出、吸引到目標受眾、打響品牌並增加收入。本指南還將為您提供下列建議:
如何規劃走向全球的途徑;
如何讓自己的應用為新市場做好準備;
如何將應用投放至市場;
關鍵國家的相關資料和觀察見解;
其他有用的參考和資源。
長按下方二維碼直接進入閱讀。
推薦閱讀:
相關文章
- 看豆瓣讀者評《移動應用UI設計模式》UI設計模式
- 可用性和易用性雙重飛躍 | OceanBase社群版3.1.2正式釋出
- 為什麼應用的移動性設計不能耽誤
- 移動應用中的流設計
- 中國移動應用設計趨勢
- 如何將網站的易用性設計運用於遊戲網站遊戲
- 如何設計移動應用引導頁
- 移動應用介面設計7宗罪
- 移動應用設計:註冊和表單
- 11個最好的移動應用設計教程
- 移動應用設計:應用內搜尋和業務轉化
- 手機遊戲能否無視易用性設計原則?遊戲
- 移動網站應用設計:速度至關重要!網站
- 移動設計需摒棄的幾大PC應用設計方法
- 移動應用app設計開發工具:Creo 2 for macAPPMac
- 移動應用設計:綜述、導航和瀏覽
- Django ElasticSearch Ionic 打造 GIS 移動應用 —— 架構設計DjangoElasticsearch架構
- 開發移動應用的7大設計要點
- 移動應用開發者必讀:提升應用效能的13種方式
- 移動應用網頁設計的趨勢和範例網頁
- 移動應用產品設計的十條經驗分享
- 移動應用開發過程中的迭代式原型設計原型
- SAP打造開放性移動應用開發架構 助力移動開發者創新架構移動開發
- 安卓移動應用程式碼安全加固系統設計及實現安卓
- 2014年全球移動應用介面設計趨勢分析
- 用Google Chrome移動模擬工具做更好的響應式設計GoChrome
- 解讀四大移動web應用開發框架真相Web框架
- 移動應用體驗設計之江湖傳言,相信,你就輸了
- [譯] 設計 QA 在應用程式設計中的重要性程式設計
- 《領域驅動設計:軟體核心複雜性應對之道》讀書筆記筆記
- 泰國加快移動支付應用
- 移動應用效能優化優化
- javascirpt div 移動應用Java
- comScore:2017年美國移動應用報告解讀
- 《React Native跨平臺移動應用開發》讀後鬼扯React Native
- Engine Yard:移動應用與雲端計算的“聚變反應”
- 開源軟體的易用性
- 新移動框架中企業自建應用的來源是【移動輕應用管理】框架