網(wǎng)易uedc:情緒板攜手視覺設(shè)計

2 評論 8375 瀏覽 24 收藏 7 分鐘

一.視覺設(shè)計的現(xiàn)實困境

互聯(lián)網(wǎng)產(chǎn)品的視覺設(shè)計存在著很多不確定性,譬如:

你按照“典雅”去設(shè)計的,他卻覺得是“清新”?——評判的主觀性&看到圖畫才明白

有時不喜歡某些設(shè)計作品,卻無法立即說出原因——潛意識

開始要求一種風(fēng)格,很快變卦要求改成另一種風(fēng)格——不了解用戶

如果“以用戶為中心的設(shè)計”不是一個噱頭的話,我們可以試試讓“用戶”來給視覺設(shè)計一個方向。

 

2312164F1-1

雖然傳統(tǒng)用戶研究方法對于“了解用戶”有些幫助,但似乎對“直接指導(dǎo)視覺設(shè)計”無能為力。

有沒有一種用戶研究方法可以同時解決視覺設(shè)計中的“評判主觀性”、“看到實際作品才明白”、“說不出潛意識感受”的問題,進而“直接指導(dǎo)視覺設(shè)計”?

二.情緒板方法的理論基礎(chǔ)

情緒板是一種借助于圖像,啟發(fā)和探索用戶的體驗,然后再作用于視覺設(shè)計的研究方法。 可以調(diào)查并形成具有指導(dǎo)意義的“風(fēng)格感受”和“設(shè)計元素”。

情緒板的核心原理是依靠“圖像”,溝通產(chǎn)品與用戶、用戶的潛意識與意識、用戶的感性(情緒)與理性,其神經(jīng)心理學(xué)基礎(chǔ)為:

  • 大部分溝通為非語言的
  • 思考是通過影像產(chǎn)生的
  • 感官影像為重要隱喻,而這些影像大多是視覺的
  • 思考中的深層結(jié)構(gòu)是可觸及的
  • 體驗是理性與感性(情緒)的混合

三.情緒板方法的操作過程

完整過程總覽:

2312163Z9-2

獲得關(guān)鍵詞:

2312163531-3

圖片素材的收集:

23121A610-4

邀請用戶來參與創(chuàng)建情緒板:

23121A411-5

四.情緒板用于視覺設(shè)計的實踐

前文第三部分已經(jīng)詳細描述了從準備到參與創(chuàng)建情緒板的過程,此部分不再贅述這個過程;重點闡述如何分析、利用情緒板的結(jié)果,并與視覺設(shè)計很好地結(jié)合起來(就目前實際工作中的體會而言,此部分可能比前期情緒板的制作過程更有強調(diào)的必要)。

在APP Store 隨意選擇一款手機應(yīng)用《老偏方》,用作實踐。

23121641P-6

對《老偏方》采用情緒板的用戶研究方法(具體過程略去)。情緒板結(jié)果如下:

23121C491-7

情緒板結(jié)果分析、及提取視覺元素:

23121A4R-8

23121A914-9

2312163141-10

設(shè)計過程:

背景

2312162Y8-11

2312164392-12

導(dǎo)航

23121Aa4-13

2312162220-14

點擊導(dǎo)航

23121AM5-15

最終成果(對比)

2312164064-16

23121A5X-17

總結(jié):

工作中有兩種認知加工模式:

  • 自上而下的加工,是指人在認知活動時運用個體已有的知識和概念去加工當(dāng)前的信息的過程。
  • 自下而上的加工,也叫數(shù)據(jù)驅(qū)動材料刺激驅(qū)動加工,它強調(diào)了刺激物本身在模式識別中的重要性。

2312162137-18

平時我們視覺設(shè)計工作中可能采用得更多的是偏自下而上的加工方式,而若能很充分仔細地分析情緒板的結(jié)果、并發(fā)揮主觀能動性充分利用,則能幫助我們鍛煉自上而下的加工方式(并且這種主觀能動性的發(fā)揮還有正確大方向的保障)。兩種認知加工方式的反復(fù)輪替訓(xùn)練和結(jié)合使用則有助于我們提升設(shè)計的思維水平。

感謝趙設(shè)計師,后半部分《老偏方》的視覺設(shè)計的示范由她完成。

來源:網(wǎng)易UEDC

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 收藏下來,學(xué)習(xí)學(xué)習(xí) ??

    來自上海 回復(fù)
  2. 厲害哦

    來自湖北 回復(fù)