24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 網頁設計 
    • 網頁設計 
    • 人才外判計劃 
  • 網絡行銷 
    • SEO搜尋引擎優化 
    • SEM搜尋引擎行銷 
    • 社交網絡推廣策略及推廣 
    • EDM 電郵宣傳策略及設計 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » UI設計技巧:UI設計需要了解哪些心理學內容
  • 近期文章

    • 無可替代的神秘力量:探索黑色配色方案在網頁設計中的高級應用
    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
  • 網上推廣

    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
    • 提速網站FCP分數:全面攻略助你搶佔香港SEO先機
    • 精準流量變現的關鍵:香港企業如何利用SEO提升會員轉化率?
    • SEO公司緊急警報:網站流量突然暴增?小心黑帽SEO植入
  • 網頁設計

    • 無可替代的神秘力量:探索黑色配色方案在網頁設計中的高級應用
    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
  • APP開發

    • APP設計技巧:如何利用重疊設計來增加APP的魅力
    • UX設計技巧:如何做好APP的BAR設計?提升整體APP的用戶體驗
    • APP設計策略:如何將信息對比應用APP設計中,以提高用戶體驗?
    • UI設計指南:底部彈出框需要重視哪些設計原則
    • Headspace APP設計案例分析:APP設計實踐中需運用哪些UX設計定律

UI設計技巧:UI設計需要了解哪些心理學內容

分類: 最新資訊, 網頁設計 Tags: #UI設計技巧, UI設計, 網頁設計 日期: 2020-12-02

企業若想要透過UI設計能吸引用戶關注、發掘潛在客戶,甚至進行誘導轉換等,了解相關的心理學是非常重要的。那麼UI設計需要了解哪些心理學內容?

為什麼UI設計需要了解心理學?

在UI設計和交互設計中,學懂用戶心理學,可以幫助企業理解用戶認可哪些設計、不接受哪些設計,以及如何讓用戶接受自家網站的設計等,從而對網站做出調整,提升網站的用戶體驗。

UI設計需要了解哪些心理學內容?

① Von Restorff Effect(雷斯多夫效應)

Von Restorff Effect(雷斯多夫效應),又叫Disjunction Effect(隔離效應),即當界面出現多個相似物體時,人們往往最容易記住的是那個與其他相似物體不同的物體。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

在APP設計中,若想讓用戶快速區分出CTA按鈕(召喚行為按鈕),利用Von Restorff Effect就可以讓用戶清楚理解和記憶CTA按鈕的作用。

② Serial Positioning Effect(系列位置效應)

Serial Positioning Effect(系列位置效應)是指在Serial Learning(系列學習)中,記憶材料處於不同系列位置,人類回憶的效果也不同。一般情況下,人類對接近開頭和末尾的記憶材料的記憶效果會優於中間部分的記憶效果。這種開頭和結尾記憶效果較好的部分,分別會叫Primacy Effect(首位效應)和Recency Effect(近因效應),而中間效果較差的部分則稱為Asymptotic Part(漸近部分)。

簡單來說,Serial Positioning Effect是指用戶會更容易記住列表中的第一個和最後一個。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

這就是為什麼現在大部分APP設計都會放棄使用Hamburger Navigation(漢堡包導航)而使用Top Navigation(頂部導航)和Bottom Navigation(頂部導航),並將最重要的用戶行為放在導航中的首位標籤或末位標籤。

③ Cognitive Load Theory(認知負荷理論)

Cognitive Load Theory是指人類在工作所使用的腦力總量。簡單來說就是,完成一項具體任務時需要的思維量。

Cognitive Load Theory大致可分為三種類型:Intrinsic Cognitive Load(內在認知負荷)、External Cognitive Load(外部認知負荷),以及Associated Cognitive Load(關聯認知負荷)。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

▲ 一般來說,Intrinsic Cognitive Load和Associated Cognitive Load會較為適用於交互設計。

為什麼這樣說?

Intrinsic Cognitive Load是指用戶對某個具體指令相關的操作難度,而這正是界面文案在好的交互設計中扮演這非常重要角色的原因。當APP需要敦促用戶完成任務時,這裡的文案應簡短清晰,以便用戶容易聽從指令。

Associated Cognitive Load是指在處理信息及導圖結構中所投入的認知負荷,反應組織不同類別信息及其間關係的思維模式。因此如果用戶將新事物投射到他們已知的行為模式中,會更容易學習和操控新事物。

至於External Cognitive Load是指超越Intrinsic Cognitive Load的額外負荷,它主要是由於教學設計者應用了設計不當的教學而引起的,因此設計APP交互行為時應注意避免External Cognitive Load。

④ Hick’s Law(希克定律)

Hick’s Law,原稱Hick Hymalrs Law(希克海曼定律),指的是當一個人需要面臨更多的選擇時,需要花更多的時間去做出選擇,並且選擇和時間呈正比。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

因此,APP設計遵從Hick』s Law時,應注意以下幾點:

● 提供儘可能少的選項,並大幅提高選項的質量,但選項不能只剩下一個,而應讓用戶擁有可選擇的權利;

● 必須較多選項時,不要把選項做得更複雜,同時要對選項做出權重/類別的區分,同時要隱藏/鎖定/置灰不可點擊的選項;

● Hick』s Law所討論的場景,僅僅是指可交互界面中的元素,當涉及到選擇本身的選擇題,該理論並不適用。

⑤ Gestalt (格式塔定律)

Gestalt是UI設計和交互設計中非常重要的心理學,主張研究直接經驗(即意識)和行為,強調經驗和行為的整體性,認為整體不等於並且大於部分之和,主張以整體的動力結構觀來研究心理現象

Gestalt主要分為接近定律、相似定律、連續定律、封閉定律、對稱定律、主體/背景定律、共同命運定律這七種:

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

● 接近定律:物體之間的相對距離會影響我們判斷它們是否為一組。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

 

● 相似定律:相似元素會讓我們認為它們是同一組元素。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

● 連續定律:我們的感知傾向於將對象以直線或曲線的形式排列為相關或分組的,之所以會發生這種情況,是因為以直線或彎曲線連接的對象以最平滑的路徑被看到。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

● 封閉定律:視覺系統自動嘗試將敞開的圖形關閉起來,從而將其感知為完整的物體而不是分散的碎片。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

● 對稱定律:我們的大腦喜歡對稱的物體,因為對稱能分解複雜的場景來降低複雜度,從而產生穩定性和秩序感。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

● 主體/背景定律:我們的大腦習慣將視覺區域分為主體和背景,主題一般是場景中佔據我們主要注意力的所有元素,其餘則是背景。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

● 共同命運定律:當所有元素往同一方向移動時,我們的大腦會將它們視為同一組的一部分。

UI設計技巧:UI設計需要了解哪些心理學內容

UI設計技巧

● 綜合:在UI設計中,各種Gestalt都不是獨立應用,而是共同作用,並用每一條定律去考量各個設計元素之間的關係是否符合設計初衷。

UI設計的本質是為人服務,而心理學是對人的研究,因此兩者結合,能更深入地了解用戶的意識和行為,從而設計出讓用戶滿意的作品,引起用戶的關注和訪問。

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2023 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理