認知心理學與產品設計的結合

　　對許多產品經理和設計師來說，設計評審PK仿佛夢魇，設計師辛辛苦苦出的方案，可能遭受多方質疑。也許方案本身是優秀的，但卻無法用理論說服對方，結果越改越丑。

　　自1879年科學心理學誕生以來，心理學家開展了大量研究，對人類認知、情感、記憶等各方面的規律進行深入探討。許多結論都能對產品設計提供理論支持，再次略作總結分享簡，請各位看官不吝賜教。

　　一款軟件產品最先呈現給用戶的是產品界面。良好的界面元素容易識別、易於理解、能夠快速記憶，且較少出現誤操作。

　　1. 界面元素的編碼特征

　　可識別性

　　以費希納、韋伯等最早一批心理學先驅就是以研究感知覺阈限為起點的，他們的研究指出人的視覺、聽覺等只能加工特定強度范圍的刺激。在界面設計過程中，應當注意元素的可識別性。例如文字的不能太小，顏色也不能太淺。

　　某款手機浏覽器打開web頁面的效果

　　可辨別性

　　知覺心理學研究表明，人的知覺能力存在差別阈限。兩種刺激必須大於差別阈限，才能被辯論出來。不同界面元素(特別是近似的、相鄰的)的視覺特征應能明顯區分，防止用戶需要努力辨別，增加認識資源。

　　某款手機浏覽器打開web頁面的效果

　　意義性

　　刺激必須是有意義的，能夠被人理解。因此，文字表達上、符號圖標的設計上，都應保證用戶能夠正確理解，不會出錯。

　　對圖標意義性的可用性測試：先對用戶進行測試，看正確識別的比率有多高;

　　過一段時間後，對相同用戶進行再測，看正確率的維持情況。O表示original, R表示Retest。

　　標准化

　　在不同條件下，刺激的意義需統一。例如，每個地方紅燈都表示停止，綠燈是表示通行。對於同系列軟件來說，不同平台的圖標和控件樣式，也應避免意義沖突。

　　Android平台對話框樣式的統一性問題

　　2. 界面元素的兼容性

　　刺激兼容性是指在不同場景、不同情境下的通用性。刺激的兼容性越好，學會的速度就越快、反應時間越少、錯誤越少、心理負荷越小。

　　概念兼容性

　　例如，SOS、110、119這些縮寫，概念兼容性都是極好的。再比如，紅色表示停止、綠色表示通行和安全;選中使用“勾選”等等。

　　動作兼容性

　　順時值旋轉與數值增加有關，如調節音量的旋鈕;指針往上調節，表示數值增加，如溫度計刻度。

　　在某款手機播放器中，調節音量采用上下鍵，本身符合動作兼容性，但音量指示為左右方向，二者的心智模型發生沖突。

　　方式兼容性

　　Wickens, Sandry, Vidulich(1983)的研究證實，在言語任務中，刺激以聽覺形式呈現，以語言形式反應，反應時間最快;在空間任務中，刺激以圖形呈現，以動作形式反應時，反應時間最快。

　　3. 顏色的認知加工

　　顏色與對比度

　　人眼對顏色對比度的知覺受空間布局的影響。如下圖，兩幅圖的黑白顏色一樣，但前者色塊越大，對比度顯得也更大。

　　顏色與注意資源

　　同一屏幕內，如果使用過多的色彩，會分散注意，使用戶無法快速找到目標。

　　顏色性別差異

　　Newcastle 大學的神經科學專家AnyaHurlbert的研究(2007)發現，盡管被調查者都更喜歡藍色，但女性的選擇更靠近藍色譜系中偏粉紅色的一端。多項研究也得出了類似的結論(Silver，1988;Ellis & Ficek, 2000)

　　2003年，Hallock, Joe開展了一項針對顏色偏好的專項調查(樣本量230)，結果如下。

　　顏色的年齡差異

　　Adams , Russell研究發現兒童更喜歡波長長的顏色，例如紅色、黃色。年齡較大的女性比男性更喜歡黑色和紫色(Silver & Ferrante, 1995)。Hemphill & Michael(1996 )的研究也支持了這點。我國關於色彩偏好的研究也有此發現(陳立，1965)。

　　Hallock, Joe的研究發現，隨著年齡的增長，對藍色的喜好非常穩定，越來越多的人不太喜歡橙色。

　　顏色與情緒

　　色彩和情緒之間的關系與色彩偏好緊密相關，而色彩偏好和某種色彩是否會引出積極或消極的情緒有關(Naz, K., Helln, H., 2004)。

　　Boyatzis和Varghese在1994年研究兒童的色彩情緒聯系時發現，兒童趨向把積極情緒(例如高興，強大)與亮顏色聯系(例如藍色、綠色)，把消極情緒(例如悲傷、憤怒)與暗顏色聯系(例如 黑色與灰色)。在一個對澳大利亞大學生的顏色情緒聯系的研究中，Hemphill(1996)也發現亮顏色主要引出積極的情緒聯想，而暗顏色主要引出的是消極的情緒聯想。

　　Camgoz, N., Yener, C.(2002)的研究發現顏色的色調、飽和度和明度三個屬性對色彩偏好有非常重要的影響。被試最偏愛的是飽和度和明度最大的組合，隨著明度和飽和度的增加，被試對顏色的喜好程度也隨之增加。

　　顏色的文化差異

　　不同的群體，顏色的文化內含也有差異。如下圖，不同國家滅火器使用了不同的顏色，反映出顏色的文化差異。

　　許多研究者和設計師都曾分析總結過不同國家的顏色內涵。這些文化差異是我們設計過程中需要注意的，尤其是對於產品的國際版本。

　　整理自《The Zen of CSS Design: Visual Enlightenment for the Web》

　　顏色錯覺

　　有關顏色的錯覺有很多種，有的錯覺現象是設計過程中需要避免的，而有的則可加以利用。這裡僅作初步分析，舉例如下：

　　避免紅藍重疊和紅綠重疊，因為這樣會引起視覺深度的錯覺。如下圖，藍色色塊像是顯示在紅色的上方。

　　背景顏色對目標顏色的知覺會有影響。如下圖，左右相同顏色的X，但由於背景不同，知覺的色彩出現明顯差異。