iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

UI/UX 不只是漂亮!30 天讓你的設計人人都能用 系列

作為設計師常常會遇到有人把 UI/UX 和美工搞混,以為設計只是把畫面變漂亮,其實 UI/UX 更重要的是讓產品順手好用、操作直覺。
在這個 30 天系列中,整理了基礎概念、設計流程、使用者研究、資訊架構、元件設計與視覺排版,也會介紹易用性原則與無障礙設計重點,希望能幫助大家理解怎麼做出好用又包容的介面,把設計做得更順手、更友善!

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 | 易用性測試實戰:從準備到分析,一次學會完整流程

上一篇我們聊到易用性測試的基礎概念,這篇進到易用性系列最後一篇,今天就帶大家往更實務的方向走:怎麼準備、怎麼執行、怎麼分析,還有一些要注意的事項。 1️⃣ 初...

2025-10-04 ‧ 由 XIN 分享
DAY 22

Day 22 | 讓介面更有人性的魔法:無障礙設計

在上一篇我們聊到「易用性測試」的重要性,透過觀察使用者的操作過程,找出設計中可能被誤解或卡住的地方,讓產品更容易被使用。 但你有沒有想過,當我們努力讓設計「更容...

2025-10-05 ‧ 由 XIN 分享
DAY 23

Day 23 | 人人都能使用的設計:無障礙網頁設計核心

在上一篇我們聊過「為什麼要做無障礙設計」,當設計師真正動手時,就可以依照 WCAG(Web Content Accessibility Guidelines)網...

2025-10-06 ‧ 由 XIN 分享
DAY 24

Day 24 | 無障礙設計入門 ①:設計師必須知道的指引與準則

在上一篇簡單介紹了「無障礙設計規範:WCAG 2.1」,而遵循規範不是只為了取得標章,更是為了讓更多人能真正使用你的設計。 所以今天我們來看看設計師必須知道、能...

2025-10-07 ‧ 由 XIN 分享
DAY 25

Day 25 | 無障礙設計入門 ②:設計不該讓人迷路 ── 排版佈局的無障礙思維

在無障礙設計的觀點中,排版不只是美學,而是讓資訊「可被看見、被操作、被理解」的結構。 對有視覺障礙、注意力困難或行動障礙的使用者來說,一個好的版面可以是「我能理...

2025-10-08 ‧ 由 XIN 分享
DAY 26

Day 26 | 無障礙設計入門 ③:只靠鍵盤也能操作?! 淺談焦點與鍵盤的操作體驗

在平常上網,我們移動滑鼠、點擊元件已經成了日常。但對於一些使用者來說,「滑鼠」根本不是他們能選擇的輸入工具。 手有受傷的人可能無法精準操控滑鼠,視障者甚至看不到...

2025-10-09 ‧ 由 XIN 分享
DAY 27

Day 27 | 無障礙設計入門 ④:讓色彩說話 ── 讓介面說得清楚、看得清楚

上一篇我們聊到「排版與佈局」是使用者理解介面的地圖。那今天要來聊的 色彩對比與可見性,則是這張地圖上的「路標」。 好的設計不只是美觀,還要能被「看見」,而「看見...

2025-10-10 ‧ 由 XIN 分享
DAY 28

Day 28 | 無障礙設計入門 ⑤:填寫並非考試── 讓每個表單都能被理解

表單是數位服務裡最平凡、也最容易讓人「挫折」的地方。 當使用者在輸入資料時,如果標籤模糊、提示不清、錯誤訊息又高冷難懂,那整個流程就像一場猜謎。而對無障礙設計來...

2025-10-11 ‧ 由 XIN 分享
DAY 29

Day 29 | 無障礙設計入門 ⑥:別把表格變成迷宮 ── 讓資料更容易被「讀懂」

在介面設計裡,表格( Data Table )算是魔王等級的存在。 它往往承載著使用者最關鍵的資訊:帳單明細、交易紀錄、訂單狀態、成績列表⋯⋯但當資料密密麻麻、...

2025-10-12 ‧ 由 XIN 分享
DAY 30

Day 30 | 從合規到共感:無障礙設計帶來的 UX 轉變

經過這幾篇的探討,我們一路從「為什麼需要無障礙設計」,到各種細節像是排版、色彩、元件、表單、表格……,其實各位應該已經發現,無障礙設計並不是一套額外的規則,而是...

2025-10-13 ‧ 由 XIN 分享