做產(chǎn)品經(jīng)理不懂交互設(shè)計(jì)荠呐,那就是寸步難行赛蔫。“交互原則多泥张,體驗(yàn)出彩少”呵恢,既然要做好產(chǎn)品體驗(yàn),那么吃透基本的交互設(shè)計(jì)原則媚创,就是必須且必然的事兒瑰剃。今天給大家挖了很多可靠的栗子,直接給你提供干貨筝野,拿走不謝晌姚。
1、系統(tǒng)狀態(tài)可見(jiàn)性 (Visibility of system status)
幫你理解:系統(tǒng)應(yīng)該總是在合理的時(shí)間內(nèi)歇竟,通過(guò)適當(dāng)?shù)姆答佔(zhàn)層脩袅私庹诎l(fā)生什么挥唠。
幫你總結(jié):提高產(chǎn)品狀態(tài)的可視化程度,從而提高用戶對(duì)自己在使用系統(tǒng)過(guò)程的情況的透明度焕议。
2宝磨、系統(tǒng)與現(xiàn)實(shí)世界的匹配性( Match between system and the real world)
幫你理解:系統(tǒng)應(yīng)該講用戶的語(yǔ)言,用單詞盅安,短語(yǔ)和概念讓用戶感覺(jué)到熟悉唤锉,而不是用面向系統(tǒng)的術(shù)語(yǔ)來(lái)面對(duì)用戶。同時(shí)按照現(xiàn)實(shí)世界的慣例别瞭,讓信息出現(xiàn)在自然和邏輯順序中窿祥。
幫你總結(jié):
從用戶的角度出發(fā),推薦Banner內(nèi)容蝙寨,用戶可以花更好的時(shí)間明了這些滑動(dòng)的Banner是“可能適合我的”課程晒衩。我們可以在產(chǎn)品的細(xì)節(jié)處繼續(xù)使用user’s language來(lái)提高用戶的UE。
根據(jù)用戶的日常行為墙歪,判斷用戶的偏好听系,做個(gè)性推薦也是這個(gè)原則的案例之一,這類案例用得最多的是在購(gòu)物類虹菲、音樂(lè)類靠胜、閱讀類應(yīng)用。
用戶產(chǎn)品的名字代替“首頁(yè)”類的形容詞,解決從用戶角度體現(xiàn)內(nèi)容和意圖的問(wèn)題浪漠,在細(xì)節(jié)處使用user’s language來(lái)提高用戶的體驗(yàn)感菠赚。
3、增加用戶操作感和自由度 (User control and freedom)
幫你理解:用戶往往會(huì)不經(jīng)意選擇錯(cuò)誤的系統(tǒng)功能郑藏,那么產(chǎn)品設(shè)計(jì)就需要一個(gè)明確標(biāo)明“緊急出口”的狀態(tài)或者功能規(guī)避不必要的操作衡查,譬如:支持撤銷和重做。
幫你總結(jié):從用戶體驗(yàn)的角度來(lái)看必盖,自動(dòng)切換的信息在“播放”時(shí)需要放慢速度拌牲,通過(guò)內(nèi)容本身或者配色去調(diào)亮引導(dǎo)dots,可以增加用戶的操作感歌粥。另外塌忽,對(duì)用戶可能出現(xiàn)反悔操作的功能,應(yīng)該提供撤銷和重做的入口失驶,讓用戶能更加自如的使用你的產(chǎn)品土居。
4、一致性及標(biāo)準(zhǔn)化 (Consistency and standards)
幫你理解:在一個(gè)系統(tǒng)或者應(yīng)用中嬉探,用戶不應(yīng)該想知道不同的單詞擦耀,或者理解同一個(gè)功能的被展示出不同情況的原因。對(duì)于一致性涩堤,淺顯易懂眷蜓,現(xiàn)在普遍都用的很好,那么對(duì)于標(biāo)準(zhǔn)化胎围,很多網(wǎng)站或者app吁系,特別是新的產(chǎn)品,開始通過(guò)衍生自己的LOGO白魂、品牌汽纤,充分洗腦用戶,強(qiáng)化用戶對(duì)自己產(chǎn)品的記憶點(diǎn)福荸。甚至可以根據(jù)自己的產(chǎn)品定位蕴坪,創(chuàng)新一類icon等,通過(guò)圖形的表達(dá)讓用戶更加對(duì)你的產(chǎn)品記憶深刻逞姿。推薦一款個(gè)人非常喜歡的App:“想去”辞嗡,它的設(shè)計(jì)就從App的icon到內(nèi)飾都一氣呵成,甚至連loading都是驚喜設(shè)計(jì)的滞造,讓人用著非常舒服。
幫你總結(jié):適當(dāng)?shù)慕o自己的產(chǎn)品擬定標(biāo)準(zhǔn)化的記憶庫(kù)栋烤,不但讓用戶體驗(yàn)?zāi)愕漠a(chǎn)品時(shí)谒养,覺(jué)得走心,也會(huì)讓用戶在不經(jīng)意間把你的產(chǎn)品記得牢牢的。
5买窟、預(yù)防錯(cuò)誤(Error prevention)
幫你理解:在首次使用系統(tǒng)或者產(chǎn)品的時(shí)候丰泊,巧妙的設(shè)計(jì)比好的錯(cuò)誤提示更加能彌補(bǔ)不足。最好能在用戶進(jìn)行下一步之前始绍,避免掉低級(jí)的錯(cuò)誤瞳购,讓用戶的使用過(guò)程是舒服順暢的。
幫你總結(jié):在可能出現(xiàn)錯(cuò)誤亏推、空白的情況之前学赛,利用加載的可視化、再加上比較nice的動(dòng)效吞杭、提示會(huì)讓用戶減輕失敗帶來(lái)的不爽盏浇。
6、美與簡(jiǎn)單的設(shè)計(jì)(Aesthetic and minimalist design)
幫你理解:設(shè)計(jì)不應(yīng)該包含不相關(guān)或不常用的信息芽狗。重點(diǎn)的內(nèi)容和核心的元素應(yīng)該與其他的信息形成鮮明的區(qū)別绢掰。譬如在配色上,可以選擇1個(gè)主色童擎,2個(gè)以內(nèi)的輔色滴劲,構(gòu)成整個(gè)設(shè)計(jì)的骨骼,用主色告知用戶目的與指示顾复。
幫你總結(jié):
增加美感的同時(shí)也需要最小化設(shè)計(jì)元素哑芹,做減法。
以上6條可用性原則捕透,是小M做產(chǎn)品過(guò)程中能無(wú)時(shí)無(wú)刻不記起的聪姿。每一次小細(xì)節(jié)的打磨都是一次回溯基本原理及原則的好機(jī)會(huì),是否靈活運(yùn)用并爛熟于心乙嘀,這是需要所有產(chǎn)品人er用心去感受的末购。加上小M前不久寫過(guò)的在做交互設(shè)計(jì)時(shí),你需要知道這幾大定律虎谢。希望能給你足夠的基本方法去做好自己的產(chǎn)品盟榴。
最后送給所有產(chǎn)品人er一句裝逼的話:“形式是跟隨功能的,功能是滿足用戶需求的婴噩。尊重你的用戶擎场,讓每個(gè)產(chǎn)品的細(xì)節(jié)都是合情合理的,讓每一寸體驗(yàn)是‘走心’的几莽!”