說通俗點(diǎn),我們通常都這樣來形容對一款產(chǎn)品喜愛:
誒誒誒咧虎,給你講卓缰,我最近發(fā)現(xiàn)一個App,真的是太好用老客,你看就是這個A欧埂震叮!
你知道不胧砰,我最近在用一個App,體驗(yàn)太棒苇瓣,畫面炫酷尉间,特效贊極了。
我一直在用XX看文章击罪,簡直不能再好用了
…….省略1萬字的安利
最近在重新聽了一些IT公論以前播客哲嘲,無意間聽到播客中提到尼爾森-人機(jī)交互學(xué)博士(Jakob Nielsen)提到的【十大可用性原則】,重新搜了下具體內(nèi)容媳禁,反復(fù)咀嚼后眠副,對比現(xiàn)在很多成熟優(yōu)秀的產(chǎn)品,都可以用它去評估一個產(chǎn)品是否可以達(dá)到好的產(chǎn)品的概念竣稽。
當(dāng)我們在被產(chǎn)品‘高潮’的時候囱怕,到底爽在了哪里霍弹?
我決定將這10條神法則和當(dāng)下的一些產(chǎn)品進(jìn)行剖析,對話入座看看是不是真的適用呢娃弓?
1.可見性原則
Visibility of system status:告知系統(tǒng)的現(xiàn)行狀態(tài)典格。產(chǎn)品設(shè)計(jì)要讓適當(dāng)?shù)臅r間告知用戶現(xiàn)在到底發(fā)生了什么事。這個也是最基本的產(chǎn)品設(shè)計(jì)理念台丛,目的是在使用過程中耍缴,知道當(dāng)前狀態(tài)來輔助使用。但是也有很多產(chǎn)品基本讓用戶不知道所措挽霉。
圖解:該網(wǎng)頁功能將用戶正在輸入的字?jǐn)?shù)和最大限制清晰呈現(xiàn)為用戶
2.場景貼切原則
Match between system and the real world:網(wǎng)頁的一切表現(xiàn)和表述防嗡,應(yīng)該盡可能貼近用戶所在的環(huán)境(天氣狀況,道路交通炼吴,風(fēng)險高低)本鸣,而不要使用用戶不懂的專業(yè)術(shù)語
圖解:比如我U盤里的張家嘴視頻正在用愛奇藝播放,這個時候我彈出U盤硅蹦,Windows往往這樣提示我:“無法停止使用通用卷”荣德,我靠,什么鬼童芹,通NMGB ,說清楚點(diǎn)會死颁陶啊;但Mac的提示就人性化很多,會告訴哪個App在占用進(jìn)程假褪,提示我關(guān)掉署咽。
3.可控性原則
User control and freedom:支持撤銷和重做。用戶沒有你想的那么聰明生音,所以當(dāng)它們操作失誤的時候宁否,給他一個“安全出口”讓他迅速的回到原來的狀態(tài)。
圖解:上圖是為知筆記的單筆記的歷史版本缀遍,用戶可以通過查看并恢復(fù)任一保存過的筆記內(nèi)容慕匠,保證了一定程度的容錯率。
4.一致性原則
Consistency and standards:遵循統(tǒng)一的平臺設(shè)計(jì)規(guī)范/邏輯域醇。通俗的說台谊,用戶在你的餐館用餐,A區(qū)域是自助區(qū)譬挚,如果你每個月把自助區(qū)在B锅铅、C、D區(qū)域輪換减宣,用戶早晚有天會被你整懵逼盐须。
圖解:其一,知乎的icon(圖標(biāo))設(shè)計(jì)是非常有講究的漆腌,所有均采用色塊填充型icon贼邓。其二姨蟋,例如感謝和收藏button(按鈕),PC端和App端高度統(tǒng)一立帖,用戶使用起來也不會花費(fèi)時間去識別icon(圖標(biāo))的意義所在眼溶,久而久之用戶便形成了習(xí)慣。
5.防錯原則
Error prevention:設(shè)置犯錯的機(jī)制晓勇。在用戶抱怨“為什么不早點(diǎn)提醒我堂飞,非要等我操作這么久才提示有問題不能保存”的問題之前,產(chǎn)品就應(yīng)該就做好充分的提示绑咱;如果真的出錯了绰筛,給出解決的辦法。
圖解:微信公眾平臺上傳視頻時描融,20M以上上傳時間是很久的铝噩,如果在用戶上傳超過20M時再提示用戶出錯,將會是一次糟糕的用戶窿克。所以微信這里做的很好骏庸,提前告知用戶錯誤的可能性,并告訴用戶超過20M要去騰訊視頻里上傳年叮。
6.協(xié)助記憶原則
Recognition rather than recall:不要讓用戶在使用產(chǎn)品的時候記憶太多的東西具被,盡量做到用戶還沒張口要東西吃的時候,你就把東西送到他的嘴邊只损。
圖解:比如蘋果系統(tǒng)自帶輸入法的記憶功能一姿,‘好哥’本來不在輸入法的字庫里,當(dāng)然我聊天過程中打過一次‘好哥’后跃惫,第二次再次輸入的時候系統(tǒng)將‘好哥’推薦到了第二個備選詞中叮叹。
7.靈活和高效原則
Flexibility and efficiency of use:無論你是普通用戶還是專家用戶,都可以順暢的使用產(chǎn)品爆存,這也就意味的一些高級的功能要適當(dāng)?shù)碾[藏起來蛉顽,不要干擾到普通用戶,保證平臺的用戶在使用基礎(chǔ)功能终蒂,不被特殊功能所影響蜂林。
圖解:理想角度去思考遥诉,朋友圈為何隱藏了發(fā)文字朋友圈的功能拇泣,或者微信把它當(dāng)做了一個特殊功能,不影響朋友圈正常使用矮锈,降低其使用頻率霉翔,更可能多的在圈里分享圖片,降低用戶閱讀內(nèi)容的時間成本苞笨,從而一定程度上提高了用戶的時間和效率债朵。
8.美學(xué)和最簡主義原則
Aesthetic and minimalist design:保留產(chǎn)品最主要的信息子眶,如果不是優(yōu)先級最高,要盡一切可能避免去影響產(chǎn)品的簡潔和美觀序芦。你的設(shè)計(jì)不僅讓用戶發(fā)出贊嘆臭杰,還要讓他跪舔你的簡約設(shè)計(jì)。
圖解: 展示的分別是微信谚中、支付寶渴杆、微博、網(wǎng)易云音樂的個人中心頁面宪塔,信息昂雜和最簡主義一目了然磁奖。
9.容錯原則
Help users recognize, diagnose, and recover from errors:使用產(chǎn)品出現(xiàn)了任何問題,請講人話某筐,并真誠俏皮地告訴你的上帝比搭,為什么會出錯。
圖解:在產(chǎn)品設(shè)計(jì)要求越來越高的現(xiàn)在南誊,404頁面已經(jīng)成為產(chǎn)品設(shè)計(jì)的亮點(diǎn)之一身诺,一個溫馨的404錯誤頁,同樣可以撫慰訪問失敗對于用戶造成的不佳體驗(yàn)抄囚。告知的“網(wǎng)頁不存在的原因”戚长,提供了返回首頁的鏈接。
10.幫助和文檔
Help and documentation:我想你一定見過買家電時送給我們的說明書怠苔,有誰認(rèn)真的看過那些小冊子(除非萬不得已)同廉,所以一份如何使用產(chǎn)品核心功能&具體步驟的幫助文檔,這樣用戶真的遇到問題也有地方查找柑司。但是如果讓你的幫助文檔更貼心也是需要去考慮的迫肖。
以上,寫了一些我對于【十大可用性原則】理解和看法攒驰,希望和大家共勉蟆湖,在推敲產(chǎn)品的過程中可以用來校驗(yàn)和思考。寫的好燒腦玻粪,歡迎交換意見隅津,拍磚交流。
歡迎我的個人公眾號(ID:nice_apps)