心理學在交互設計中的應用范文

本站小編為你精心準備了心理學在交互設計中的應用參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

摘要：隨著互聯網產品市場的競爭加劇，功能與技術的競爭已經到達瓶頸期，所以UI與交互設計在產品中的地位被互聯網企業提升到了戰略級的高度，越來越多的互聯網公司開始意識到好的產品用戶體驗給企業所帶來的價值。那么，在產品設計中，我們怎樣設計出一款用戶體驗非常棒的產品呢？我想，除了最基本的設計學知識，心理學在其中起的作用非常之大。心理學是研究人的心理和行為的，對心理學的研究能夠幫助UI設計師和交互設計師學會用科學的方法去分析人的行為，讓設計師有更合理的理論依據去做下一步的具體設計。“格式塔心理學”與“認知心理學”是做UI和交互設計中經常用到的兩個重要的心理學概念，在文章中，我們對“格式塔心理學”和“認知心理學”在UI與交互設計中所起的作用結合實例進行了論述、研究與探索。

關鍵詞：交互設計；格式塔心理學；認知心理學；用戶體驗

引言

隨著互聯網行業的發展和人們對產品使用體驗要求的提高，互聯網產品在市場中的競爭日益加劇，技術已經不再是各大互聯網公司保持市場領先地位的唯一核心競爭力，騰訊、百度、阿里巴巴等互聯網公司紛紛成立UED部門，用戶體驗被提升到了企業的戰略級高度，一個用戶體驗設計良好的產品，會在當前產品同質化嚴重的市場競爭中起到至關重要的決定性作用。在這個時代，一個成熟的產品經理在設計產品中也不再局限于簡單的功能性設計，對用戶體驗設計的重視程度越來越高。UI與交互設計是產品設計開發中十分重要的一環，如何將產品的用戶體驗做到極致，成為UI設計師與交互設計師需要思考的問題。

一、心理學與UI交互設計設計的關系

UI與交互設計已經形成了一門綜合性比較強的學科，涉及人體工程學、認知心理學、行為心理學、社會學、數據分析、設計學等。一般情況下，公司的UI/UE設計師會由設計類專業或者心理學專業背景的人來擔任，然而，交互設計，寬泛地說（不限于互聯網產品），關注的是人與物體，人與環境，還有人與人之間的互動，為了做出好的交互設計，交互設計師要去理解人的行為，分析影響和驅動這些行為的因素與他們之間的關系，在理解人的交互，和需要什么樣的交互的基礎上對這些因素進行設計，創造出適合人的、符合人行為與心理規律的設計。根據唐納德•A•諾曼在著作《情感化設計》中的闡述，把交互設計中的情感設計區分為三個層次。現在市場上的產品，能夠完美融合這三個層次設計的產品少之又少，想達到這個目標，我們需要研究的不僅僅是設計學維度的東西，而更要求助于心理學，對心理學的了解能夠幫助交互設計師學會用科學的方法去分析人的行為，讓設計師有更合理的理論依據去做下一步的具體設計[2]。下面，我們將重點研究“格式塔心理學”與“認知心理學”在UI與交互設計中所起的作用。

二、格式塔心理學與交互設計格式

塔心理學是西方現代心理學的主要流派之一，根據其原意也稱為完形心理學。1912年在德國誕生，后來在美國得到進一步發展。格式塔心理學主張在觀察現象的經驗時要保持現象的本來面目，不能將它分析為感覺元素，并認為現象的經驗是整體的或完形的（格式塔），所以稱為格式塔心理學。這是在UI與交互設計中實際運用最多的心理學理論之一。它主要包括：接近性原則；相似性原則；連續性原則；封閉性原則；對稱性原則等。

（一）接近性原理

在我們的認知規律里，我們更加傾向于把形狀上比較接近的元素看成是一個集合或者一個整體雖然圓形和三角形排布在一塊，但我們卻會在此時將距離近的圓形和三角形歸為一組。這個原則在網頁與APP設計中的頁面內容歸組設計比較常見，設計師通過留白進行頁面內容的歸組。為QQ的“動態”功能頁面，交互設計師在做這個頁面的交互的過程中，企圖將“游戲”、“購物”、“閱讀”、“音樂”和“熱門活動”放置為一組，他巧妙地采用了格式塔心理學中的接近性原則，將這5個按鈕在布局上用較近的距離進行組合排列，從而導致我們在觀察這個界面的時候，很容易受大腦中的“格式塔思維”所影響，很自然地將B部分的所有功能認為是一個組，C部分的所有功能為一組。

（二）相似性原理：

我們的大腦，通常認為相等或相似的元素形成整體或組合。我們會不自覺地認為它是縱向排列的。相似性法則也是我們在做UI設計中經常用到的，同樣用了相似性法則，UI設計師將A組中的“好有動態”、“附近”、“興趣部落”按鈕設計得都比B和C組中的按鈕大很多，并且采用了橫向排列，用戶在使用這個界面的時候，就會很容易將A組與B、C組區分開來。

（三）閉合性原理

閉合性原理就是當元素不完整或者不存在的時候，人們會根據自己的認知經驗和視知覺的整體意愿驅使，不完整的元素依然可以被人們所識別。

（四）主體/背景原理

我們在觀察一個界面時，會本能地將觀察對象分為主題和背景兩塊區域。在觀察對象中占據我們主要注意力的元素為主體部分（一般主體會被安排在最中間或者黃金分割位置），其余則為背景部分。“主體/背景原理”多應用于平面設計或者UI設計中，作為設計師的工作就是幫助用戶更好地區分好背景與主體，以協助用戶思考。這個原則也常用于網頁或者APP設計中在其他內容之上彈出信息，作為需要引起用戶注意的內容，此信息一般為暫時性且非常重要的，相對于跳轉頁面的形式，彈出信息的方式可以幫助用戶了解彈出的信息所處的環境，也可以精簡頁面結構，符合用戶對事物的認知規律，為手機系統與應用中常用的毛玻璃效果，這個效果就應用到了“主題/背景原理”。

三、認知心理學與交互設計認知心理學的核心觀點

認為知識是決定人類行為的主要因素。UI與交互設計師的工作就是對產品使用者的需求進行正確的認知和傳達，從而提高人們獲取并分析處理信息的能力和效率。人在識別某個圖像時，如果在過去的經驗中有這個圖形或相似的圖形，我們稱之為“記憶痕跡”。如果用戶觀察到的圖形與“記憶痕跡”相符合，人們就能付出較少的認識成本來識別這個圖形。UI設計師或交互設計師在設計頁面時首先要從用戶最根本的認知心理機制研究入手，充分了解用戶的心理，設計出符合用戶認知心理規律的產品，從而能夠讓用戶獲得良好愉悅的使用體驗。

（一）UI設計中的“錯怪效應”

當我們體驗一款互聯網產品時，如果UI界面圖文排版不好的話，用戶會非常難以理解產品經理的表達意圖，用戶會認為是整個產品都不好，而不僅僅只是認為其UI和交互設計不好。就像我們小時候因為不喜歡數學老師而不喜歡數學課的意義，這種心理偏見是人在成長過程中建立的本能思維習慣。人類思考問題和判斷一件事物好壞的時候，一個未經過邏輯學訓練的人，會很輕易本能地調用付出成本小且獲得答案快的感性思維，即使其判斷結果往往是不靠譜的，而且往往大腦也會選擇相信。所以，我們在做UI排版時，一定要極為細致認真，不能做錯哪怕一個像素，一個排版優美的UI對于一個產品是至關重要的。

（二）色彩與認知心理學

我們對色彩的認知是從孩提時代開始的，我們小時候都有劃破手指的經歷，當紅色血液流出的那一刻，伴隨的是疼痛與緊張，當我們看到大自然的綠色風光的時候，會不由得精神放松。我們幾乎所有人都有這些“記憶痕跡”，我們在設計頁面搭配色彩時，也要遵循人的“記憶痕跡”，這樣才能協助用戶思考，不會產生歧義。當微信有信息提示時，為了引起用戶的注意，UI設計師采用了紅色圓形的提示標志，讓我們把注意力集中到“未讀消息”上，從而避免漏掉新消息，正是應用了這一心理學原理。

（三）模擬生活中常見的事物

從世界上的第一個ICON開始，設計師就開始嘗試使用人們日常生活中常見的事或物來表示某個功能，直到今天，這個設計原則一直沒有改變，只不過在視覺風格上由“擬物”做成了“扁平”，但是其設計原則都是源于“模擬”。在安卓與IOS的操作系統中，設計師把下拉菜單設計成像窗簾一樣，可以拉下也可以收起。在一些APP中，設計師采用了側滑式的交互設計，就像在模擬我們生活中及其常見的抽屜。這些真是非常贊的設計，在我們看到這些似曾相識的設計的時候，我們甚至不用學習就可以上手操作。

結語

UI與交互是產品與用戶溝通的橋梁，一個互產品（不局限于互聯網產品）的品質，UI和交互設計是產品開發中十分重要的一環，UI與交互設計師要深入透徹地了解與分析用戶的心理規律，將心理學應用到產品的交互設計中，才能達到絕佳的使用體驗。同時，需要指出的是，我們在設計一個產品時，這些原則可以作為參考，但是“設計”這件事情本身并沒有規則，我們做此研究的意義并不是告訴大家設計師如果遵守某個黃金準則，產品就能脫穎而出了，我們研究這件事情的意義在于：我們需要找出產品為什么優秀的規律，并且嘗試完善它、靈活運用它甚至打破它，我想，這才是設計師應該做的事。阿恩海姆所說：“如果藝術過分強調秩序，同時又用缺乏具有足夠活力的物質去排列，就必然導致一種僵死的結果。

參考文獻

[1]DONALDA.NORMAN.情感化設計[M].北京.電子工業出版社.2005:32

[2]基于環境交互心理學的集成吊頂交互設計研究[J].設計.2012年10期

[3]吳珊.格式塔心理學原理對平面設計的啟示[J].吉林藝術學院學報.2008(5):03

[5]王林、宮穎.基于認知心理學的網頁交互設計研究[J].藝術與科技，2013（9）.50

[6]周琳.格式塔完形學在壁飾構圖中的運用[J].裝飾.2004(5).93

作者：王宇；陳少杰 單位：北京林業大學