經過這幾篇的探討，我們一路從「為什麼需要無障礙設計」，到各種細節像是排版、色彩、元件、表單、表格……，其實各位應該已經發現，無障礙設計並不是一套額外的規則，而是...
在介面設計裡，表格（ Data Table ）算是魔王等級的存在。 它往往承載著使用者最關鍵的資訊：帳單明細、交易紀錄、訂單狀態、成績列表⋯⋯但當資料密密麻麻、...
表單是數位服務裡最平凡、也最容易讓人「挫折」的地方。 當使用者在輸入資料時，如果標籤模糊、提示不清、錯誤訊息又高冷難懂，那整個流程就像一場猜謎。而對無障礙設計來...
上一篇我們聊到「排版與佈局」是使用者理解介面的地圖。那今天要來聊的 色彩對比與可見性，則是這張地圖上的「路標」。 好的設計不只是美觀，還要能被「看見」，而「看見...
在平常上網，我們移動滑鼠、點擊元件已經成了日常。但對於一些使用者來說，「滑鼠」根本不是他們能選擇的輸入工具。 手有受傷的人可能無法精準操控滑鼠，視障者甚至看不到...
在無障礙設計的觀點中，排版不只是美學，而是讓資訊「可被看見、被操作、被理解」的結構。 對有視覺障礙、注意力困難或行動障礙的使用者來說，一個好的版面可以是「我能理...
在上一篇簡單介紹了「無障礙設計規範：WCAG 2.1」，而遵循規範不是只為了取得標章，更是為了讓更多人能真正使用你的設計。 所以今天我們來看看設計師必須知道、能...
在上一篇我們聊過「為什麼要做無障礙設計」，當設計師真正動手時，就可以依照 WCAG（Web Content Accessibility Guidelines）網...
在上一篇我們聊到「易用性測試」的重要性，透過觀察使用者的操作過程，找出設計中可能被誤解或卡住的地方，讓產品更容易被使用。 但你有沒有想過，當我們努力讓設計「更容...
上一篇我們聊到易用性測試的基礎概念，這篇進到易用性系列最後一篇，今天就帶大家往更實務的方向走：怎麼準備、怎麼執行、怎麼分析，還有一些要注意的事項。 1️⃣ 初...
在上一篇我們聊到設計中常見的 UI/UX 易用性陷阱。 不過就算設計師和團隊再有經驗，也難以保證一開始就能做出完全符合使用者直覺的產品。因為設計不只是在畫面上的...
前言 今天我們來畫 App 畫面草圖，有了草圖，之後才有辦法按圖施工～ 手繪 Wireframe or AI 工具？ Wireframe 一般來說，最初會從手繪...
前言 在我們開始繪製使用者介面之前，我們將先聚焦在使用者流程 (User Flow)。 這就好比建築師在蓋房子前，不會先煩惱沙發要買什麼顏色，而是會先畫出整棟建...
在設計元件時，大家第一直覺可能會是定義樣式：按鈕長什麼樣、表單欄位的圓角多少、icon 要實心還是空心 …。 這些確實重要，但元件不單只是為了「好看」，而是為了...
在上一篇文章中，我們談了設計系統的重要性：它是一套團隊共同語言，讓設計與開發可以對齊、確保介面一致性。這一篇則更往下聊 設計規範 和 介面元件，告訴你設計系統如...
在 UI/UX 設計中，設計系統已經從「選擇性工具」變成現代產品團隊不可或缺的核心資源。很多新人設計師可能覺得，反正只要畫出漂亮介面、按顏色與字體規則就好，何必...
在 UI/UX 設計流程裡，介面設計不是一開始就畫精緻的畫面🙅♀️。 我們通常會先做 Wireframe、Lo-Fi Prototype、Hi-Fi Prot...
Healthcare UX Design: 10 Tips to Achieve HIPAA (Health Insurance Portability and...
在 Day03 的設計流程有介紹到『 資訊架構就像蓋房子前的藍圖，這步驟決定資訊要怎麼被整理和放置，使用者進來時才知道要去哪裡找東西。』 當使用者打開一個網站或...
在 UI/UX 設計流程裡，「使用者研究」是一個承上啟下的關鍵步驟。 上一步的需求訪談會蒐集大量資訊，但這些資料如果只是散落在筆記裡，團隊會很難吸收和運用。 這...
Mastering Annotated Wireframes: Enhancing UI/UX Design看到標題時我很疑惑，想說這是什麼意思！？但內容卻是在...
在 UI/UX 設計流程中，「需求訪談」幾乎是最前面的工作。很多設計師一開始會忍不住打開 Figma 開畫面開始設計，但如果沒有先理解需求，很容易設計到一半就被...
日安（換個方式打招呼）！經過Day 10的努力，App已經脫胎換骨。Riverpod 的加持，每一次滑動不再是過眼雲煙，而是會真實地改變App狀態的有效操作。...
前面章節中，我們已經完成了從 YOLO/OCR 自動辨識到 IFC/BIM 建模的技術流程，但單靠指令行或程式碼操作的技術門檻還是太高。為了把複雜流程轉化成...
（圖片來源：DRBARTPM.COM） Mockup 的具象讓人看到更多可能 當然沒那麼簡單定版⋯ 利害關係人們看了 UI Mockup 後，因為近一步推進到實...
開賽前就決定好，第30天要來寫有關利用ChatGPT輔助學習的心得，畢竟現在獲取資訊的方式相較過去方便許多，學習新事物的來源也更廣泛，但是要怎麼吸收使用還是要看...
從開賽到現在不知不覺快要30天了，除了學習之外，複習跟統整也是一樣重要的，所以今天我想把過去這幾天寫的內容歸納一下，方便之後回頭看不用亂找 :D 那就， 理論...
專案啟動 這裡的啟動指的是需求進到設計，開始討論前台畫面時。設計師們在此階段會出 Wireframe 草稿（什麼是 Wireframe？請看下一篇），幫助需求對...
一個產品開發、設計往往不是一蹴而就的事，總是要經歷不斷的調整，今天就針對這部分簡單做個筆記。 那麼， 設計迭代（Design Iteration） 很早之...
UI/UX 設計師、產品設計師 近十年來，隨著產品開發的發展，和日漸增加對使用者洞察的需求，台灣各家公司的產品開發團隊中開始加入了新角色：UI/UX 設計師，有...
ＸＩＮ
arieshsieh0402
Sonia
Yi-Ping, Fang
TC
Chloe
iThome鐵人賽
看影片追技術