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