移動應用設計:易用性和易讀性
我們這次連載也終于迎來尾聲,但我們也打算將最重要同時也可能是最容易被忽視的問題放在這里來講,那就是易用性和可讀性。事實上準確且覆蓋整個 App 使用流程的溝通技巧,對于保證良好的用戶體驗至關重要。
一、易用性和可讀性
1. 和用戶講同一種語言
未知的術語或短語會加重用戶的認知負擔。當開發(fā)者使用品牌專有術語對引導按鈕(call to action)進行描述時,用戶可能會感到困惑。溝通清晰度和功能性應該始終優(yōu)先于品牌信息的推廣。
上圖中,功能相同,但右邊的 “Buy”、“Rent” 和 “Sell” 更容易理解而且沒有歧義。
2. 提供文本標簽和視覺提示,讓信息明朗化
視覺設計和符號標志都需要文本標簽,從而讓用戶能夠一致而正確地理解。我們在研究中發(fā)現(xiàn),菜單、購物車、帳戶或商店定位器的圖標以及過濾或排序等操作的圖標不是通用的,并且在不同的應用之間無法很好地被理解。用文本標記過的圖標,因為沒有歧義,被使用的可能性更大。此外,在一些需要枚舉分類的場合,如果不提供圖標等視覺提示的話,用戶會需要猜測它們所代表的內容。請確保添加視覺提示以減少用戶的迷惑,讓用戶可以專注于操作本身。
上圖中,右側界面底部的導航在圖標下面增加了文本標簽,確保用戶能準確理解。圖標的存在更多的是作為視覺提示來幫助用戶在下次點擊時方便記憶。
3. 重要操作時給出視覺反饋
當用戶將商品添加到購物車中或提交訂單時,缺乏視覺反饋效果可能會導致用戶質疑該操作是否已被處理。提供視覺動畫或其他類型的視效即可消除用戶的猜疑。
上圖中,用戶添加商品進入購物車之后,只是在按鈕的文案和顏色上發(fā)生了變化,太不明顯。
上圖中,在不改變原有界面邏輯的前提下,增加了一個小的彈出提示。用戶可以即刻知道自己的操作已經成功。
4. 允許用戶控制縮放級別
用戶希望能夠在查看圖像時控制縮放級別。如果只能在進行固定倍率的縮放操作,用戶可能會感到沮喪。特別是當放大后的圖像讓用戶只能看到某個特定的部位,或被迫將圖像部分移出屏幕時,用戶肯定不會喜歡。應該允許用戶進行控制,讓他們按照他們喜歡的方式來縮放圖片。
上圖中,點擊商品圖片只能用固定的倍率放大圖片,這會打擊用戶的操作積極性。
上圖中,活用移動設備的多點觸摸,將主動權還給用戶,讓他們自行選擇縮放的區(qū)域和比例。
5. 在上下文中發(fā)起授權請求
當用戶拒絕提供應用程序正常運行所必需的權限時,他們可能會無法繼續(xù)使用,并陷入困境。為了緩解這種情況,應用應該在具體使用環(huán)境中發(fā)起權限請求,并明確告訴用戶這個權限的價值在哪里。如果在進行相關任務期間被應用詢問,用戶更有可能授予權限。
上圖中,在沒有上下文的時候突然被要求授予訪問位置的權限,十分突兀。
上圖中,在用戶想要尋找店鋪的時候才在相應的界面明確說明需要訪問位置,這樣用戶就能知道點擊 “允許” 能帶來什么好處。
以上就是這次連載的全部 25 條原則。通過我們對移動應用設計的 25 條原則的介紹,您了解了很多新知識,知道了應該如何針對導航和瀏覽、應用內搜索及針對商業(yè)和轉換率進行設計、注冊及表單輸入和可用性等方面進行設計,從而優(yōu)化用戶體驗。我們建議將您當前的應用體驗與本指南中的每項原則進行比較,并確定應該優(yōu)先對應用的哪方面進行改進以彌補差距。 在您的應用設計實現(xiàn)了提供卓越用戶體驗的目標后,您就可以開始著手提高營銷效率了。您的營銷舉措需要配合您的應用的生命周期,而不能一味尋找新用戶。您應該確保用戶繼續(xù)與您的應用互動并邀請他人分享體驗,從而擴大活躍用戶群。
【本文是51CTO專欄機構“谷歌開發(fā)者”的原創(chuàng)稿件,轉載請聯(lián)系原作者(微信公眾號:Google_Developers)】