用戶體驗十大可用性原則
當我們在使用一款產(chǎn)品的時候，怎樣的設計才能讓我們覺得這是一款好產(chǎn)品呢？產(chǎn)品的設計到底是哪一點在打動你使用它？我們可以通過【十大可用性原則】來觀察凉馆，好的產(chǎn)品都具備什么的共同性。
【十大可用性原則】是由人機交互學博士（Jakob Nielsen）提出于1995年1月1日發(fā)表亡资，對比現(xiàn)在很多成熟優(yōu)秀的產(chǎn)品澜共，都可以用它去評估一個產(chǎn)品是否可以達到好的產(chǎn)品的概念，同時可對我們自己的產(chǎn)品進行審視與修正锥腻。
可見原則
產(chǎn)品設計要在適當?shù)臅r間告知用戶現(xiàn)在到底發(fā)生了什么事嗦董。這個也是最基本的產(chǎn)品設計理念，目的是在使用過程中瘦黑，知道當前狀態(tài)來輔助使用京革。用戶在網(wǎng)頁/APP上的任何操作，不論是單擊幸斥、滾動還是按下鍵盤存崖，頁面應即時給出反饋。即時是指頁面響應時間小于用戶能忍受的等待時間睡毒。
可見性原則需要保證界面的內(nèi)容可見、狀態(tài)可見冗栗、變化可見演顾，看起來是特別基本的要求供搀，但很多產(chǎn)品其實都做不到，很多產(chǎn)品基本讓用戶不知道所措钠至，用戶找不到信息葛虐、不知道當前的情況、不明白發(fā)生了什么棉钧，都是不符合可見原則的例子屿脐。
我們來看一下符合該原則的例子
菜單tab是否明顯？?菜單Tab可以讓用戶知道自己當前在哪個位置宪卿，否則他們就會在我們的產(chǎn)品里迷路的诵。比如天貓的頁面中有一個菜單，當你迷失在產(chǎn)品里時佑钾，點擊它能讓你隨時回到首頁西疤。
數(shù)據(jù)加載是否有進度提醒，很多時候休溶，用戶不是不愿意等待代赁，只是等待的時間過長，用戶也不知道還有多久兽掰，索性就把應用給關(guān)了芭碍，如果加上一個進度提示，讓他知道頁面加載和跳轉(zhuǎn)大概還有多久孽尽，他就會更加耐心窖壕。?如在線視頻的加載提醒，會顯示加載的速度和預計播放時間泻云，H5頁面的頁面加載進度條等 ? ? ? ?
滴滴用戶端艇拍，可見車輛的移動方向和車頭朝向，讓用戶隨時掌握車輛的動態(tài)信息
微博博文輸入頁面宠纯、微信公眾號的文章標題輸入字數(shù)限制卸夕，短信的輸入限制以及剩余字數(shù)的提示；
信息底部的「喜歡」按鈕婆瓜，點擊喜歡按鈕時快集，填充顏色變化，當把鼠標懸浮上去時廉白，按鈕就會由原來的透明狀態(tài)變成淡粉的填充色个初，這一過程是瞬間的，這就運用了狀態(tài)可見原則猴蹂，反饋給用戶的信息是：是的院溺，您的操作是對的，鼠標點擊下去吧磅轻！
微信的發(fā)送信息時珍逸，信息文本左邊有個半透明白灰色的轉(zhuǎn)輪給出發(fā)送中的反饋逐虚，發(fā)送失敗時會出現(xiàn)紅色感嘆圓給出發(fā)送失敗的反饋；
點擊微信右上角+谆膳，即時給出顯示相應的操作按鈕的反饋叭爱；
頁面預加載提示，比如Facebook漱病、簡書的預加載頁面买雾，能夠讓用戶知道我已經(jīng)在很努力的加載了，再等等杨帽，馬上出來的呈現(xiàn)方式就是這樣的漓穿。?
場景貼切原則
產(chǎn)品的功能操作、內(nèi)容表現(xiàn)需要符合用戶的使用場景睦尽，設計時要充分進行考慮器净，才會有良好的用戶體驗。產(chǎn)品里所有的圖標或者術(shù)語是否都在用戶的理解范圍內(nèi)当凡？有沒有容易產(chǎn)生歧義的圖標山害？所有的術(shù)語文字，用戶是不是都能讀懂沿量？有沒有技術(shù)性語言是貼近技術(shù)而不是貼近用戶的浪慌？系統(tǒng)的一切表現(xiàn)和表述，應該盡可能貼近用戶所在的環(huán)境朴则，而不要使用系統(tǒng)的語言权纤，盡量使用還用戶能夠明白且易懂和約定俗成的表達。
我們來看一下符合該原則的例子
滴滴司機版端充分考慮了用戶在行駛中使用APP時的場景乌妒，視線和注意力沒有那么集中汹想，需要更大的圖標才能方便點擊使用；
手機的單手操作功能模式撤蚊，考慮的就是用戶只有一只手是時候可以操作手機的場景古掏；
手機輸入法單的單手輸入模式，考慮到大屏手機單手打字的困難性侦啸；
閱讀類APP產(chǎn)品的夜間模式能給到夜間用戶閱讀時很好的體驗槽唾，蘋果手機也在IOS系統(tǒng)增加了暗黑模式，以適應用戶的夜間使用光涂；
地圖類APP在下雨天時會變成下雨狀態(tài)庞萍，如滴滴打車、百度地圖忘闻，同時還會根據(jù)雨量的大小做出不同的顯示钝计；
微信的發(fā)現(xiàn)頁面，每個子功能的圖標和表述都貼切用戶的常見，圖標采用擬物化私恬，表述采用用戶熟悉的語言交播；
可控原則
用戶要能對當前的情況有一個很好地了解和掌控，用戶才會有安全感践付，才會信任你的產(chǎn)品。如果用戶發(fā)現(xiàn)你的產(chǎn)品無法控制而產(chǎn)生恐懼缺厉，就會離開你的產(chǎn)品永高，所以我們設計產(chǎn)品功能的時候要考慮每個頁面是否支持讓用戶掌控。
我們來看一下符合該原則的例子
典型的視頻播放界面提针，如果只有播放和暫停命爬，你能想象到這個產(chǎn)品會有多垃圾嗎？?
手機響鈴和震動模式辐脖，響鈴如果不能切換饲宛，或者只有響鈴模式，你能受得了這樣的產(chǎn)品嗎嗜价？
IPhone的Home 鍵也是基于可控原則的功能艇抠，無論在什么地方、遇到什么問題久锥、發(fā)現(xiàn)不知道該怎么辦家淤，只需要按下 Home 鍵，就回到桌面了瑟由。
微信的消息撤回功能絮重，也是符合可控原則，用戶總是會出錯的歹苦，設置一個這樣的，支持消息撤銷重新編輯，能讓用戶在聊天時更加的愉悅眶掌。?
一致性原則
用戶需要在同一個產(chǎn)品中接受同一套規(guī)范或者邏輯唁桩，同一用語、功能痴施、操作保持一致擎厢。同樣的語言，同樣的情景辣吃，操作應該出現(xiàn)同樣的結(jié)果动遭。這是很多產(chǎn)品也會忽視的，在功能神得、交互和視覺上不考慮用戶的學習成本厘惦，同時也給用戶造成麻煩，讓用戶對功能很難產(chǎn)生統(tǒng)一性認知。
我們來看一下符合該原則的例子
在社交產(chǎn)品中宵蕉，關(guān)注你的人會被稱為『粉絲』酝静，在另一個頁面又變成了『關(guān)注者』；
電商文案里的用戶和客戶羡玛，商家與商戶别智；
在一些提醒框中，確定按鈕有的時候在左側(cè)稼稿，有的時候又在右側(cè)薄榛，顏色也會有所不同；
在工具類操作中让歼，紅色有時候表示正確敞恋，有時候又表示警告和提醒；
知乎產(chǎn)品的一致性就做的很好谋右，不管PC硬猫、APP還是H5頁都保持了一致的內(nèi)容；?
防錯原則
通過網(wǎng)頁的設計改执、重組或特別安排啸蜜，淘汰掉有出錯導向的條件或是在提交前設置確認操作等，防止用戶出錯天梧。這樣比比出現(xiàn)錯誤信息時在告知用戶要貼心的多盔性。如果不能鎖住可能的錯誤，那就盡量用足夠多的提醒設計呢岗，如文字tips冕香、彈窗提醒、二次確認提醒等后豫，減少用戶可能的犯錯悉尾。
防錯在用戶體驗中至關(guān)重要，新用戶對產(chǎn)品不熟悉挫酿，需要做更多的引導和提示构眯，才能讓用戶順利的使用你的產(chǎn)品。當用戶的操作出現(xiàn)問題時早龟，用戶會想為什么不早點提醒我惫霸，為什么非等出了問題后才通知我。用戶不會責怪自己葱弟，只會認為你的產(chǎn)品設計是有問題的壹店。
我們來看一下符合該原則的例子
在容易犯錯的重要操作點里加入二次確認。比如發(fā)布朋友圈頁面的取消按鈕芝加；
在做出刪除等不可恢復的操作之前硅卢，文字提示或二次確認，比如手機重置時要抹去所有數(shù)據(jù)、手機相冊刪除照片
微信的附近的人功能将塑，使用時會彈窗提示脉顿，提示用戶位置信息會泄漏，防止用戶無意中泄露了自己的地理位置信息点寥，從而防止出錯艾疟。
協(xié)助記憶原則
不要讓用戶在使用產(chǎn)品的時候記憶太多的東西，在需要記憶某些信息的時候敢辩，產(chǎn)品能從功能上要幫助用戶記憶汉柒，才能促進用戶更好的完成某項任務。
我們來看一下符合該原則的例子
訂單確認頁责鳍，當你在淘寶購買東西到支付時，肯定不希望自己再回憶一遍所有的訂單內(nèi)容兽间，再點確認
在網(wǎng)頁上已填寫好的資料頁历葛，在最終確認時，向用戶展示所有內(nèi)容嘀略，以示確認恤溶，這也符合用戶在線下提交材料的思維方式；
銀行卡轉(zhuǎn)賬時都會給你一個二次展示信息的確認頁帜羊；
輸入法的記憶功能咒程，當你輸入某個詞后，下次再次輸入讼育，就會優(yōu)先展示帐姻；
石墨文檔等云端產(chǎn)品，每隔一會兒就會自動保存內(nèi)容奶段；
微信公眾號文章閱讀到一半時饥瓷，下次進入還會在一半的時候開始，以及沒讀完的微信文章可以作為一個懸浮球暫停痹籍，待下次閱讀呢铆。該功能也正適應了用戶在碎片化時間使用習慣，在各種切換和退出返回時蹲缠，能回到用戶原來的位置棺克。
簡約易讀原則
簡約易讀就是要讓界面保持清晰，用戶能夠快速找到想要的信息线定，盡一切努力設計頁面娜谊，讓頁面簡潔美觀，保證頁面的可讀性與易讀性渔肩，同時又能突出頁面的重要信息因俐。
我們來看一下符合該原則的例子
重要的功能/內(nèi)容是否突出，如商品頁的促銷信息、價格信息抹剩，版面劃分是否清楚撑帖？?不重要的功能是否隱藏或轉(zhuǎn)移或弱化，如抽屜式菜單
微信澳眷、支付寶胡嘿、微博、網(wǎng)易云音樂的個人中心頁面钳踊，信息繁雜和簡約主義 ? ? ?
微軟這個USB彈窗提示衷敌，說實話這么多年真沒看懂，相反的國產(chǎn)軟件會讓你清清楚楚的明白拓瞪，誒呀缴罗！原來我wps這個軟件還有文檔沒有關(guān)閉呢；?
靈活高效原則
產(chǎn)品設計要滿足大多數(shù)用戶需求祭埂，但也不要低估面氓，輕視其他用戶，保持產(chǎn)品的靈活高效蛆橡，不論是普通用戶還是高級用戶都能夠很順利的使用你的產(chǎn)品舌界。
我們來看一下符合該原則的例子
朋友圈單純發(fā)文字到朋友圈功能：已經(jīng)有了圖文發(fā)布功能還要提供純文字發(fā)布功能，就是在對特殊用戶群提供的特殊功能泰演，以體現(xiàn)產(chǎn)品的靈活呻拌；?
簡書提供的兩種編輯模式：「Markdown編輯器」和「富文本編輯器」，「富文本編輯器」簡單睦焕，通用藐握，方便，在為普通用戶提供「富文本編輯器」的同時也為高級用戶提供了「Markdown編輯器」垃喊，更快速的實現(xiàn)編輯趾娃，這就是一種非常靈活高效的設計；?
微信的發(fā)現(xiàn)頁面的子功能默認全部顯示缔御，但在設置中可以對每個子功能的啟用停用抬闷，滿足不同用戶的需求，保持靈活高效原則耕突。
容錯原則
向用戶提醒犯錯的可能笤成，并提供給用戶挽回錯誤的方法。要在用戶可能犯錯的時候進行提醒眷茁，越嚴重的錯誤提醒就越重炕泳。面對錯誤信息應該用可以看得懂的語言表達，較準確地反應問題所在上祈，并且提出一個建設性的解決方案培遵。
我們來看一下符合該原則的例子
在簡書里刪除文章時都會有二次確認是否刪除的提示容錯浙芙，相同的公眾號里刪除推送文章時會掃碼進行二次確認。?
在我們訪問網(wǎng)站的時候籽腕，偶爾會因為一些特殊原因?qū)燀撁娴?04嗡呼，對普通用戶看到會一臉茫然，而設計一個溫馨的404錯誤頁會撫慰訪問失敗對于用戶造成的不佳體驗皇耗，告知的“網(wǎng)頁不存在的原因”南窗，提供了返回首頁的鏈接。?
微信用戶誤刪好友后郎楼，直接通過群找到好友万伤，添加到通訊錄，不用好友通過驗證呜袁，恢復好友敌买。
用戶誤打開附近的人，位置信息泄漏阶界，用戶可以點擊頁面右上角的清除功能可隨時手動清除位置信息放妈。
人性化幫助原則
在任何時候，考慮到用戶需要得到幫助的情況荐操，并予以提示。
用戶可能會在任何時候都會產(chǎn)生疑問珍策，需要得到幫助托启，幫助性提示最好的方式是：第一無需提示；第二一次性提示攘宙；第三常駐提示屯耸；第四幫助文檔；第五客服幫助蹭劈。
我們來看一下符合該原則的例子
用戶第一次安裝APP打開時的啟動輪播頁疗绣，讓用戶在未使用產(chǎn)品前，就對產(chǎn)品有了一個初步認知铺韧；
用戶第一次使用產(chǎn)品的某個功能時的引導使用多矮；?
網(wǎng)站的小圖標提示功能哈打，鼠標滑過或點擊的時候進行說明料仗；
淘寶購物完成支付后躏吊，在訂單支付成功頁的詐騙提示文字吓肋；
某功能的操作流程說明；
淘寶商家入駐時李剖，要求商家先學習如何在淘寶開店充择；
微信發(fā)朋友圈的狀態(tài)時观挎，文字文本會出現(xiàn)“這一刻的想法…”提示用戶這里可以寫下想法。
所有網(wǎng)頁或APP都會提供幫助與反饋的功能，提供常見問題、相應功能的快捷幫助以及意見反饋。
十大可用性原則為我們在體驗產(chǎn)品和設計產(chǎn)品時，提供了最佳的判斷依據(jù)净当，當然產(chǎn)品設計也不是一蹴而就的，我們可以遵從這些原則對我們的產(chǎn)品進行迭代優(yōu)化真朗，從而提升產(chǎn)品的價值，另一方面我們還可以利用這些原則去體驗和感受其他的產(chǎn)品僧诚，從而為自己的產(chǎn)品設計道路奠定更好的基礎(chǔ)遮婶。
