來人人都是產(chǎn)品經(jīng)理【起點(diǎn)學(xué)院】，BAT實(shí)戰(zhàn)派產(chǎn)品總監(jiān)手把手系統(tǒng)帶你學(xué)產(chǎn)品、學(xué)運(yùn)營。

一定有很多朋友在和我思考過一個(gè)同樣的問題：優(yōu)秀的產(chǎn)品是怎樣定義的？周鴻祎給出答案：第一滿足剛需、痛點(diǎn)、高頻，第二要有良好的用戶體驗(yàn)。第一點(diǎn)很好理解，我們今天主要來聊聊第二點(diǎn)。

參照產(chǎn)品設(shè)計(jì)原則，可避免產(chǎn)品設(shè)計(jì)師走彎路，設(shè)計(jì)出具有良好用戶體驗(yàn)的產(chǎn)品。產(chǎn)品設(shè)計(jì)原則會(huì)隨著社會(huì)的進(jìn)步而更新迭代，以下是我在學(xué)習(xí)和工作中對產(chǎn)品設(shè)計(jì)原則的思考總結(jié)，希望可以給你帶來參考和啟發(fā)。

一、減少用戶出錯(cuò)

錯(cuò)誤對話框是最令人討厭的交互方式，也是很多產(chǎn)品中濫用最多的。錯(cuò)誤對話框一般不會(huì)給用戶指明正確的道路，僅僅在保護(hù)程序不陷入麻煩。而且錯(cuò)誤對話框打斷了用戶的注意流，愚蠢地停止了進(jìn)度。用戶犯錯(cuò)誤的時(shí)候，不應(yīng)該受到訓(xùn)斥，這個(gè)時(shí)候，他需要的是幫助和正確的引導(dǎo)，那么我們要做的就是幫助用戶避免錯(cuò)誤，告訴用戶如何把事情做好。

二、易學(xué)性

好的應(yīng)用像極了藍(lán)顏知已，能看透你的心，在你需要的時(shí)候或者合適的的時(shí)間，用合適的方式提供暖心的幫助，指引你披荊斬棘，打怪升級。

幫助界面大概分為兩種，導(dǎo)覽教程和覆蓋式教程。

1、導(dǎo)覽教程是通過一組有序的圖片介紹應(yīng)用功能，或者指引用戶完成一個(gè)目標(biāo)。

新應(yīng)用或者更新后用戶，為了解決用戶初始問題，絕大部分應(yīng)用采用了幫助引導(dǎo)頁面，然而真的是必要的么？我覺得未必?？赡苡械漠a(chǎn)品經(jīng)理也覺得沒必要，但這是種主流，所以還是選擇加上。有的則僅僅為告訴用戶產(chǎn)品是做什么的。其實(shí)用戶可能根本沒有那么多耐心去閱讀好幾頁的產(chǎn)品說明，就算有耐心看完，也大多記不準(zhǔn)。所以把引導(dǎo)放到使用情景中，在用戶使用到此功能時(shí)展示給用戶，也可把引導(dǎo)收起來，用戶需要幫助時(shí)呼出。微習(xí)慣在引導(dǎo)方面，給用戶驚喜。

2、覆蓋式教程是另一種介紹方式，很簡單的透明薄皮，少許箭頭，少許注釋，指出關(guān)鍵重點(diǎn)之處。

此方法不錯(cuò)，用戶看起來明了易學(xué)。免費(fèi)日程極簡的箭頭和引導(dǎo)告訴用戶功能及使用。

做好后可以自我檢測思考，用戶學(xué)習(xí)的成本是不是足夠低了？給用戶的學(xué)習(xí)方式是不是最科學(xué)合理的？還有沒有什么地方需要修改？還有沒有更好的方式？用戶學(xué)過一次后還需不需要重復(fù)學(xué)習(xí)？文案確定通俗易懂？

三、美學(xué)一致性、完整性

應(yīng)用的完整性一致性就是外觀和里面不同模塊之間都有相似的外觀、感覺和氣質(zhì)。產(chǎn)品的完整性一致性會(huì)讓產(chǎn)品更易學(xué)易用。

1、從應(yīng)用外部看，產(chǎn)品完整性一致性，容易培養(yǎng)用戶圍繞這點(diǎn)形成強(qiáng)烈的品牌意識，傳播產(chǎn)品風(fēng)格就是在傳播品牌，可深入人心。一致不代表僵化，可圍繞產(chǎn)品主線進(jìn)行成長和演化。

2、從應(yīng)用內(nèi)部看，一致的用詞、風(fēng)格、色調(diào)、圖標(biāo)會(huì)給用戶建立具有凝聚力的視覺系統(tǒng)，帶來在產(chǎn)品上一致的體驗(yàn)。

四、輸入方式更簡單

移動(dòng)端產(chǎn)品的使用場景，公車上，行走中，單手操作等，導(dǎo)致用戶在使用手機(jī)時(shí)受到很多環(huán)境上的干擾，所以注定會(huì)在輸入方式上給用戶造成很多的不便和出錯(cuò)，為使用戶減少使用手寫或者鍵盤輸入，減少浪費(fèi)更多的時(shí)間和精力，改變移動(dòng)端的輸入方式就變得尤為關(guān)鍵。

1、減少移動(dòng)端的文字輸入，輸入時(shí)可采用建議或者事件記憶。聰明的應(yīng)用會(huì)根據(jù)用戶之前的行為和信息給用戶提出建議，根據(jù)記憶靈活地為用戶當(dāng)前的行為顯示信息，使得用戶在效率和滿意度方面得到大大的提升。

2、為提供用戶完成目標(biāo)的效率，更為了減少用戶出錯(cuò)，轉(zhuǎn)變輸入方式，改輸入為選擇或手勢方式。

3、使用手機(jī)已有的傳感器輸入。輸入文字搜索關(guān)注二維碼，改變成長按識別二維碼，減少輸入麻煩和出錯(cuò)的問題。

五、為停止做準(zhǔn)備

當(dāng)人們?nèi)硇牡耐度氲交顒?dòng)場景中，會(huì)對周圍的干擾視而不見，這種狀態(tài)被稱為“流”，用戶在這種狀態(tài)下會(huì)有輕松的、溫和的快感，處理任務(wù)，完成目標(biāo)也是會(huì)非常的，但是很不幸的是，我們使用的手機(jī)，使用移動(dòng)應(yīng)用的場景，就是會(huì)因?yàn)楦鞣N事情而打斷。想象一下，錄下精彩的視頻，發(fā)送時(shí)網(wǎng)絡(luò)卡住了，不響應(yīng)了；發(fā)微博發(fā)到一半手機(jī)停電了；網(wǎng)購付款時(shí)老板的電話來了，這在我們?nèi)粘Ｉ钪刑Ｒ姡月斆鞯?、體貼的產(chǎn)品，是隨時(shí)為停止做好準(zhǔn)備的。

1、編輯中斷、網(wǎng)絡(luò)中斷時(shí)，盡可能地保持之前狀態(tài)，并存儲(chǔ)好用戶數(shù)據(jù)。我們總的原則就是讓用戶付出的勞動(dòng)不至于付之東流，也減少用戶的重復(fù)操作。例如美拍上傳視頻時(shí)網(wǎng)絡(luò)中斷，可幫用戶存到草稿箱，用戶稍后可重新編輯上傳。

2、誤操作或其他原因跳到錯(cuò)誤頁時(shí)，不要讓用戶無路可走，最好給用戶下一步的選擇。產(chǎn)品程序無法使用，那么告訴用戶發(fā)生錯(cuò)誤的原因是什么，給出用戶選擇，他們還能做點(diǎn)什么，并給出解決方法。百度之前有個(gè)很好的體驗(yàn)，在找不到頁面的時(shí)候，展示幫找失聯(lián)兒童的頁面，頁面找不到，可以幫忙找找孩子，很人性化的體驗(yàn)。

六、做好反饋

反饋是用產(chǎn)品的語言告訴用戶應(yīng)用正在做什么，進(jìn)展怎么樣了，接下來的操作會(huì)有什么結(jié)果。我們使用應(yīng)用，就像用戶與應(yīng)用的交談，用戶肯定不希望應(yīng)用是冷冰冰，無回應(yīng)的。

反饋可以分為過程反饋和結(jié)果反饋。

1、過程反饋。用戶在操作過程中，界面對操作進(jìn)行反饋，告訴用戶操作的狀態(tài)變化，用戶可根據(jù)反饋對任務(wù)進(jìn)行下一步選擇操作，一定要做到輕量，不突兀，細(xì)膩地反饋。富視覺非模態(tài)反饋，是用的比較多的一種反饋方式，通常為動(dòng)態(tài)，視覺上很輕松地顯示反饋，不需要用戶做其他操作。我們看IOS的下載更新，就是這樣。免費(fèi)日程的發(fā)送邀約等待也是一種富視覺非模態(tài)反饋。

2、結(jié)果反饋。用戶在完成操作后，告訴用戶操作結(jié)果，使得產(chǎn)品看起來很貼心，很有生命力。結(jié)果反饋也避免了用戶因?yàn)椴淮_認(rèn)而造成重新操作。連貫的動(dòng)畫和聲音都可以為用戶提供反饋。舉個(gè)刪除的例子，例如mac在刪除成功后，會(huì)有收走到垃圾桶的動(dòng)畫，伴隨著粉碎的聲音，這種標(biāo)志性反饋會(huì)給用戶留下獨(dú)特的印象。

七、內(nèi)容為先

《移動(dòng)優(yōu)先》作者Luke，說設(shè)計(jì)原則為“內(nèi)容優(yōu)先，之后才是導(dǎo)航”。這句話是什么意思，這是在產(chǎn)品設(shè)計(jì)中一個(gè)經(jīng)常容易犯的錯(cuò)誤。如何讓用戶找到內(nèi)容，所以造成了導(dǎo)航優(yōu)先，而忽略了用戶真正關(guān)心的內(nèi)容。在移動(dòng)設(shè)計(jì)中，可能你的產(chǎn)品界面很美觀，圖標(biāo)很精致，動(dòng)畫很流暢，設(shè)計(jì)獨(dú)到到令人耳目一新，用戶可能會(huì)對此充滿新鮮感，但是新鮮感終究有期限，用戶不會(huì)為了這個(gè)而去一直使用你的產(chǎn)品，沒有內(nèi)容的產(chǎn)品就像一本只有華麗封面卻沒有內(nèi)容的書，所以用戶內(nèi)容才是最核心的。

1、突出內(nèi)容，使界面內(nèi)容更開闊，使用戶完成目標(biāo)更專注。IOS備忘錄中，采用點(diǎn)聚式導(dǎo)航，用戶需要時(shí)才呼出，沒有無關(guān)雜亂的內(nèi)容，給界面一種開闊的感覺。

2、提升屏幕利用率，把焦點(diǎn)放在用戶更注重的內(nèi)容上。對于手機(jī)來說，屏幕資源利用率的提升要做到優(yōu)化提升。知乎是以UGC為主的產(chǎn)品，用戶在上劃瀏覽內(nèi)容時(shí)搜索消失，當(dāng)用戶需要時(shí)向下滑即可顯現(xiàn)。

人人都是產(chǎn)品經(jīng)理也是以UGC為主的產(chǎn)品，正所謂內(nèi)容為王，吧啦吧啦，算了不說了，投稿去了。