來人人都是產(chǎn)品經(jīng)理【起點學(xué)院】，BAT實戰(zhàn)派產(chǎn)品總監(jiān)手把手系統(tǒng)帶你學(xué)產(chǎn)品、學(xué)運營。
一定有很多朋友在和我思考過一個同樣的問題：優(yōu)秀的產(chǎn)品是怎樣定義的？周鴻祎給出答案：第一滿足剛需、痛點、高頻，第二要有良好的用戶體驗。第一點很好理解，我們今天主要來聊聊第二點。
參照產(chǎn)品設(shè)計原則，可避免產(chǎn)品設(shè)計師走彎路，設(shè)計出具有良好用戶體驗的產(chǎn)品。產(chǎn)品設(shè)計原則會隨著社會的進(jìn)步而更新迭代，以下是我在學(xué)習(xí)和工作中對產(chǎn)品設(shè)計原則的思考總結(jié)，希望可以給你帶來參考和啟發(fā)。
一、減少用戶出錯
錯誤對話框是最令人討厭的交互方式，也是很多產(chǎn)品中濫用最多的。錯誤對話框一般不會給用戶指明正確的道路，僅僅在保護程序不陷入麻煩。而且錯誤對話框打斷了用戶的注意流，愚蠢地停止了進(jìn)度。用戶犯錯誤的時候，不應(yīng)該受到訓(xùn)斥，這個時候，他需要的是幫助和正確的引導(dǎo)，那么我們要做的就是幫助用戶避免錯誤，告訴用戶如何把事情做好。
二、易學(xué)性
好的應(yīng)用像極了藍(lán)顏知已，能看透你的心，在你需要的時候或者合適的的時間，用合適的方式提供暖心的幫助，指引你披荊斬棘，打怪升級。
幫助界面大概分為兩種，導(dǎo)覽教程和覆蓋式教程。
1、導(dǎo)覽教程是通過一組有序的圖片介紹應(yīng)用功能，或者指引用戶完成一個目標(biāo)。
新應(yīng)用或者更新后用戶，為了解決用戶初始問題，絕大部分應(yīng)用采用了幫助引導(dǎo)頁面，然而真的是必要的么？我覺得未必。可能有的產(chǎn)品經(jīng)理也覺得沒必要，但這是種主流，所以還是選擇加上。有的則僅僅為告訴用戶產(chǎn)品是做什么的。其實用戶可能根本沒有那么多耐心去閱讀好幾頁的產(chǎn)品說明，就算有耐心看完，也大多記不準(zhǔn)。所以把引導(dǎo)放到使用情景中，在用戶使用到此功能時展示給用戶，也可把引導(dǎo)收起來，用戶需要幫助時呼出。微習(xí)慣在引導(dǎo)方面，給用戶驚喜。
2、覆蓋式教程是另一種介紹方式，很簡單的透明薄皮，少許箭頭，少許注釋，指出關(guān)鍵重點之處。
此方法不錯，用戶看起來明了易學(xué)。免費日程極簡的箭頭和引導(dǎo)告訴用戶功能及使用。
做好后可以自我檢測思考，用戶學(xué)習(xí)的成本是不是足夠低了？給用戶的學(xué)習(xí)方式是不是最科學(xué)合理的？還有沒有什么地方需要修改？還有沒有更好的方式？用戶學(xué)過一次后還需不需要重復(fù)學(xué)習(xí)？文案確定通俗易懂？
三、美學(xué)一致性、完整性
應(yīng)用的完整性一致性就是外觀和里面不同模塊之間都有相似的外觀、感覺和氣質(zhì)。產(chǎn)品的完整性一致性會讓產(chǎn)品更易學(xué)易用。
1、從應(yīng)用外部看，產(chǎn)品完整性一致性，容易培養(yǎng)用戶圍繞這點形成強烈的品牌意識，傳播產(chǎn)品風(fēng)格就是在傳播品牌，可深入人心。一致不代表僵化，可圍繞產(chǎn)品主線進(jìn)行成長和演化。
2、從應(yīng)用內(nèi)部看，一致的用詞、風(fēng)格、色調(diào)、圖標(biāo)會給用戶建立具有凝聚力的視覺系統(tǒng)，帶來在產(chǎn)品上一致的體驗。
四、輸入方式更簡單
移動端產(chǎn)品的使用場景，公車上，行走中，單手操作等，導(dǎo)致用戶在使用手機時受到很多環(huán)境上的干擾，所以注定會在輸入方式上給用戶造成很多的不便和出錯，為使用戶減少使用手寫或者鍵盤輸入，減少浪費更多的時間和精力，改變移動端的輸入方式就變得尤為關(guān)鍵。
1、減少移動端的文字輸入，輸入時可采用建議或者事件記憶。聰明的應(yīng)用會根據(jù)用戶之前的行為和信息給用戶提出建議，根據(jù)記憶靈活地為用戶當(dāng)前的行為顯示信息，使得用戶在效率和滿意度方面得到大大的提升。
2、為提供用戶完成目標(biāo)的效率，更為了減少用戶出錯，轉(zhuǎn)變輸入方式，改輸入為選擇或手勢方式。
3、使用手機已有的傳感器輸入。輸入文字搜索關(guān)注二維碼，改變成長按識別二維碼，減少輸入麻煩和出錯的問題。
五、為停止做準(zhǔn)備
當(dāng)人們?nèi)硇牡耐度氲交顒訄鼍爸校瑫χ車母蓴_視而不見，這種狀態(tài)被稱為“流”，用戶在這種狀態(tài)下會有輕松的、溫和的快感，處理任務(wù)，完成目標(biāo)也是會非常的，但是很不幸的是，我們使用的手機，使用移動應(yīng)用的場景，就是會因為各種事情而打斷。想象一下，錄下精彩的視頻，發(fā)送時網(wǎng)絡(luò)卡住了，不響應(yīng)了；發(fā)微博發(fā)到一半手機停電了；網(wǎng)購付款時老板的電話來了，這在我們?nèi)粘Ｉ钪刑Ｒ姡月斆鞯摹Ⅲw貼的產(chǎn)品，是隨時為停止做好準(zhǔn)備的。
1、編輯中斷、網(wǎng)絡(luò)中斷時，盡可能地保持之前狀態(tài)，并存儲好用戶數(shù)據(jù)。我們總的原則就是讓用戶付出的勞動不至于付之東流，也減少用戶的重復(fù)操作。例如美拍上傳視頻時網(wǎng)絡(luò)中斷，可幫用戶存到草稿箱，用戶稍后可重新編輯上傳。
2、誤操作或其他原因跳到錯誤頁時，不要讓用戶無路可走，最好給用戶下一步的選擇。產(chǎn)品程序無法使用，那么告訴用戶發(fā)生錯誤的原因是什么，給出用戶選擇，他們還能做點什么，并給出解決方法。百度之前有個很好的體驗，在找不到頁面的時候，展示幫找失聯(lián)兒童的頁面，頁面找不到，可以幫忙找找孩子，很人性化的體驗。
六、做好反饋
反饋是用產(chǎn)品的語言告訴用戶應(yīng)用正在做什么，進(jìn)展怎么樣了，接下來的操作會有什么結(jié)果。我們使用應(yīng)用，就像用戶與應(yīng)用的交談，用戶肯定不希望應(yīng)用是冷冰冰，無回應(yīng)的。
反饋可以分為過程反饋和結(jié)果反饋。
1、過程反饋。用戶在操作過程中，界面對操作進(jìn)行反饋，告訴用戶操作的狀態(tài)變化，用戶可根據(jù)反饋對任務(wù)進(jìn)行下一步選擇操作，一定要做到輕量，不突兀，細(xì)膩地反饋。富視覺非模態(tài)反饋，是用的比較多的一種反饋方式，通常為動態(tài)，視覺上很輕松地顯示反饋，不需要用戶做其他操作。我們看IOS的下載更新，就是這樣。免費日程的發(fā)送邀約等待也是一種富視覺非模態(tài)反饋。
2、結(jié)果反饋。用戶在完成操作后，告訴用戶操作結(jié)果，使得產(chǎn)品看起來很貼心，很有生命力。結(jié)果反饋也避免了用戶因為不確認(rèn)而造成重新操作。連貫的動畫和聲音都可以為用戶提供反饋。舉個刪除的例子，例如mac在刪除成功后，會有收走到垃圾桶的動畫，伴隨著粉碎的聲音，這種標(biāo)志性反饋會給用戶留下獨特的印象。
七、內(nèi)容為先
《移動優(yōu)先》作者Luke，說設(shè)計原則為“內(nèi)容優(yōu)先，之后才是導(dǎo)航”。這句話是什么意思，這是在產(chǎn)品設(shè)計中一個經(jīng)常容易犯的錯誤。如何讓用戶找到內(nèi)容，所以造成了導(dǎo)航優(yōu)先，而忽略了用戶真正關(guān)心的內(nèi)容。在移動設(shè)計中，可能你的產(chǎn)品界面很美觀，圖標(biāo)很精致，動畫很流暢，設(shè)計獨到到令人耳目一新，用戶可能會對此充滿新鮮感，但是新鮮感終究有期限，用戶不會為了這個而去一直使用你的產(chǎn)品，沒有內(nèi)容的產(chǎn)品就像一本只有華麗封面卻沒有內(nèi)容的書，所以用戶內(nèi)容才是最核心的。
1、突出內(nèi)容，使界面內(nèi)容更開闊，使用戶完成目標(biāo)更專注。IOS備忘錄中，采用點聚式導(dǎo)航，用戶需要時才呼出，沒有無關(guān)雜亂的內(nèi)容，給界面一種開闊的感覺。
2、提升屏幕利用率，把焦點放在用戶更注重的內(nèi)容上。對于手機來說，屏幕資源利用率的提升要做到優(yōu)化提升。知乎是以UGC為主的產(chǎn)品，用戶在上劃瀏覽內(nèi)容時搜索消失，當(dāng)用戶需要時向下滑即可顯現(xiàn)。
人人都是產(chǎn)品經(jīng)理也是以UGC為主的產(chǎn)品，正所謂內(nèi)容為王，吧啦吧啦，算了不說了，投稿去了。
