早在1995年,尼爾森的十大可用性原則就已問世,雖然當時針對的是web交互設計,但易用性對任何擁有用戶界面的東西來說都適用。不管是網站,程序,移動頁面或其他,具體的規(guī)則可能不同,但總的原則都源自人類上萬年進化所形成的思維方式。
1、可見性原則
用戶在網頁上的任何操作,不論是單擊、滾動還是按下鍵盤,頁面應即時給出反饋?!凹磿r”是指頁面響應時間小于用戶能忍受的等待時間。保證頁面內容的可見性、狀態(tài)的可見性、狀態(tài)變化的可見性。
在用戶與應用的交互過程中,系統(tǒng)需要即時的給予用戶反饋。如果用戶在操作過程中,頁面出現(xiàn)一片空白,不清楚應用是否給予了用戶反饋,這時候用戶就會感到焦慮、恐慌,這些都是不符合可見原則的??雌饋矸浅;A的要求,其實很多產品都做不到或者沒做好。
有一部分App,在弱網情況下信息未加載完成時,顯示空白頁,無法給用戶任何信息。
現(xiàn)在來看一款可見性做的比較好的App
如上圖,關掉WIFI在2.5G的網絡情況下首次進入這個App,主頁面內容雖然遲遲加載不出內容,但是有一個提示能夠告訴用戶,當前正在做什么,是怎樣的進度。并且“內容煉成中”這句有二次元味道的提示,使App的整體感非常好,而且圖片一定程度上分散了注意力,使用戶對加載的時間不那么的敏感,為弱網環(huán)境下內容的加載爭取了時間。
2、場景貼切原則
網頁的一切表現(xiàn)和表述,應該盡可能貼近用戶所在的環(huán)境(年齡、學歷、文化、時代背景)。此外,還應該使用易懂和約定俗成的表達。
在做產品設計的時候,主要考慮到的是用戶使用場景。產品的功能要貼近目標用戶的真實使用環(huán)境,這一點非常重要。用兩款導航類產品舉例:
還原一下導航時部分使用場景,比如在一個陌生的城市開車,需要使用導航,輸入目的地,大部分的情況下手機不是手持狀態(tài),觀察的模式也是以眼睛掃描為主。
在這個頁面上的設計,大部分的信息對我第一訴求導航并沒有直接的幫助,如果要輸入一個目的地,需要用尋找的方式去使用它。輸入框非常窄,不好找到,使用場景下導航并不貼切。
相比之下看到錘子駕駛的界面,作為一款導航類的應用,它教科書式的講解了什么是場景貼切原則。在開車的時候只要用眼睛掃一下手機屏幕就可以知道要導航的功能位置,并且可點擊區(qū)域巨大,非常容易選中。
選中導航后優(yōu)先用語音搜索目的地,這樣可以減少對駕駛的影響。下方巨大的List也讓用戶比較容易的去點擊最近去過的地方。這樣就非常符合用戶在駕駛中,或者說非手持狀態(tài)的使用習慣。
3、可控原則
為了避免用戶的誤用和誤擊,網頁應提供撤銷和重做功能。用戶對當前的狀況很好地控制了解和掌控,并且有足夠的自由。
掌握、可控、自由是人類安全感的重要來源,如果使用一款產品的時候提心吊膽的,生怕點擊了某個按鈕就發(fā)生了錯誤,很難相信這樣的一款App有好的用戶體驗。有一個用戶交互的金句:操作前可預知、操作中可有反饋、操作后可撤銷。
像iPhone 的出現(xiàn),為可控原則做了最好的注解,Home鍵也是教科書式的可控原則的體現(xiàn)。無論你在哪里,遇到了什么問題,一鍵回到桌面,一切重新開始。
4、一致性原則:
同一用語、功能、操作保持一致。用戶需要在同一個產品中,接受同一套規(guī)范、邏輯。
這樣做的一個好處是可以讓用戶對App有一個整體的感知,在相同的背景下做相同的操作會有可預期的結果,這樣大大的降低了用戶的學習成本。如下圖這個出行類App,點擊了旅行休閑,結果跳轉了一個莫名其妙的頁面。內容與旅行沒有關系,違背了一致性。
5、放錯原則
通過網頁的設計、重組或特別提醒或安排,防止用戶出錯。
這方面很多成熟的實體產品都比較好。App中這種防錯設計隨處可見,比如訂票軟件,已經過去的日期顯示為灰色,以防訂錯機票的錯誤。
6、協(xié)助用戶記憶原則
在需要記憶某些信息時,產品功能上要幫助用戶記憶。盡可能減少用戶回憶負擔,把需要記憶的內容擺上臺面。
7、靈活的原則
中級用戶的數量遠高于初級和高級用戶數。為大多數用戶設計,不要低估,也不可輕視,保持靈活。
移動端的用戶大多數不是專家級用戶,也不是小白用戶。對頁面的設計要更側重于滿足對大多數用戶的需求,不宜復雜,也不宜過于簡單無提示。
8、易掃原則
互聯(lián)網用戶瀏覽網頁的動作不是讀,不是看,而是掃。易掃,意味著突出重點,弱化和剔除無關信息。
在時候用一款陌生產品的時候,用戶絕大多數是使用掃描的方式而不是閱讀的方式來理解內容。如果想讓用戶快速發(fā)現(xiàn)想要的信息,就一定要保證頁面足夠清晰,簡約。如果有較多的信息需要展示,那么一定要分清主次,要求界面足夠簡單,突出重點,內容易讀。
9、容錯性
幫助用戶從錯誤中恢復,將損失降到。如果無法自動挽回,則提供詳盡的說明文字和指導方向,而非代碼,比如404。
例如各類應用中要恢復出廠設置,是一個比較重大的操作
所以在恢復出場設置前需要輸入解鎖圖案。這就是容錯性的一個體現(xiàn)。對于用戶正在進行的操作有著明顯的提示,避免了誤按誤點操作造成的損失。
10、人性化幫助原則
幫助性提示最好的方式是:1、無需提示2、一次性提示3、常駐提示4、幫助文檔。
一個系統(tǒng)或者是產品,如果不需要文檔或是提示是最好的,一切都是自然而然發(fā)生的。但是在很多情況下,需要對內容做一個提示或者幫助,來便于用戶更好的使用App。
幫助和提示在哪里用的比較多呢?設置。在設置頁面里,可以看到無線網絡、定位服務等是否打開,而中間遇到比較復雜的操作,用戶對此一知半解,這時候就需要有相關的幫助提示。
現(xiàn)在幾乎所有的移動端交互設計全部基于用戶體驗,而在定位準、細分市場準,遵守了尼爾森十大原則的情況下,還有一些問題是每個產品研發(fā)團隊不能避免且無法解決的。
在每個產品的不同生命周期中,側重點也會不同。初期注重種子用戶的培養(yǎng)與新功能的增加。到了成長期會經歷版本的頻繁發(fā)布,系統(tǒng)不夠穩(wěn)定。這時候就需要用到更加專業(yè)的第三方工具去幫助應用發(fā)布后的性能問題進行管理。
在產品真正上線后可以及時進行崩潰分析、網絡請求與錯誤分析,交互分析等等通過App的總體性能評分與在同行業(yè)競爭中所處的位置來不斷迭代產品,改進用戶體驗。