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