移動應用設計:易用性和易讀性

谷歌開發者_發表於2017-05-15

640?wx_fmt=gif


640?wx_fmt=jpeg

我們這次連載也終於迎來尾聲,但我們也打算將最重要同時也可能是最容易被忽視的問題放在這裡來講,那就是易用性和可讀性。事實上準確且覆蓋整個 App 使用流程的溝通技巧,對於保證良好的使用者體驗至關重要。



第五部分:易用性和可讀性

21. 和使用者講同一種語言

未知的術語或短語會加重使用者的認知負擔。當開發者使用品牌專有術語對引導按鈕(call to action)進行描述時,使用者可能會感到困惑。溝通清晰度和功能性應該始終優先於品牌資訊的推廣。


640?wx_fmt=png

△ 功能相同,但右邊的 “Buy”、“Rent” 和 “Sell” 更容易理解而且沒有歧義。 


22. 提供文字標籤和視覺提示,讓資訊明朗化

視覺設計和符號標誌都需要文字標籤,從而讓使用者能夠一致而正確地理解。我們在研究中發現,選單、購物車、帳戶或商店定位器的圖示以及過濾或排序等操作的圖示不是通用的,並且在不同的應用之間無法很好地被理解。用文字標記過的圖示,因為沒有歧義,被使用的可能性更大。此外,在一些需要列舉分類的場合,如果不提供圖示等視覺提示的話使用者會需要猜測它們所代表的內容。請確保新增視覺提示以減少使用者的迷惑,讓使用者可以專注於操作本身。


640?wx_fmt=png

△ 右側介面底部的導航在圖示下面增加了文字標籤,確保使用者能準確理解。圖示的存在更多的是作為視覺提示來幫助使用者在下次點選時方便記憶。 


23. 重要操作時給出視覺反饋

當使用者將商品新增到購物車中或提交訂單時,缺乏視覺反饋效果可能會導致使用者質疑該操作是否已被處理。提供視覺動畫或其他型別的視效即可消除使用者的猜疑。


640?wx_fmt=png

△ 使用者新增商品進入購物車之後,只是在按鈕的文案和顏色上發生了變化,太不明顯。

 

640?wx_fmt=png

△ 在不改變原有介面邏輯的前提下,增加了一個小的彈出提示。使用者可以即刻知道自己的操作已經成功。


24. 允許使用者控制縮放級別

使用者希望能夠在檢視影象時控制縮放級別。如果只能在進行固定倍率的縮放操作,使用者可能會感到沮喪。特別是當放大後的影象讓使用者只能看到某個特定的部位,或被迫將影象部分移出螢幕時,使用者肯定不會喜歡。應該允許使用者進行控制,讓他們按照他們喜歡的方式來縮放圖片。

 

640?wx_fmt=png

△ 點選商品圖片只能用固定的倍率放大圖片,這會打擊使用者的操作積極性。

 

640?wx_fmt=png

△ 活用移動裝置的多點觸控,將主動權還給使用者,讓他們自行選擇縮放的區域和比例。


25. 在上下文中發起授權請求

當使用者拒絕提供應用程式正常執行所必需的許可權時,他們可能會無法繼續使用,並陷入困境。為了緩解這種情況,應用應該在具體使用環境中發起許可權請求,並明確告訴使用者這個許可權的價值在哪裡。如果在進行相關任務期間被應用詢問,使用者更有可能授予許可權。


640?wx_fmt=png

△ 在沒有上下文的時候突然被要求授予訪問位置的許可權,十分突兀。


640?wx_fmt=png

△ 在使用者想要尋找店鋪的時候才在相應的介面明確說明需要訪問位置,這樣使用者就能知道點選 “允許” 能帶來什麼好處。


以上就是這次連載的全部 25 條原則。通過我們對移動應用設計的 25 條原則的介紹,您瞭解了很多新知識,知道了應該如何針對導航、瀏覽應用內搜尋、針對商業和轉換率進行設計註冊、表單輸入和可用性等方面進行設計,從而優化使用者體驗。我們建議將您當前的應用體驗與本指南中的每項原則進行比較,並確定應該優先對應用的哪方面進行改進以彌補差距。 在您的應用設計實現了提供卓越使用者體驗的目標後,您就可以開始著手提高營銷效率了。您的營銷舉措需要配合您的應用的生命週期,而不能一味尋找新使用者。您應該確保使用者繼續與您的應用互動並邀請他人分享體驗,從而擴大活躍使用者群。



為應用獲取成功制定策略

通過學習Google Play 應用成功寶典您將瞭解到各種功能、最佳做法和實用提示。這些內容可以幫助您恰當地制定策略,確保您的應用脫穎而出、吸引到目標受眾、打響品牌並增加收入。本指南還將為您提供下列建議:

  • 如何規劃走向全球的途徑;

  • 如何讓自己的應用為新市場做好準備;

  • 如何將應用投放至市場;

  • 關鍵國家的相關資料和觀察見解;

  • 其他有用的參考和資源。


長按下方二維碼直接進入閱讀。


640?wx_fmt=png



推薦閱讀:

移動應用設計:綜述、導航和瀏覽

移動應用設計:應用內搜尋和業務轉化

移動應用設計:註冊和表單

為網際網路原住民設計產品的思考


640?wx_fmt=gif


相關文章