情緒板攜手視覺設計

類別: 互聯網

一.視覺設計的現實困境

網際網路產品的視覺設計存在著很多不確定性,譬如:

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

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

開始要求一種風格,很快變卦要求改成另一種風格——不瞭解使用者

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

雖然傳統使用者研究方法對於“瞭解使用者”有些幫助,但似乎對“直接指導視覺設計”無能為力。

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

二.情緒板方法的理論基礎

情緒板是一種藉助於影象,啟發和探索使用者的體驗,然後再作用於視覺設計的研究方法。 可以調查並形成具有指導意義的“風格感受”和“設計元素”。

情緒板的核心原理是依靠“影象”,溝通產品與使用者、使用者的潛意識與意識、使用者的感性(情緒)與理性,其神經心理學基礎為:

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

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

完整過程總覽:

獲得關鍵詞:

圖片素材的收集:

邀請使用者來參與建立情緒板:

四.情緒板用於視覺設計的實踐

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

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

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

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

設計過程:

背景

導航

點選導航

最終成果(對比)

總結:

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

  • 自上而下的加工,是指人在認知活動時運用個體已有的知識和概念去加工當前的資訊的過程。
  • 自下而上的加工,也叫資料驅動材料刺激驅動加工,它強調了刺激物本身在模式識別中的重要性。

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

感謝趙設計師,後半部分《老偏方》的視覺設計的示範由她完成。

來源:http://uedc.163.com/9727.html



情緒板攜手視覺設計原文請看這裡