關(guān)于交互設計的那些事

　　交互設計是指對軟件的人機交互。那么交互設計的心理原理又是什么呢?下面小編就跟大家聊聊關(guān)于交互設計的那些事。

　　常見(jiàn)的一種馬桶放水按鈕設計，乍看一個(gè)按鈕，卻由一大一小兩部分構成。有沒(méi)有曾方便完后疑惑過(guò)，該按哪一個(gè)?大多數人最后的選擇可能都是同時(shí)按。其實(shí)，一大一小按鈕功能相同，區別只在于出水量。設計者期望通過(guò)直觀(guān)、形象的按鈕大小來(lái)代表出水量。

　　合理嗎?想一想，“哦，有點(diǎn)道理”。然后呢?下一次可能依然會(huì )兩個(gè)同時(shí)按。這個(gè)看似巧妙的設計，卻給生活平添了無(wú)端的疑惑和認知決策。

　　馬桶按鈕設計的問(wèn)題

　　問(wèn)題在于設計者試圖挑戰的是大多數人早已建立的知識結構和關(guān)系模式，每次操作時(shí)都要付諸額外的認知記憶和判斷!不是嗎?最自然的`設計和操作該是什么?其實(shí)大多數人的實(shí)際操作已經(jīng)給了答案，一個(gè)按鈕就夠了!那出水量怎么辦?

　　認知圖式

　　先來(lái)看看認知心理學(xué)關(guān)于人們對世界的表征和知識結構研究。對于事物以及事物間關(guān)系的認知和理解，構成了我們對于外部世界的內在表征，而對這些知識的結構化組織，心理學(xué)中有一個(gè)概念叫圖式(schema)，圖式是“結構化的概念…用來(lái)表征事件、事件發(fā)生的順序…關(guān)系以及目標”(艾森克, 2000)。圖式代表了基于經(jīng)驗形成的對特定對象和事件的結構化知識(Weiten, 1995)。圖式作為一種認知結構，會(huì )影響我們的注意、記憶等信息加工過(guò)程，甚至我們的社會(huì )交往(Baron & Byrne, 1994)。當然還有我們這里討論的交互行為操作。

　　那么在我們的認知圖式中，什么與出水量是最自然的關(guān)聯(lián)?答案是按下的時(shí)間長(cháng)短或力度。這是比按鈕大小更早建立或更普遍的關(guān)聯(lián)關(guān)系。每次放水時(shí)的猶豫，就在于設計者要挑戰你早已形成的圖式。

　　認知反饋

　　除圖式之外，馬桶按鈕還與交互設計中另一個(gè)概念有關(guān)：反饋。即便是曾經(jīng)分別按過(guò)大或小按鈕，結果呢?我們關(guān)注的是水有沒(méi)有出來(lái)。如果有人好奇到看看區別，可能的結果還是疑惑。

　　在心理學(xué)中，有個(gè)概念叫最小可覺(jué)差(j.n.d, just noticeable difference)。簡(jiǎn)單舉例說(shuō)，手拿一張紙或兩張紙，這個(gè)重量差別你體會(huì )不到，但拿一張紙或一沓紙，這個(gè)差別你是能分辨出的，因為一張兩張紙的差別小于你能分辨出的重量差別(即最小可覺(jué)差)，而一張紙和一沓紙的區別大于最小可覺(jué)差。對于馬桶出水量，我們缺少水流判斷的視覺(jué)線(xiàn)索，水量差別也可能小于最小可覺(jué)差。這就是為什么我想說(shuō)：這個(gè)“總讓你我思考”的馬桶設計真的很糟!

　　iOS 中的刪除按鈕

　　我們再來(lái)看看 iOS 中的“刪除”設計，下圖以 Safari 瀏覽器地址輸入時(shí)界面為例(其他搜索界面類(lèi)似)，兩個(gè)按鈕分別標出(下圖左)：

　　鍵盤(pán)中的刪除按鈕;

　　地址欄后部分的刪除。

　　兩個(gè)按鈕功能的差別在于地址欄后部分按鈕可以一鍵清除前面內容;而鍵盤(pán)中的刪除與傳統鍵盤(pán)的刪除類(lèi)似，是逐字刪除。電腦操作中，多個(gè)內容的刪除，一般操作習慣是先選中這些內容再按一次刪除鍵。屏幕變小的手持設備采用觸屏操作，先選中再刪除的操作困難一些，但單獨分開(kāi)的一鍵刪除和逐字刪除，在設計和操作上值得商榷，更何況在 Safari 中，當光標未置入地址欄時(shí)，鍵盤(pán)的刪除也是清除功能，即全刪除。

　　根據上面討論到的心理學(xué)知識，與刪除多少自然關(guān)聯(lián)的概念也是時(shí)間(即鍵盤(pán)按下時(shí)間)!單次觸點(diǎn)按下逐字刪除，長(cháng)按全刪(如上圖右邊的 MyCal 刪除就采取了這種設計，與傳統計算器的 C 鍵一鍵刪除的操作相比，操作有更高的精細度)。當然更精細的設計原理是根據按下時(shí)間計算刪除的加速度，這樣設計即考慮到了人們的認知操作和期望，并減少了界面元素，也減少了認知混淆和決策。

【關(guān)于交互設計的那些事】相關(guān)文章：

交互設計的方法「最新」08-12

面試中關(guān)于禮儀的那些事01-17

關(guān)于創(chuàng )業(yè)，我們誤會(huì )的那些事07-11

游戲交互界面設計的思考08-30

求職陷阱：談?wù)勱P(guān)于“錢(qián)”的那些事06-24

游學(xué)網(wǎng)的那些事10-05

淺談會(huì )計的那些事11-09

論文：旅游那些事10-23

創(chuàng )業(yè)必經(jīng)的那些事和必讀的那些書(shū)10-05

深度剖析游戲中的交互設計09-27