iT邦幫忙

2024 iThome 鐵人賽

DAY 3
1

在了解完設計基本知識之後,是時候開始接觸UI/UX設計的基本概念了,所以,今天就會針對這部分來做些筆記。

那就,https://ithelp.ithome.com.tw/upload/images/20240814/20168599hdsaNkLBun.png


UI vs UX

  在架設網站或設計遊戲的過程,往往離不開UI/UX設計,雖然兩者設計上因為有部分重疊,使他們容易被混為一談,但實際上是完全不一樣的概念。UI(user interface)為使用者介面,著重點是介面的美觀與方便性;UX(user experience)則為使用者體驗,更關注使用者的體驗與感受,透過表格呈現可以更明顯感受差異:

使用者介面 / UI 使用者體驗 / UX
定義 專注於設計頁面上的互動視覺、外觀,確保操作方便性與整體美感,增加視覺 在乎使用者使用過程的感受、反應,依據使用習慣來設計產品,適用於實體產品和數位產品
著重點 介面的美感設計與方便性 使用者的體驗與感受
設計要素 對字體、按鈕、圖形、色彩、版型、互動性、便利性等進行設計 透過問卷、測試、反饋、使用者分析等,有邏輯的優化使用者體驗
目的 創造視覺吸引力和操作便利的界面,提升使用者的互動體驗 創造符合使用者需求、易用、直觀且一致的體驗感

  簡單來說,UI設計師的重點在於「產品呈現方式」,UX設計師則是在「產品使用過程的感受」。


設計原則

  要學習新的事物除了實際去做之外,預先知道一些原則概念,也有助於操作時有個依循可以參考,在這方面我直接找到兩個原則的內容作為紀錄:

Jakob Nielsen的十大易用性原則(10 Usability Heuristics)

  1. 明確顯示系統狀態(Visibility of system status)
  2. 連結系統與真實世界(Match between system and the real world)
  3. 提供使用者控制權和自由度(User control and freedom)
  4. 一致性和標準化(Consistency and standards)
  5. 錯誤預防(Error prevention)
  6. 讓使用者去認知而非記住系統(Recognition rather than recall)
  7. 提供使用時的自由度和效率(Flexibility and efficiency of use)
  8. 美觀和極簡設計(Aesthetic and minimalist design)
  9. 幫助使用者去瞭解、偵錯和恢復錯誤(Help users recognize, diagnose and recover from errors)
  10. 幫助和說明文件(Help and documentation)

Ben Shneiderman的八個黃金法則(8 golden rules)

  1. 保持設計的一致性(strive for consistency)
  2. 提供重度使用者便捷操作(enable frequent users to use shortcuts)
  3. 提供對使用者有意義的回饋(offer informative feedback)
  4. 明確告知使用者動作的狀態(design dialog to yield closure)
  5. 簡化錯誤的處理(offer simple error handling)
  6. 提供可回復的設計(permit easy reversal of actions)
  7. 滿足使用者控制的慾望(support internal locus of control)
  8. 降低使用者記憶需求(reduce short-term memory load)

一些廢話

有人跟我說,該不會一個月以後就可以找你設計網站了吧?
???先等等。

參考資料

  1. UI、UX設計是什麼?沒有設計背景也能一次搞懂UI UX重要性!
  2. UI和UX是什麼?一篇完全了解UI UX設計!
  3. UI/UX 探索攻略(一)

上一篇
DAY2#設計基本原則-排版與視覺層級
下一篇
DAY4#使用者研究與使用者旅程
系列文
UI/UX設計的初心者冒險之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言