7條產(chǎn)品設(shè)計原則:純干貨總結(jié),實用到?jīng)]朋友
一定有很多朋友在和我思考過一個同樣的問題:優(yōu)秀的產(chǎn)品是怎樣定義的?周鴻祎給出答案:第一滿足剛需、痛點、高頻,第二要有良好的用戶體驗。第一點很好理解,我們今天主要來聊聊第二點。
參照產(chǎn)品設(shè)計原則,可避免產(chǎn)品設(shè)計師走彎路,設(shè)計出具有良好用戶體驗的產(chǎn)品。產(chǎn)品設(shè)計原則會隨著社會的進步而更新迭代,以下是我在學(xué)習(xí)和工作中對產(chǎn)品設(shè)計原則的思考總結(jié),希望可以給你帶來參考和啟發(fā)。
一、減少用戶出錯
錯誤對話框是最令人討厭的交互方式,也是很多產(chǎn)品中濫用最多的。錯誤對話框一般不會給用戶指明正確的道路,僅僅在保護程序不陷入麻煩。而且錯誤對話框打斷了用戶的注意流,愚蠢地停止了進度。用戶犯錯誤的時候,不應(yīng)該受到訓(xùn)斥,這個時候,他需要的是幫助和正確的引導(dǎo),那么我們要做的就是幫助用戶避免錯誤,告訴用戶如何把事情做好。
二、易學(xué)性
好的應(yīng)用像極了藍顏知已,能看透你的心,在你需要的時候或者合適的的時間,用合適的方式提供暖心的幫助,指引你披荊斬棘,打怪升級。
幫助界面大概分為兩種,導(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)品主線進行成長和演化。
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)粘I钪刑R?,所以聰明的、體貼的產(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)用正在做什么,進展怎么樣了,接下來的操作會有什么結(jié)果。我們使用應(yīng)用,就像用戶與應(yīng)用的交談,用戶肯定不希望應(yīng)用是冷冰冰,無回應(yīng)的。
反饋可以分為過程反饋和結(jié)果反饋。
1、過程反饋。用戶在操作過程中,界面對操作進行反饋,告訴用戶操作的狀態(tài)變化,用戶可根據(jù)反饋對任務(wù)進行下一步選擇操作,一定要做到輕量,不突兀,細(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)容為王,吧啦吧啦,算了不說了,投稿去了。
作者:高曉月(微信號gao_xiao_yue),五一集團產(chǎn)品總監(jiān),專注產(chǎn)品方向,也兼任打雜,資深段子手。歡迎朋友們多多交流,共同進步。
本文由 @高曉月 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
說到了很多細(xì)節(jié)上的東西,雖然經(jīng)常都看到,可能很多PM都沒想到這一點,沒想到如何做更好,更合適,好文。
易學(xué)性和軟件穩(wěn)定性絕對是兩個提升用戶體驗的重要指標(biāo),作者一針見血的指出的產(chǎn)品設(shè)計的本質(zhì)和用戶體驗的痛點。 可見作者對產(chǎn)品的見解之深。
一致性、友好、便捷、易學(xué)、反饋性,易學(xué)性,內(nèi)容優(yōu)先。
很好的總結(jié)。。。
可以做一個檢查表來對產(chǎn)品進行反省,無論是前期設(shè)計還是后期成型后的反饋。
是,多注意產(chǎn)品設(shè)計、交互設(shè)計原則,可以在很多方面提升用戶體驗
好多干貨,學(xué)習(xí)啦~~
之后也會聚焦產(chǎn)品設(shè)計其他方面,敬請關(guān)注
?? ?? ?? 很好的干貨,么么么噠
像微博里要設(shè)置主題皮膚這個動作 我經(jīng)常按到設(shè)置里面去 還有微信的設(shè)置里 我也經(jīng)常搞不清哪個在哪個里面 更何況我父母那一輩 反復(fù)去點擊、查找某個功能 讓我覺得很厭煩 這算是PM的有意為之還是說分類細(xì)化的問題?
很多產(chǎn)品有考慮到以上7點的某幾點,也有很多產(chǎn)品沒有考慮到。值得借鑒! ??
所以要經(jīng)常對自己的產(chǎn)品進行總結(jié)思考和復(fù)盤
??
好文, 干貨get!!
對于引導(dǎo)這一點,界面中給出小圖標(biāo)+文字說明,點擊相應(yīng)后提示才消失的方式也不錯~ (如 好物HAVE App)
確實也是不錯的體驗