在一個產(chǎn)品開發(fā)完成一般都會進(jìn)入測試(Beta)階段,開發(fā)團(tuán)隊根據(jù)內(nèi)部測試人員及外部測試用戶的反饋,修復(fù)產(chǎn)品存在的 Bug 和流程中不合理的地方。
根據(jù)長久以來的經(jīng)驗,越是在項目后期做改動,所花費的成本越多。所以一個好的開發(fā)流程里,我們應(yīng)該在產(chǎn)品設(shè)計的階段就做可用性測試,通過觀察,記錄和分析用戶的行為,改善產(chǎn)品。
這時經(jīng)常會用到由尼爾森博士所提出的「十大可用性原則」。滿足這 10 條簡單原則不一定是好產(chǎn)品,但是好產(chǎn)品一般來說都能夠輕易地滿足這 10 條原則。
即使這十條原則是在 Web 時代所提出的,但是其基本思想在移動端時代仍然能夠大部分沿用,這也是為什么我要推薦以及解讀這 10 條原則的原因。
在許多產(chǎn)品中,在頁面需要時間加載時,就會用進(jìn)度條或是加載動畫,其意義就在于讓用戶知道系統(tǒng)正在運行。這是對用戶操作的反饋,一定程度能令用戶安心,不會不知所措。
在可視性的具體設(shè)計中,也要按照場景進(jìn)行更高體驗的設(shè)計,例如加載所需時間比較長的時候,可能就需要在加載動畫下給予更多趣味和驚喜。
因此,做到系統(tǒng)狀態(tài)可視性只是第一步,如何優(yōu)化可視性的表達(dá)則需要下更多的功夫。
系統(tǒng)中使用的語言、詞匯、信息展示方式,必須遵循現(xiàn)實中的用戶的習(xí)慣。
無論是 macOS 還是 Windows,都會將垃圾桶(回收站)作為一個存放已刪除文件的地方,就跟現(xiàn)實生活中我們會將不要的東西丟在垃圾桶一樣。
并且在垃圾桶(回收站)中沒有東西的時候顯示「空的狀態(tài)」,這會讓用戶使用起來覺得非常合情合理。
而曾經(jīng)用過一款產(chǎn)品,在某個操作報錯后,提示的文字是一個連我一個學(xué)計算機(jī)的人都只能勉強(qiáng)理解的句子,并且也沒有附加任何提示,這就是非常不好的例子。
當(dāng)用戶誤解了功能含義時,必須幫助用戶能夠快速回到主流程上。
同時,本原則也要求,系統(tǒng)不應(yīng)該讓用戶產(chǎn)生一種被操控的感覺。有時候一些產(chǎn)品在流程上沒處理好,就會讓我忍不住吐槽,「到底是我在玩 app,還是 app 在玩我」。通常,在我們進(jìn)入二級或者更深頁面中時,必須留有后退回主頁面的按鈕,這就是在遵循這個原則。
許多 app 在開屏廣告頁放置「跳過」按鈕,從一定程度上也是在遵循這個規(guī)則,幫助用戶跳出廣告這個「困境」。
在同一個產(chǎn)品中,同一功能的組件應(yīng)該在設(shè)計上保持一致,降低用戶的學(xué)習(xí)成本,使得整個產(chǎn)品的整體性很高。
舉個非常簡單的例子,許多產(chǎn)品都有收藏功能,收藏功能可以用心形或者星星表示,但是一旦選擇了其中一個,之后跟收藏有關(guān)的功能則需要在這一點上保持一致而不能混用。
其實這就是要求整個產(chǎn)品在設(shè)計最初期,需要建立起良好的設(shè)計規(guī)范,以設(shè)計規(guī)范為指引完成設(shè)計。同時,在移動端時代,對于交互的一致性也十分重要。
比起讓用戶犯了錯誤后再去修改,我們是不是能想辦法讓用戶不犯錯或者降低犯錯的幾率呢?
舉個例子:金融類產(chǎn)品中,經(jīng)常會有輸入身份證號碼或者銀行卡號的場景。輸入身份證號碼時,使用身份證專用鍵盤并且限制最大輸入位數(shù)為 18 位,輸入銀行卡號時,每四位自動分隔開,這些細(xì)節(jié)都能在很大程度上幫助用戶正確輸入。
需要將動作、選項可視化,讓用戶一看到就懂。同時,在一個比較深層級的頁面時,需要考慮到是否需要展示一些前面的頁面的信息,讓用戶看而不是讓用戶想。用一本書的名字來形容就是「Don’t make me think」。
就像在許多電商中從購物車進(jìn)入結(jié)算的頁面,都會展示該訂單的內(nèi)容,讓用戶可以更好地查看自己已選的內(nèi)容,而不用他們記憶。
讓用戶更高效快捷地完成功能。
再舉一個很常見的例子,就是許多產(chǎn)品中都會出現(xiàn)的「收藏」功能。收藏功能可以讓用戶之后能夠更快地在信息碎片中找到自己想要的東西。
此外,產(chǎn)品在首頁放置一些常用功能的快捷入口,這也是最常見的本原則的例子之一。包括 iOS 的 3D Touch,也是在遵循這一準(zhǔn)則。
一款好看的產(chǎn)品總是能讓人眼前一亮。
一款設(shè)計丑陋的產(chǎn)品會讓人連試用的想法都沒有,而好看的產(chǎn)品讓人在解決問題的同時保持十分愉悅的心情。好看的產(chǎn)品也能更能夠顯示出開發(fā)商或開發(fā)者對于用戶的重視。
因此負(fù)責(zé)任的產(chǎn)品負(fù)責(zé)人總能夠最大程度地「壓榨」設(shè)計師,去年淘寶「一千零一夜」活動的首頁(上圖)就改動了共五十個版本。
事先預(yù)想到用戶可能會出現(xiàn)的錯誤,更好地展示錯誤并且提供解決方法。
可以用友好的錯誤提示語句、自動定位到發(fā)生錯誤的位置并明顯地標(biāo)識出來、提示可以做的操作來協(xié)助用戶走完流程。
在印象筆記實行國內(nèi)外分服后,經(jīng)常會有用戶登陸錯誤。因此就會在文案上新增提示是否使用了錯誤的服務(wù)器,同時提供了切換服務(wù)的入口。
在必要的時候為用戶提供幫助。
許多 app 的新手指引,電商的服務(wù)細(xì)則入口、Ulysses 中隨時可以查看的 Markdown 語法,這些都是為了幫助我們的用戶更好地使用我們所提供的產(chǎn)品,在必要的時候提供到位的幫助。
這種幫助更多地是為新手用戶服務(wù),因此出現(xiàn)的時機(jī)、方式就需要權(quán)衡考量。必須讓新手找得到,同時也不對老用戶造成打擾。
這就是我對這十條原則淺薄的理解,望能拋磚引玉,期待你在評論分享更多看法。