原則一：狀態(tài)可見(jiàn)原則（Visibility of system status）
用戶在網(wǎng)頁(yè)上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤(pán)，頁(yè)面應(yīng)即時(shí)給出反饋。“即時(shí)”是指，頁(yè)面響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間。
從人的心理層面上講，如果一個(gè)人的行動(dòng)得到反饋，會(huì)增加人持續(xù)性行動(dòng)的欲望，能促使人保持心情愉悅的狀態(tài)。（平時(shí)說(shuō)話的時(shí)候又何嘗不是呢=。= 老板也整天說(shuō)feedback、feedback?。。?/p>
下圖是一個(gè)網(wǎng)頁(yè)按鈕對(duì)用戶可見(jiàn)的三種狀態(tài)。第一種是普通狀態(tài)，用戶未對(duì)該按鈕進(jìn)行操作時(shí)的常規(guī)狀態(tài)；第二種是光標(biāo)滑過(guò)時(shí)的狀態(tài)，即當(dāng)用戶的光標(biāo)移動(dòng)到按鈕上時(shí)，按鈕的顏色就會(huì)相應(yīng)的改變，告知用戶正對(duì)按鈕正處于可操作的狀態(tài)。第三種是當(dāng)用戶按下時(shí)按鈕顏色又會(huì)相應(yīng)的加深，以告知用戶進(jìn)行了點(diǎn)擊操作。
當(dāng)然，不只是按鈕的反饋，你點(diǎn)擊按鈕后進(jìn)行了什么操作，也是需要反饋出來(lái)的。比如說(shuō)我想把老板幾百萬(wàn)的訂單給刪了。。。額，原來(lái)別的同事在刪著。
原則二：符合真實(shí)的世界（Match between system and the real world）
網(wǎng)頁(yè)的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境（年齡、學(xué)歷、文化、時(shí)代背景），而不要使用第二世界的語(yǔ)言。
基于符合真實(shí)世界原則，我對(duì)管理系統(tǒng)1.0版本的一個(gè)模塊中的篩選項(xiàng)做了以下改進(jìn)。根據(jù)下圖，對(duì)于公眾號(hào)已經(jīng)群發(fā)的文章推送進(jìn)行日期篩選，在1.0版本時(shí)是直接label加日期選擇框（包含提示信息）。但是咋一眼看來(lái)感覺(jué)像是輸入的樣子，并沒(méi)有暗示用戶這是一個(gè)日期選擇框。所以在2.0的設(shè)計(jì)上，我在選擇框中的右方添加的一個(gè)日歷的icon，并顯示提示文字“選擇群發(fā)日期”。因?yàn)槿諝v的icon直接給了用戶提示，來(lái)告知用戶該框的具體作用是什么，讓用戶一目了然。
原則三：用戶的控制性和自由度（User control and freedom）
為了避免用戶的誤用和誤擊，網(wǎng)頁(yè)應(yīng)提供撤銷和重做功能。
大家都說(shuō)，世界上是沒(méi)有后悔藥的。。。
然并卵，在程序的世界里死了都能復(fù)活，就甭管后悔藥了。
當(dāng)用戶進(jìn)行了一些重要的操作時(shí)，為了防止用戶誤操作帶來(lái)嚴(yán)重的后果，程序就會(huì)設(shè)置一種“撤銷”的回退方式以讓用戶對(duì)誤操作進(jìn)行補(bǔ)救。比如下圖，用戶在多公眾號(hào)系統(tǒng)中刪除了公眾號(hào)，刪除成功時(shí)會(huì)出現(xiàn)刪除成功的提示，同時(shí)會(huì)出現(xiàn)幾秒的“撤銷”按鈕。生與死，就看這幾秒了。
原則四：一致性和標(biāo)準(zhǔn)化（Consistency and standards）
產(chǎn)品在遵循平臺(tái)慣例的基礎(chǔ)上也要保證產(chǎn)品功能操作、控件樣式、界面布局、提示信息的一致性，不要讓用戶在使用產(chǎn)品的時(shí)候發(fā)現(xiàn)不符合產(chǎn)品規(guī)范的地方。
也就是說(shuō)對(duì)用語(yǔ)、功能、操作需要保持一致。比如說(shuō)在用語(yǔ)方面，產(chǎn)品中使用了“新建”和“創(chuàng)建”兩個(gè)詞語(yǔ)來(lái)描述時(shí)，就會(huì)造成歧義，同時(shí)顯得不夠?qū)I(yè)。
還有就是icon和其描述的文字也需要保持一致。在管理系統(tǒng)2.0版本中的賬號(hào)模塊，如下圖，每個(gè)icon和文案描述是一致的，如果我把“個(gè)人資料”的icon和“修改密碼”的icon對(duì)調(diào)，那就變得奇怪，也會(huì)引起用戶的困惑。
原則五：防止用戶出錯(cuò)原則（Error prevention）
通過(guò)頁(yè)面的設(shè)計(jì)、重組或特別安排，防止用戶出錯(cuò)。
對(duì)于這個(gè)原則，也是深有感觸，因?yàn)楣芾硐到y(tǒng)的其中一條業(yè)務(wù)線，就是接收廣告訂單，每個(gè)訂單中包含多個(gè)公眾號(hào)，并且每個(gè)公眾號(hào)因?yàn)榉劢z不同而使得每個(gè)公眾號(hào)所占訂單的金額不盡相同，以下是新增廣告訂單時(shí)添加對(duì)應(yīng)的公眾號(hào)。
在1.0版本時(shí)，我沒(méi)有對(duì)所占金額進(jìn)行輸入進(jìn)行限制和相應(yīng)的金額提醒，當(dāng)用戶添加完所有公眾號(hào)之后，然后點(diǎn)擊添加廣告訂單時(shí)，發(fā)現(xiàn)輸入的公眾號(hào)總金額超過(guò)了訂單金額而導(dǎo)致添加失敗，此時(shí)用戶只能跑回去檢查哪個(gè)公眾號(hào)輸錯(cuò)了。。。（還要用戶去找，哎。。。）
后來(lái)，在2.0版本的時(shí)候，我添加了輸入的限制條件，在輸入所占金額一項(xiàng)中，限制最大可輸入的金額為訂單所剩的金額，讓用戶在輸入時(shí)就能發(fā)現(xiàn)問(wèn)題，并進(jìn)行提示，這樣用戶能實(shí)時(shí)知道自己是否有錯(cuò)誤，減少整個(gè)過(guò)程的試錯(cuò)成本。
原則六：識(shí)別比記憶好（Recognition rather than recall）
盡可能減少用戶回憶負(fù)擔(dān)，把需要記憶的內(nèi)容擺上臺(tái)面。動(dòng)作和選項(xiàng)應(yīng)該是可見(jiàn)的。
在系統(tǒng)1.0版本的時(shí)候，我對(duì)于刪除這種含有危險(xiǎn)性的操作都會(huì)進(jìn)行彈窗以提示用戶是否確定進(jìn)行刪除操作，但是提示中的語(yǔ)言基本上是一致的。也就是“確定是否刪除XXX？”之類的描述。并且都是使用同一樣式的確定/取消按鈕。但是如果用戶在不注意的情況下忘記了他是想刪除哪一項(xiàng)，需要點(diǎn)擊取消，然后倒回去查看，然后再找到對(duì)應(yīng)項(xiàng)再進(jìn)行刪除操作。這個(gè)流程完全是沒(méi)有考慮到減少用戶的記憶負(fù)荷所造成的結(jié)果。為了提高體驗(yàn)，我們應(yīng)該把動(dòng)作和選項(xiàng)都設(shè)置為可見(jiàn)，即把需要記憶的內(nèi)容展示出來(lái)。
所以在第二版本時(shí)，我把動(dòng)作和內(nèi)容都加上了，威武。。。
原則七：使用的方別快捷（靈活高效原則）（Flexibility and efficiency of use）
中級(jí)用戶的數(shù)量遠(yuǎn)高于初級(jí)和高級(jí)用戶數(shù)。為大多數(shù)用戶設(shè)計(jì)，不要低估，也不可輕視，保持靈活高效。
為大多數(shù)用戶設(shè)計(jì)，兼容少部分特殊用戶。
用戶在使用產(chǎn)品時(shí)能夠方便快捷的完成相關(guān)任務(wù)或動(dòng)作，即讓用戶以最快最便捷的方式完成任務(wù)。如下圖，圖下方有一個(gè)“下一條”的按鈕，這個(gè)按鈕就是給用于提供一個(gè)快捷輸入的入口，當(dāng)用戶添加完一個(gè)公眾號(hào)后，可以點(diǎn)擊下一條直接添加第二個(gè)公眾號(hào)，不用再回到主頁(yè)面點(diǎn)擊添加再進(jìn)行廣告公眾號(hào)的添加。
原則八：審美和簡(jiǎn)約的設(shè)計(jì)（Aesthetic and minimalist design）
在產(chǎn)品的設(shè)計(jì)或相關(guān)界面中，讓你的相關(guān)信息盡量一目了然不要過(guò)于復(fù)雜繁瑣，即讓自己的架構(gòu)簡(jiǎn)單界面簡(jiǎn)潔突出重要內(nèi)容去掉或弱化干擾和不相關(guān)的信息/內(nèi)容。
當(dāng)然，在當(dāng)前扁平化和簡(jiǎn)約設(shè)計(jì)大行其道的情況下，簡(jiǎn)約的設(shè)計(jì)基本成為主流了，當(dāng)然在公眾號(hào)管理平臺(tái)1.0版本中就已經(jīng)使用了簡(jiǎn)約設(shè)計(jì)的。如我們系統(tǒng)的登錄界面，因?yàn)槲覀兊氖荰oB的后臺(tái)管理系統(tǒng)，所以會(huì)更加顯得簡(jiǎn)單（好像又太簡(jiǎn)單了。。。）
原則九：容錯(cuò)原則（Help users recognize, diagnose, and recover from errors）
幫助用戶從錯(cuò)誤中恢復(fù)，將損失降到最低。如果無(wú)法自動(dòng)挽回，則提供詳盡的說(shuō)明文字和指導(dǎo)方向，而非代碼，比如404。
回想起自己對(duì)公眾號(hào)管理系統(tǒng)1.0版本進(jìn)行設(shè)計(jì)時(shí)，由于微信那邊對(duì)第三方平臺(tái)的限制，自定義菜單時(shí)需要用戶跑到微信后臺(tái)去填寫(xiě)配置信息，并且需要提交并啟用配置。步驟相對(duì)較多，并且操作繁瑣（當(dāng)時(shí)有想過(guò)砍掉這個(gè)功能，但由于是客戶提出的必要需求，只能從產(chǎn)品上改進(jìn)）。后來(lái)為了防止用戶忘了在后臺(tái)配置相關(guān)信息而導(dǎo)致在我們系統(tǒng)中的操作無(wú)效，所以我們?cè)趯?duì)應(yīng)的操作中添加了提示，便于用戶可以找到正確的操作指引。
原則十：人性化原則（Help and documentation）
如果系統(tǒng)不使用文檔是最好的，但是有必要提供幫助和文檔。任何信息應(yīng)容易去搜索，專注于用戶的任務(wù)，列出具體的步驟來(lái)進(jìn)行。幫助性提示最好的方式是：1、無(wú)需提示；2、一次性提示；3、常駐提示；4；幫助文檔。
恩，我們當(dāng)然也提供幫助文檔，只是還在編寫(xiě)當(dāng)中。。。。
到這里，十大原則就描述完畢了，總而言之，在做產(chǎn)品設(shè)計(jì)時(shí)把這十大原則引入到產(chǎn)品中，產(chǎn)品的體驗(yàn)會(huì)發(fā)生質(zhì)的飛躍。。。（原諒我用的次數(shù)還很少，說(shuō)的有些夸張）
最起碼開(kāi)發(fā)的時(shí)候技術(shù)大哥們都沒(méi)那么多吐槽了，測(cè)試人員也說(shuō)用的舒服多了。
不得不說(shuō)，尼爾森交互原則，真的要炸了。。。
