用好這些可用性原則肴楷,你就能簡(jiǎn)單做好交互設(shè)計(jì)!

做產(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)是‘走心’的几莽!”

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末迅办,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子章蚣,更是在濱河造成了極大的恐慌站欺,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,640評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異矾策,居然都是意外死亡磷账,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,254評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門贾虽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)逃糟,“玉大人,你說(shuō)我怎么就攤上這事蓬豁〈卵剩” “怎么了?”我有些...
    開封第一講書人閱讀 165,011評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵庆尘,是天一觀的道長(zhǎng)剃诅。 經(jīng)常有香客問(wèn)我,道長(zhǎng)驶忌,這世上最難降的妖魔是什么矛辕? 我笑而不...
    開封第一講書人閱讀 58,755評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮付魔,結(jié)果婚禮上聊品,老公的妹妹穿的比我還像新娘。我一直安慰自己几苍,他們只是感情好翻屈,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,774評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著妻坝,像睡著了一般伸眶。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上刽宪,一...
    開封第一講書人閱讀 51,610評(píng)論 1 305
  • 那天厘贼,我揣著相機(jī)與錄音,去河邊找鬼圣拄。 笑死嘴秸,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的庇谆。 我是一名探鬼主播岳掐,決...
    沈念sama閱讀 40,352評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼饭耳!你這毒婦竟也來(lái)了串述?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,257評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤哥攘,失蹤者是張志新(化名)和其女友劉穎剖煌,沒(méi)想到半個(gè)月后材鹦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體逝淹,經(jīng)...
    沈念sama閱讀 45,717評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡耕姊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,894評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了栅葡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片茉兰。...
    茶點(diǎn)故事閱讀 40,021評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖欣簇,靈堂內(nèi)的尸體忽然破棺而出规脸,到底是詐尸還是另有隱情,我是刑警寧澤熊咽,帶...
    沈念sama閱讀 35,735評(píng)論 5 346
  • 正文 年R本政府宣布莫鸭,位于F島的核電站,受9級(jí)特大地震影響横殴,放射性物質(zhì)發(fā)生泄漏被因。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,354評(píng)論 3 330
  • 文/蒙蒙 一衫仑、第九天 我趴在偏房一處隱蔽的房頂上張望梨与。 院中可真熱鬧,春花似錦文狱、人聲如沸粥鞋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,936評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)呻粹。三九已至,卻和暖如春苏研,著一層夾襖步出監(jiān)牢的瞬間等浊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,054評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工楣富, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留凿掂,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,224評(píng)論 3 371
  • 正文 我出身青樓纹蝴,卻偏偏與公主長(zhǎng)得像庄萎,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子塘安,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,974評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 目錄導(dǎo)讀 1.交互設(shè)計(jì)概念 2.交互設(shè)計(jì)輸出物 3.交互設(shè)計(jì)相關(guān)理論 4.交互設(shè)計(jì)流程及方法 5.交互設(shè)計(jì)常見(jiàn)案例...
    紀(jì)同學(xué)說(shuō)閱讀 7,414評(píng)論 2 133
  • 最近做的工作內(nèi)容就是總結(jié)分析常見(jiàn)常用的交互原則糠涛。在閱讀整理的基礎(chǔ)上,我將目前常見(jiàn)常用的交互法則總結(jié)如下兼犯。本文整體結(jié)...
    壹玖貳貳閱讀 2,412評(píng)論 1 18
  • 每天進(jìn)步一點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)~~從開始只能寫幾句話忍捡、模仿別人的觀點(diǎn)集漾,到現(xiàn)...
    一個(gè)帥氣的名字呀閱讀 18,102評(píng)論 4 31
  • 今天學(xué)習(xí)到了壓力與自控力的關(guān)系,讓進(jìn)一步了解認(rèn)識(shí)了自己砸脊。記得在讀書的時(shí)候具篇,尤其是初中高中階段,自己一直屬于那種...
    Sunflower_30a0閱讀 332評(píng)論 1 1
  • 材料: 雞腿肉(簡(jiǎn)稱雞扒) 3塊洋蔥 0.5-1個(gè)黃色凌埂、紅色燈籠椒 各1個(gè)黑豆 適量玉米粒 適量西紅柿 1個(gè)香菜...
    向xiao葵閱讀 670評(píng)論 2 3