設(shè)計(jì)師內(nèi)功心法修煉記

2 評(píng)論 16447 瀏覽 57 收藏 14 分鐘

對(duì)于如何設(shè)計(jì)一個(gè)好產(chǎn)品,有很多現(xiàn)有的方法論可借鑒,什么菲茨定律、7±2法則、泰勒復(fù)雜守恒定律等,但是當(dāng)我們嘗試去應(yīng)用這些高端的方法時(shí),發(fā)現(xiàn)其對(duì)于設(shè)計(jì)作用并不是很明顯,為什么?因?yàn)闆]有內(nèi)功,沒有內(nèi)功的招式只是花拳繡腿而已,至于內(nèi)功何來?

一.基于記憶碎片解碼的樂趣

通過電影、海報(bào)以及電視傳媒,使我們對(duì)“蝙蝠俠”、“超人”、“蜘蛛俠”以及“鋼鐵俠”再熟悉不過了。設(shè)計(jì)師在使用這些共同經(jīng)歷的記憶碎片時(shí),能夠和用戶心理模型進(jìn)行匹配,形成共鳴體驗(yàn),由此引發(fā)“Fun”and “Pleasure”體驗(yàn)。

1

?圖片來自于UI中國(guó)作者:PY24

對(duì)于80-90這個(gè)年齡段的人們,都有過“拉”電燈的記憶碎片,即“拉”一下,白熾燈亮、再拉一下白熾燈滅。深澤直人對(duì)這一碎片進(jìn)行了提取,并將其應(yīng)用于CD機(jī)的開關(guān)方式中,從而使一個(gè)產(chǎn)品滿足“FUNCTIONAL”之外,增加了很多”EMOTIONAL”的元素。

2

圖片為深澤直人CD機(jī)

為什么我知道當(dāng)前已經(jīng)開啟了“大寫”模式?平時(shí)的“摁”一下,開啟功能,再“摁”一下關(guān)閉功能。搜狗輸入遵循了現(xiàn)實(shí)世界中的行為,從而很快對(duì)產(chǎn)品的狀態(tài)反饋進(jìn)行編碼-解碼。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?3

圖片為搜狗輸入面板

二.基于用戶視感沉浸體驗(yàn)

為什么“游戲”的風(fēng)格都是擬物形態(tài)?因?yàn)閿M物形態(tài)更接近于用戶的“情境模型”,具體而言,擬物形態(tài)通過更多的細(xì)節(jié)仿真為用戶的認(rèn)知編碼提供充足的線索,更容易達(dá)成“沉浸感”。

?4

圖片來自UI中國(guó)作者:H2學(xué)院

? ? 初級(jí)玩家很容易被絢麗畫面吸引,炫酷的特效使初級(jí)用戶很快地沉浸于摧毀的快感、嗜血的殺戮中。

5

圖片為騰訊旗下魔方工作室的火影忍者ol

升級(jí)之后,會(huì)顯現(xiàn)光效、音效甚至角色會(huì)出現(xiàn)狀態(tài)變化,這些細(xì)節(jié)也會(huì)牽動(dòng)玩家的心,在與游戲不斷交互過程中達(dá)成心流體驗(yàn)。

6

圖片為手游花千骨

從簡(jiǎn)單的小怪到最后難度較大的Boss,伴隨著用戶心流張力的逐漸上升,到最后的Boss擊敗,游戲會(huì)反饋一些KO特效,用戶又再次進(jìn)入松弛狀態(tài)。玩過拳王的人對(duì)這種生理變化尤為共鳴:Battle開始時(shí),會(huì)傾向于一些固定鍵(腳踹、拳擊),等血量耗到一半時(shí),開始緊張了,瞬間感覺10個(gè)手指都不夠用,恨不得雙腳也加入,拼命地錘機(jī)器,這時(shí)突然錘出一個(gè)大招,生理張力二次飆升,再錘…直到對(duì)方被擊敗,“KO”!那一句KO將用戶緊張的情緒再次推置高潮,然后再次進(jìn)入松弛狀態(tài)直至釋然——清風(fēng)徐來,水波不興。

7

圖片為拳王97

三.基于思考策略的帶入感

除了畫面特效之外,中高級(jí)玩家更多的受到游戲策略的影響。如下圖所示,哪個(gè)角色該放在哪個(gè)站位涉及到了團(tuán)隊(duì)?wèi)?zhàn)斗力的策略性思考——怎樣實(shí)現(xiàn)團(tuán)隊(duì)?wèi)?zhàn)斗力的最優(yōu)化,在思考布局的過程中,用戶早已陷入游戲的世界觀里了。

8

圖片為網(wǎng)易旗下的手游系列之夢(mèng)幻西游

同樣玩家也可以通過對(duì)方的陣法反推對(duì)方的角色類型,從而確定我放的攻擊策略以及團(tuán)隊(duì)配合策略,整個(gè)Battle過程中用戶完全沉浸于游戲策略性思考中。

9

圖片為筆者自繪的策略站位圖

四.來源于指涉物的靈感

對(duì)于一個(gè)“香蕉”口味的飲料,我們正常的認(rèn)知過程是:

  1. 看到飲料標(biāo)識(shí)(香蕉口味)——喝一口——的確有點(diǎn)香蕉味(呵呵噠);
  2. 看到香蕉口味標(biāo)識(shí)——發(fā)生巴普洛夫效應(yīng)認(rèn)知過程1的問題在于,用戶看到飲料標(biāo)識(shí)后,能否有喝一口的“INTENTION”。

認(rèn)知過程2恰恰彌補(bǔ)了1的不足,通過巴普洛夫條件反射激起用戶喝一口的“INTENTION”,深澤直人設(shè)計(jì)的香蕉飲料包裝盒強(qiáng)化了過程2,從而促進(jìn)產(chǎn)品本身的閉環(huán)效應(yīng)體驗(yàn),這也是其魅力所在。

10

圖片深澤直人設(shè)計(jì)的飲料包裝盒

辦公桌上通常會(huì)有“電腦”、“資料書籍”、“茶杯”甚至是“剃須刀”,它們的組合滿足了用戶日常辦公的所有需求,比如電腦處理文檔(核心)、資料書籍輔助日常決策(周邊)、茶杯為你辦公提供了可持續(xù)能量補(bǔ)給的媒介(外圍)。

Facebook作為“社交網(wǎng)絡(luò)帝國(guó)”,在圍繞“社交”也進(jìn)行了類似于桌面式的布局。Timeline-電腦(核心),通過所占面積、中心位置以及動(dòng)態(tài)Time流強(qiáng)化其“核心”的地位;左導(dǎo)航-資料書籍(周邊);右切片-茶杯(外圍)。

11

由傳統(tǒng)紙媒到互聯(lián)網(wǎng)時(shí)代的新興傳媒,我們看到設(shè)計(jì)師跨平臺(tái)的思考。ZARKER遵循傳統(tǒng)紙媒的版式布局,與此同時(shí)還發(fā)揮了PAD無線延展的優(yōu)勢(shì)。這種來自現(xiàn)實(shí)世界的模擬還帶了一個(gè)“Halo-Effect”,即分頁加載需要,為達(dá)成流暢體驗(yàn)提供基礎(chǔ)。

12

圖片為Zarke新聞客戶端

五.聰明的設(shè)計(jì)遵循固有的認(rèn)知模式

5.1從凱尼撒三角形到小米商城

刺激物的形狀、大小、顏色、強(qiáng)度等物理屬性方面比較相似時(shí),這些刺激物就容易被用戶組織起來而構(gòu)成一個(gè)整體。設(shè)計(jì)中通過相似性和秩序性的元素牽引用戶的視覺,使用戶意識(shí)到單獨(dú)模塊內(nèi)容之間是關(guān)聯(lián)的。

422826

小米商城就運(yùn)用色彩和形狀的相似性、順序標(biāo)識(shí)引導(dǎo),當(dāng)用戶處在購買詳情頁時(shí),就能馬上意識(shí)到這4塊內(nèi)容是相關(guān)聯(lián)的,都是為了選擇機(jī)型所做的操作。

13

5.2從淮揚(yáng)潔秋圖到Opera Coast

積極的選擇是視覺的基本特征。然而當(dāng)圖的輪廓出現(xiàn)不完整、未封閉、形狀不規(guī)則、面積較大等圖底關(guān)系不明確的情況下,就容易出現(xiàn)錯(cuò)覺中的“兩難圖形”,整個(gè)界面很難Don’t make me think。中國(guó)的傳統(tǒng)國(guó)畫在這方面做的很棒,國(guó)畫中的白色為底,可以是湖水、可以是遠(yuǎn)山、可以是天際,可以是云海。這些元素具備了“底”的特質(zhì):“不完整”、“未封閉”、“形狀不規(guī)則”、“面積較大”等。留白在被賦予各種各樣的意義同時(shí),在不影響“底”的表達(dá)情況下,增加了畫面的意境。

14

Opera Coast在構(gòu)圖上巧妙的遵循了“圖”與“底”法則,與國(guó)畫類似,開放式的“底”(冷峻磅礴的高樓)在被賦予“情懷”體驗(yàn)的同時(shí),保證了聚焦式“圖”(網(wǎng)站導(dǎo)航)的信息的準(zhǔn)確傳遞,與此同時(shí)還彰顯了產(chǎn)品獨(dú)特的氣質(zhì)(品質(zhì)、典雅)。

15

5.3從IBM圖到天氣應(yīng)用

如果一個(gè)圖形的某些部分可以被看作是連接在一起的,那么這些部分就相對(duì)容易被我們知覺為一個(gè)整體。

16

界面設(shè)計(jì)中連續(xù)性主要體現(xiàn)為減少冗余的步驟和干擾項(xiàng),避免用戶的注意力轉(zhuǎn)移。

這方面蘋果天氣做的很好,一個(gè)天氣界面需要承載很多信息元素,為了避免用戶看了這個(gè)忘了那個(gè),保持信息傳遞的連續(xù)性,界面首先運(yùn)用了“圖底關(guān)系”,以開放式的天氣狀態(tài)動(dòng)畫作為底,烘托產(chǎn)品氛圍,現(xiàn)在是晴天,再往下瀏覽詳細(xì)信息時(shí),界面又運(yùn)用了“標(biāo)題欄式浮層交互”保留上一模塊中的重要信息,保證了信息接收的連續(xù)性。

17

六.人性遠(yuǎn)比邏輯重要

寫錯(cuò)了一句話,最簡(jiǎn)單粗暴的方式就是用筆劃掉它,而非進(jìn)入編輯模式,找到刪除命令控件,再一一勾選要?jiǎng)h除的項(xiàng)目。遵循現(xiàn)實(shí)世界這種最簡(jiǎn)單粗暴的自然方式,而非看似很順暢的程序性思維,做到產(chǎn)品真正的簡(jiǎn)單可依賴。

IMG_0042

器物是死的,是一種單向Communication,即產(chǎn)品通過自身的語義和符號(hào)向用戶傳達(dá)一種信息,但是產(chǎn)品本身無法接受人的信息。而信息交互式產(chǎn)品是一種雙向過程,通過模擬現(xiàn)實(shí)生活中的交流情境(儂very幸運(yùn)啦,go on),達(dá)成前所未有的互動(dòng)感、親切感。

19

七.寫在最后

對(duì)于如何設(shè)計(jì)一個(gè)好產(chǎn)品,有很多現(xiàn)有的方法論可借鑒,什么菲茨定律、7±2法則、泰勒復(fù)雜守恒定律等,但是當(dāng)我們嘗試去應(yīng)用這些高端的方法時(shí),發(fā)現(xiàn)其對(duì)于設(shè)計(jì)作用并不是很明顯,為什么?因?yàn)闆]有內(nèi)功,沒有內(nèi)功的招式只是花拳繡腿而已,至于內(nèi)功何來??jī)?nèi)功源于對(duì)設(shè)計(jì)的熱愛,而非功利心和分辨心(那樣我會(huì)覺得在侮辱“設(shè)計(jì)”)。生活中處處充滿修煉內(nèi)功的節(jié)點(diǎn),帶著這份熱愛將這些節(jié)點(diǎn)進(jìn)行內(nèi)化,再結(jié)合方法論秘笈總有一天你一定會(huì)成為一位了不起的設(shè)計(jì)師!這也是這篇文章期待的一個(gè)拋磚引玉的效果。

 

本文由人人都是產(chǎn)品經(jīng)理專欄作家 @UE小牛犢(微信公眾號(hào):UE小牛犢) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 看到第四項(xiàng)介紹例子,實(shí)在沒忍住先來評(píng)價(jià),把人家的產(chǎn)品名稱都寫錯(cuò)了,寫了兩次,兩次都錯(cuò)了,人家APP叫 “ZAKER“。這么低級(jí)的錯(cuò)誤真真讓人無語。 ? ? ? ?

    來自北京 回復(fù)
    1. 下次注意,謝謝指出

      來自江蘇 回復(fù)