? 体验设计师要懂的七大交互心理学 - 蓝蓝设计_UI设计公司

追求卓越一諾千金

藍藍設計,2011年成立,主創清華團隊,專注軟件和互聯網ui設計開發。擅長企業信息化管理、監控、大數據軟件UIUE咨詢和設計開發服務。立足UI,好好學習,天天進步!


體驗設計師要懂的七大交互心理學

2019-11-27 分享達人 交互設計及用戶體驗



如果您想訂閱本博客內容,每天自動發到您的郵箱中,

心理學在我們生活中涉及的面很廣,是每個行業都要了解的,對于設計師來說,更要了解用戶的心理,因為我們的設計是面向用戶的 



閱讀時間:大約9分鐘


目錄


  • 前言

  • 7±2法則

  • 費茨定律

  • 希克定律

  • 格式塔原則

  • 色彩心理學

  • 馮·雷斯托夫效應

  • 奧卡姆剃刀原理

  • 總結




前言


最近正好在學習用戶體驗方面的知識,也查閱了相關的資料和文章,輸出是最好的輸入,所以把整理的相關文檔寫下了,也是將所學的知識再鞏固下,歡迎大家一起探討。




7±2法則的定義


7±2法則出于美國心理學家George A. Miller1956年發布的論文《神奇的數字7加減2:我們加工信息能力的某些限制》。Miller最早對短時記憶能力進行了定量研究,他發現人的短時記憶能力的廣度為7±2個信息塊。

這說明人的大腦短時記憶的容量大約為“7”,并在7+2與7-2之間浮動,因此,心理學家把這個神奇的記憶容量規律稱為“7±2法則”。由7±2法則我們可以得出,一般人接受新事物的記憶容量大約是7,最多不會超過9。


心理學家Alan Baddeley質疑7加減2規則。Baddeley(1994)翻出Miller的文章,發現那并不是真正的研究報告,只是一次專業會議的講稿。Miller基本上是自言自語,猜想人能夠同時處理的信息量有沒有固有的限制。

此外,Nelson Cowan(2001)等研究者也追隨了他的腳步。現在研究表明,那個“神奇的數字”其實是4。(無論是7±2還是4,便于我們記憶同時也協助我們工作提升效率就是最好的數字)


George Mandler(1969)指出,人們能分門別類地記住信息,并且如果每個記憶類別里只有1~3條信息,那么人們能夠出色地回憶起來。當每類超過3條信息時,記憶效果就會相應下降,每類有4~6條信息時,人能記住80%;儲存信息條數越多,記住的比例就越低,當每類有80條信息時,人只能記住20%(如下圖所示)。



舉個直觀的例子,以下隨機給出10個詞語,你看一遍能記住幾個?

桌子   電腦   椅子  水杯   鉛筆   地圖   綠植   鍵盤   鼠標   文件


7±2法則的運用


1、組塊記憶


為了改善不穩定的工作記憶,人們會采取一些有趣的策略。其中之一就是將信息“組塊記憶”。

也就是把數字分為3-4-4來記憶,抖音的登錄賬號、美團的Dialog彈窗都是遵循的這一原則。

包括現在在生活中,我給別人發手機號碼或者是身份證號的時候都會選擇這個原則,自己看著也清晰,也便于對方將信息分類。



2、優化選項


網易新聞和今日頭條的導航都遵循了7±2法則,更多的信息左側滑動即可。



3、頁面布局


7±2法則還可以幫我們將頁面分組,將內容按照屬性分類,使頁面更有條理性和層次感,用戶能高效的完成自己的操作,例如:餓了么




費茨定律的定義


任意一點移動到目標中心位置所需時間與該點到目標的距離和大小有關,距離越大時間越長,目標越大時間越短。

用數學公式表達為時間 T = a + b log2(D/W+1)。

T=移動設備所需時長;a,b是經驗常量,D=設備起始位置和目標位置的距離;W=目標的寬度大小。



費茨定律的理解


1、設備當前位置和目標位置的距離D越長,所用時間越長;

2、目標的大小W越大,所用時間越短。


費茨定律的應用


1、按鈕放大,點擊更容易


閑魚和印象筆記,一個是直接發布閑置,另一個是直接創建筆記,都屬于核心功能,將用戶最想要或最直接想點擊的按鈕外漏、放大;增加可點擊區域來滿足用戶的需求。



2、讓相關的內容更接近


淘寶、京東的加入購物車和立即購買,在視覺上讓用戶增加了他們相關性的認知,也減少了兩個按鈕操作之間的距離和時間。



3、頁面的邊和腳適合放一些按鈕和菜單


安卓手機刪除應用時的操作、Potoshop軟件頂部菜單等、Mac操作系統的底部應用等,無論我們怎么操作,鼠標都不會超過這些區域。







希克定律的定義


希克定律 — 原稱希克海曼定律(Hick Hymalrs 1aw),是一種心理物理學定律。

一個人所面臨的選擇越多,做出選擇所花的時間就越多,當面臨選擇的數量增加,做出決定的時間也會跟著增加。


希克定律的應用


希克定律的應用很廣泛,不僅是在產品上,在生活中也隨處可用。


和同事每天都會遇到的問題,一到中午,同事就會問,吃什么?每日一問,看著商場眾多美食,真是發愁,但如果她換種問法:我們今天中午吃海底撈還是和府撈面,這樣的詢問是不是就節省思考和作出選擇的時間?


遙控器的設計也是,看到下面兩個遙控器的樣式,你會感覺哪個好用,很明顯是右邊小米的遙控器,老人再不用教的情況下就可以自己操作,左邊的拿起來我們要花很多時間是研究如何使用,可能剛學會,想進行下一個操作的時候又要去花時間研究,是不是很鬧心?



猿輔導APP中,導航默認的是所有的課程,對于學員來說選擇自己想要學習的課程,比較浪費時間,右側的設計就是將我們不感興趣的課程關閉推薦,剩下的課程大大縮短了我們選擇和尋找的時間




格式塔的定義


格式塔(德式造型)是20世紀20年代由德國心理學家提出的一組視覺知覺原理。它建立在“一個有組織的整體,被認為大于其各部分之和”的理論基礎上。


格式塔的應用


在我們做設計的過程中,常用的是原則有:簡單性、接近性、相似性、連續性、閉合性等



1、簡單性原則


簡單原理適用于設計中的三角形構圖,均衡構圖,對稱構圖,向心構圖,攝影中的對角線,X型構圖等。這些構圖方式都是為了把復雜的信息元素通過簡單的方式讓觀者易于理解。


58同城和愛奇藝首頁都是均衡和對稱的構圖



2、接近性原則


一個頁面中,如果兩個元素是接近的,給用戶的感覺他們之間就有相關性


在支付寶我的頁面中,個人信息都是有相關性的,所以放一起遵循了接近性原則



3、相似性原則


我們的眼睛很容易關注那些復雜環境中外表相似的東西,可以利用相似原則組織好界面中的信息和層級關系。


相似性原則在UI設計中也很常見,網易郵箱、騰訊視頻都采用了相似性原則



4、連續性原則


人的視覺有追隨一個方向上的連續性,以便把不關聯的元素聯系到一起。


我們在APP中常看到列表也是連續性原則的應用




色彩心理學定義


在自然欣賞、社會活動方面,色彩在客觀上是對人們的一種刺激和象征;在主觀上又是一種反應與行為。色彩心理透過視覺開始,從知覺、感情而到記憶、思想、意志、象征等,其反應與變化是極為復雜的。色彩的應用,很重視這種因果關系,即由對色彩的經驗積累而變成對色彩的心理規范,當受到什么刺激后能產生什么反應,都是色彩心理所要探討的內容。


色彩心理學應用


  • 黑色:精致和力量

  • 白色:干凈、精致、純潔

  • 紅色:勇氣、激勵、力量;也能激發欲望

  • 藍色:冷靜、安定、信任、安全

  • 黃色:樂觀、歡樂

  • 綠色:平衡、可持續的增長

  • 紫色:皇權、精神意識、奢華

  • 橙色:友誼、舒適、食物

  • 粉色:平靜、女性化、性


一說到美食,我們能想到的顏色就是橘色,暖色系,因為這個顏色會增加食欲

插播一個知識點:美團外賣選擇的橘色,跟美食相關的顏色,我們可以理解,但餓了么平臺為什么會選擇藍色而不是暖色系呢?餓了么是以科技為主導的,核心并不是美食,所以選用了科技藍



在一些電商類網站都會將加入購物車、立即購買顏色設置為紅色,因為紅色可以刺激人的眼球,來增加點擊的欲望,還有微信群和朋友圈的未讀,都設置成紅色



顏色也是影響人們的情緒,比如長時間在橘色的環境下呆著,會使人焦慮不安,所以一些餐廳在顏色、燈光選擇上都會選擇用一些暖色系,藍色和褐色,會使人平靜,適合一些酒吧;


但色彩也不能濫用,它是具有聯系和含義的,例如:紅色代表赤字,即經濟困難;也可以代表警告、危險等;綠色代表環保、通行,所以在選用顏色上也要考慮它的含義和意義,要謹慎。




馮·雷斯托夫效應定義


馮·雷斯托夫效應告訴我們,某個元素越是違反常理,就越引人注目、令人難忘。

Hedwig von Restorff在1933年檢驗了這個理論。她讓實驗對象觀看一系列相似的物品。如果其中某個很特殊,比如說有聚光燈照射,那么相比其他物品,受試者就更容易回憶起這件物品。


比如,下面這個紅西紅柿


如果你想要讓某物引人們的注目,就要使它特殊化,可以通過色彩、尺寸、留白等方式來引起注意


例如:小紅色的紅色按鈕、蘇寧易購一套節日氣氛的首頁





奧卡姆剃刀定律定義


奧卡姆剃刀定律(Occam's Razor, Ockham's Razor)又稱“奧康的剃刀”,它是由14世紀英格蘭的邏輯學家、圣方濟各會修

士奧卡姆的威廉(William of Occam,約1285年至1349年)提出。這個原理稱為“如無必要,勿增實體”,即“簡單有效原理”。正如他在《箴言書注》2卷15題說“切勿浪費較多東西去做,用較少的東西,同樣可以做好的事情。”


奧卡姆剃刀定律的應用


我們在進行頁面設計的時候并不是內容越多越好,信息飛速發展的時代,大家都講究快、效率,我只要通過這個APP盡快達到目的為好,繁冗的功能對用戶來說只會降低用戶體驗感,抖音APP底部的導航開始是文字加icon,后來發現圖標會影響整體的效果,因為當視頻播放的時候,下面的Tab識別度會降低,經過改版,將icon去掉,文字放大,CTR也上去了,之后小紅書就開始參考抖音的改版:我不管你去掉的原因是什么,CTR上去就行



總結


一句話在回顧下文章的定律


7±2法則:一般人接受新事物的記憶容量大約是7,最多不會超過9

費茨定律:A和目標B的距離越長,所用時間越長;A大小越大,所用時間越短。

希克定律:選擇越多,花的時間就越多,選擇的數量增加,做出決定的時間也會跟著增加。

格式塔原則:常用的是原則有:簡單性、接近性、相似性、連續性、閉合性

色彩心理學:顏色也是影響人們的情緒,選用上要謹慎

馮·雷斯托夫效應:某個元素越是違反常理,就越引人注目、令人難忘

奧卡姆剃刀原理:簡單有效原理,去繁從簡

轉自:站酷- 

藍藍設計www.thriveonsite.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計  cs界面設計  ipad界面設計  包裝設計  圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務


標簽: 體驗設計師要懂的七大交互心理學 « 「手勢交互」的知識點 | 如何復制網頁上不能復制的文本!!!»


藍藍 http://www.thriveonsite.com

訂閱Rss
幸运快乐8 速发彩票 贵州快3 甘肃快3 2019有什么网赚项目 网赚彩票真的能赚钱吗 pps网赚广告联盟挣钱 一分时时彩 千万时网赚平台是骗子吗 上海11选5