在產(chǎn)品設(shè)計(jì)中需要關(guān)注哪些要素，才能讓用戶感知更友好?

　　做產(chǎn)品的人張口閉口就是用戶體驗(yàn)，但當(dāng)真正提到用戶體驗(yàn)時(shí)，你第一個(gè)瞬間想到的是什么?是哪個(gè)客戶端長(zhǎng)得特別丑? 是哪個(gè)APP加載頁(yè)面特別慢還老是閃退?還是生活中那些反人類的設(shè)計(jì)?

　　互聯(lián)網(wǎng)上有許多關(guān)于用戶體驗(yàn)和產(chǎn)品設(shè)計(jì)的研究，寫(xiě)的都很值得學(xué)習(xí)，如產(chǎn)品體驗(yàn)要素中的五大層級(jí)的方法論、劃分需求類型的KANO模型等。但用戶體驗(yàn)這個(gè)概念終究難免讓人感覺(jué)有些虛，畢竟她不具體指代某個(gè)事物，于是乎在這篇文章里，本小白選用尼克森的十大產(chǎn)品可用性原則來(lái)分析當(dāng)我們?cè)谠O(shè)計(jì)產(chǎn)品的時(shí)候，該注意哪些要素、該如何讓用戶感知到產(chǎn)品是友好的，該如何增強(qiáng)我們對(duì)用戶體驗(yàn)的獲得感，讓她變得看得見(jiàn)、摸得著。

　　先介紹一下這位牛人：Jakob Nielsen是畢業(yè)于哥本哈根的丹麥技術(shù)大學(xué)的人機(jī)交互博士 ， 他擁有79項(xiàng)美國(guó)專利,專利主要涉及讓互聯(lián)網(wǎng)更容易使用的方法，被賦予人機(jī)交互實(shí)踐的終身成就獎(jiǎng)。他還被紐約時(shí)報(bào)稱為“Web 易用性大師”，被 Internet Magazine 稱為 “易用之王”。

　　狀態(tài)可見(jiàn)原則(Visibility of system status)

　　金句：系統(tǒng)應(yīng)該讓用戶知道發(fā)生了什么，在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答仭?用戶在網(wǎng)頁(yè)上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤(pán)等等，頁(yè)面應(yīng)即時(shí)給出反饋。

　　解釋：基本所有的網(wǎng)站和APP都有導(dǎo)航欄的功能，Axure中也有站點(diǎn)地圖的功能，這些都是為了讓使用者明白自己目前在哪個(gè)位置，在操作哪些功能以及明確接下來(lái)的操作邏輯。”即時(shí)反饋”(feedback within reasonable time)到底是多么即時(shí)呢? 這個(gè)當(dāng)然由用戶說(shuō)了算，不能讓用戶不舒服，也就是 用戶可以接受的等待時(shí)間差。一個(gè)頁(yè)面加載頁(yè)你不能讓我等數(shù)十秒，這樣用戶早就退出去了，讓用戶沒(méi)有明顯感知的應(yīng)該控制在2秒內(nèi)。

　　再如做了一個(gè)下拉動(dòng)作后今日頭條、新浪微博、QQ都給出了相應(yīng)的反饋信息，這就是所謂的狀態(tài)可見(jiàn)性，這就是給用戶的反饋，而不至于操作一個(gè)動(dòng)作后任何反饋都沒(méi)有。網(wǎng)上的一個(gè)比喻“你要把你的用戶想象成一個(gè)極沒(méi)有安全感的小姑娘，你要時(shí)時(shí)向她(用戶)匯報(bào)你在干什么，只有這樣她(用戶)才不會(huì)感到無(wú)助、沒(méi)有方向、不知道干什么“。

　　環(huán)境貼切原則(Match between system and the real world)

　　金句：系統(tǒng)應(yīng)該用用戶的語(yǔ)言，用詞，短語(yǔ)和用戶熟悉的概念，而不是系統(tǒng)術(shù)語(yǔ)。遵循現(xiàn)實(shí)世界的慣例，讓信息符合自然思考邏輯。網(wǎng)頁(yè)的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境(年齡、學(xué)歷、文化、時(shí)代背景)，而不要使用第二世界的語(yǔ)言。

　　解釋：許多APP的icon隱喻式的設(shè)計(jì)與擬物化是對(duì)這句話的一個(gè)很好的解釋。我們所做的任何一個(gè)交互點(diǎn)應(yīng)該清晰易懂，不要讓用戶思考這是什么，也不要輕易改變一些約定的習(xí)慣。比如，一個(gè)已付款的icon(通常如下圖標(biāo)記處)，無(wú)論是微信還是支付寶都是這個(gè)樣子，但你為了所謂的博人眼球，“創(chuàng)新”的設(shè)計(jì)出一個(gè)只有你這個(gè)APP才有的圖標(biāo)類型，這就很尷尬了。

　　撤銷(xiāo)重做原則(User control and freedom)

　　金句：用戶經(jīng)常錯(cuò)誤地選擇系統(tǒng)功能而且需要明確標(biāo)識(shí)離開(kāi)這個(gè)的“出口”，所以需要做到當(dāng)用戶在使用產(chǎn)品的過(guò)程中可以自由進(jìn)退，當(dāng)用戶陷入麻煩時(shí)要給用戶提供離開(kāi)的出口即為用戶提供撤銷(xiāo)、重作等相關(guān)操作。

　　解釋：微信的消息撤回和郵箱的郵件撤回功能都是例子。據(jù)說(shuō)有個(gè)面試產(chǎn)品的哥們被問(wèn)到“為何微信會(huì)推出消息撤回功能并且設(shè)置在兩分鐘內(nèi)”，網(wǎng)上回答七嘴八舌，有的甚至深入到厚黑學(xué)中…其實(shí)從這點(diǎn)原則出發(fā)，無(wú)非就是給用戶一個(gè)改錯(cuò)的機(jī)會(huì)嘛，還不給我手滑? (當(dāng)然有可能有其他原因 如增加社交趣味性等。至于為啥時(shí)兩分鐘，據(jù)說(shuō)大數(shù)據(jù)顯示微信端從發(fā)出信息到接收人看到信息人均是2分鐘)

　　一致性原則(Consistency and standards)

　　金句：產(chǎn)品在遵循平臺(tái)慣例的基礎(chǔ)上也要保證產(chǎn)品功能操作、控件樣式、界面布局、提示信息的一致性，不要讓用戶在使用產(chǎn)品的時(shí)候發(fā)現(xiàn)不符合產(chǎn)品規(guī)范的地方。

　　解釋：這一點(diǎn)就是說(shuō)你讓你的小姑娘對(duì)你產(chǎn)生信任了后，就不要多情善變啦，一個(gè)APP中的收藏icon，要不統(tǒng)一都是五角星型，要不統(tǒng)一是愛(ài)心型，不應(yīng)該使用兩套標(biāo)準(zhǔn)。返回按鈕也是一樣。再如下圖兩款產(chǎn)品從啟動(dòng)頁(yè)到首頁(yè)都是一個(gè)主色調(diào)，顯得統(tǒng)一整齊。而有的APP卻經(jīng)常會(huì)忽略這一點(diǎn)，比如在淘寶的專題頁(yè)里你會(huì)發(fā)現(xiàn)，上一個(gè)下面和下一個(gè)頁(yè)面風(fēng)格常常變化得很大，甚至讓你感激到這不是同一個(gè)APP里的內(nèi)容(當(dāng)然這點(diǎn)更應(yīng)該是業(yè)務(wù)的問(wèn)題，淘寶的小二只管自己的KPI，哪有時(shí)間統(tǒng)一這些看起來(lái)不太必要的細(xì)節(jié))

　　防錯(cuò)原則(Error prevention)

　　金句：用戶在使用產(chǎn)品的時(shí)候難免會(huì)出錯(cuò)，但一個(gè)好的產(chǎn)品應(yīng)該是在用戶容易出錯(cuò)的地方防止或直接把出錯(cuò)的可能性給去除掉，避免錯(cuò)誤的發(fā)生。因此如何讓用戶避免出錯(cuò)就需要對(duì)產(chǎn)品頁(yè)面的設(shè)計(jì)、布局、規(guī)則上進(jìn)行反復(fù)驗(yàn)證，并把發(fā)生錯(cuò)誤的可能性降到最低或沒(méi)有。

　　解釋：許多網(wǎng)站對(duì)于刪除的操作往往都會(huì)有再次提醒的功能，如微信取消關(guān)注微信公號(hào)的功能，防止用戶誤操作(當(dāng)然也是為了給公號(hào)點(diǎn)機(jī)會(huì));再如途游網(wǎng)站上用萬(wàn)年歷的元件取消手動(dòng)輸入日期，同時(shí)將出發(fā)和結(jié)束時(shí)間進(jìn)行分屏操作，這都是為了盡量將可能出錯(cuò)的情況降低到最小程度。 當(dāng)然還有很多，像“確認(rèn)”和“取消”的按鈕，誰(shuí)放在左邊誰(shuí)放在右邊都是有考慮的，符合使用習(xí)慣、減少出錯(cuò)機(jī)會(huì)。

　　易取原則(Recognition rather than recall)

　　金句：盡量減少用戶對(duì)操作目標(biāo)的記憶負(fù)荷，動(dòng)作和選項(xiàng)都應(yīng)該是可見(jiàn)的。用戶不必記住一個(gè)頁(yè)面到另一個(gè)頁(yè)面的信息。系統(tǒng)的使用說(shuō)明應(yīng)該是可見(jiàn)的或者是容易獲取的。

　　解釋：人都是懶得，使用我們APP的用戶更懶，你能幫他省事，他就給你機(jī)會(huì)。就像早期蘋(píng)果手機(jī)出來(lái)的時(shí)候就非常富有創(chuàng)新力。市面上的手機(jī)都是帶實(shí)體鍵盤(pán)的，用戶需要記憶各種按鍵代表的意思，要實(shí)現(xiàn)一個(gè)功能可能出現(xiàn)多次按鍵，但iPhone的home一個(gè)鍵就可以了。(據(jù)說(shuō)這個(gè)創(chuàng)新最初來(lái)源于抽水馬桶的一鍵沖水的設(shè)計(jì) 你懂得)。還有許多APP都會(huì)提供歷史記錄的功能，也是為了方便用戶去回憶曾經(jīng)做過(guò)的操作，直接去記錄欄里找就可以了，如微信的紅包記錄頁(yè)，網(wǎng)易云音樂(lè)的最近播放的歌曲記錄頁(yè)。

　　靈活高效原則(Flexibility and efficiency of use)

　　金句：用戶在使用產(chǎn)品時(shí)能夠方便快捷的完成相關(guān)任務(wù)或動(dòng)作，即讓用戶以最快最便捷的方式完成任務(wù)。為大多數(shù)用戶設(shè)計(jì)，不要低估，也不可輕視，保持靈活高效。

　　解釋：這里原文將用戶分為初級(jí)用戶、中級(jí)用戶、高級(jí)用戶。這三類用戶需求范圍依次擴(kuò)大，要求的功能點(diǎn)也可能逐步升級(jí)，比如新媒體工作者常用的微信編輯器，有的用戶只需要使用文字和圖片編輯，操作一下模板就可以了，而有高級(jí)點(diǎn)的用戶則會(huì)使用代碼來(lái)使用更多的樣式更強(qiáng)大的功能(如下圖 其實(shí)兩者最終是一個(gè)效果)。但要始終記得二八原則，中級(jí)用戶數(shù)遠(yuǎn)遠(yuǎn)大于高級(jí)和初級(jí)用戶，為大多數(shù)用戶設(shè)計(jì)。

　　當(dāng)然這個(gè)原則還有一個(gè)點(diǎn)就是方便快捷的操作，如QQ里會(huì)出現(xiàn)最近用的表情作為快捷回復(fù)，搜狗輸入法里會(huì)優(yōu)先顯示你常打的關(guān)鍵詞等。

　　簡(jiǎn)單化原則(Aesthetic and minimalist design)

　　金句：對(duì)話中不應(yīng)該包含無(wú)關(guān)緊要的信息。在段落中每增加一個(gè)單位的重要信息，就意味著要減少相應(yīng)的弱化一些其他信息。 互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁(yè)的動(dòng)作不是讀，不是看，而是掃。易掃，意味著突出重點(diǎn)，弱化和剔除無(wú)關(guān)信息。

　　解釋： 要知道一頁(yè)可以展示的信息就那么大，急于把你的信息一股腦傳遞給用戶只會(huì)適得其反。就像早期的淘寶網(wǎng)首頁(yè)一樣，信息繁雜缺乏次重點(diǎn)。在一個(gè)統(tǒng)一的頁(yè)面中，每個(gè)內(nèi)容的出現(xiàn)都會(huì)影響到每條信息所占的權(quán)重，而這個(gè)權(quán)重比是否分配的科學(xué)，會(huì)直接影響到用戶的感知效果，繼而影響用戶體驗(yàn)。

　　下圖據(jù)說(shuō)是調(diào)研公司做的熱力圖，研究了網(wǎng)站用戶在瀏覽網(wǎng)頁(yè)的時(shí)候首先看的哪里會(huì)更多一些，停留得更久一些。所以你應(yīng)該盡量簡(jiǎn)單化你的設(shè)計(jì)，根據(jù)用戶習(xí)慣突出主次，這樣的效果才會(huì)更好一些 。優(yōu)質(zhì)的案例可以參見(jiàn)微信就行了，就是一個(gè)極簡(jiǎn)的產(chǎn)品設(shè)計(jì)。但其實(shí)你看看微信，并不是因?yàn)槿思覂?nèi)容少而顯得結(jié)構(gòu)簡(jiǎn)單，而是遵從了秩序，這里安利一句前輩的話“想追求極簡(jiǎn)的設(shè)計(jì)，不只是因?yàn)槭菕伻チ硕嘤嗟难b飾，更是因?yàn)樗芙o復(fù)雜帶來(lái)秩序!”

　　容錯(cuò)原則(Help users recognize, diagnose, and recover from errors)

　　金句：錯(cuò)誤信息應(yīng)該用語(yǔ)言表達(dá)(不要用代碼)，較準(zhǔn)確地反應(yīng)問(wèn)題所在，并且提出一個(gè)建設(shè)性的解決方案。同時(shí)幫助用戶從錯(cuò)誤中恢復(fù)，將損失降到最低。如果無(wú)法自動(dòng)挽回，則提供詳盡的說(shuō)明文字和指導(dǎo)方向，而非代碼，比如404。

　　解釋：這個(gè)原則和某些職場(chǎng)毒雞湯是一樣的，聘你來(lái)公司不要只給我提出一堆問(wèn)題，既然出現(xiàn)這個(gè)狀況了，你得給我解決了，不能辦完事擦擦屁股就走人了。像谷歌瀏覽器和早期的簡(jiǎn)書(shū)出錯(cuò)時(shí)給出的多種解決方式。再如注冊(cè)郵箱或者注冊(cè)APP賬號(hào)的時(shí)候，如果輸入的已經(jīng)被注冊(cè)過(guò)的賬號(hào)則會(huì)有dialog或者toast提示你。