作品集
一句話定義
作品集是在求職或接案場景中，把專案經驗轉譯成「對方能判斷你如何解決問題」的證據組合；它不是作品數量或漂亮畫面的集合，而是能力、思考、取捨與成效的可檢查敘事。
核心要點
不是作品越多越好，而是判斷材料夠不夠
作品集的任務是讓面試官降低判斷成本：這個人能不能理解問題、推進設計、做出取捨、知道成效。作品不多時，重點不是硬湊數量，而是把少數案例做深：
- 深度：一個案例要能看到問題定義、設計演化、決策理由、最後影響。
- 廣度：實際面試通常至少準備兩個案例比較穩，除非對方明確要求只講一個專案並深入討論。
- 配適：不同職缺要選不同案例與不同切角，讓對方看到與目標職務最相關的能力。
一個設計案例的最低結構
| 區塊 | 要回答的問題 |
|---|---|
| 背景與角色 | 產品 / 公司 / 專案目標是什麼？你實際負責哪一段？ |
| 資料來源 | 痛點、旅程、假設從哪裡來？是訪談、客戶回饋、競品研究、二手資料，還是團隊假設？ |
| 問題定義 | 為什麼這些 insight 會收斂成這個設計方向？ |
| 功能取捨 | 為什麼 MVP 是這些功能，而不是其他功能？判斷標準是什麼？ |
| 設計演化 | 從低保真到高保真，中間做過哪些方案與設計決策？ |
| 交付與影響 | 對使用者、產品、公司或團隊造成什麼影響？即使未上線，也要說明學到什麼與降低了哪些風險。 |
作品不多時的三個槓桿
- 把單一專案拆到 feature level：不要只展示最終稿，要展示特定功能如何從 wireframe、flow、prototype 到 UI，並說明每次改動背後的判斷。
- 把職能補位講清楚：若在新創或小團隊中兼任 PM、研究、文件、設計系統等角色，這些不是雜事，而是產品設計能力的證據。
- 補上可驗證訊號：若沒有上線數據，可用 prototype 測試、使用者 / 利害關係人 feedback、質化評語或「協助公司避開不適合方向」作為 impact。
Impact 不等於一定要有上市數據
作品集不能只以「我學到什麼」收尾；學習是個人成長，不是設計成效。成效可分四層：
| 成效類型 | 例子 |
|---|---|
| 量化成效 | 轉換率、客單價、任務完成時間、錯誤率、銷售額、使用量 |
| 質化成效 | 使用者更容易理解、商家覺得設定更彈性、工程師更好開發 |
| 決策成效 | 幫公司確認某方向不值得做、提前暴露技術限制或市場風險 |
| 學習成效 | 若是學生作品或練習案，用 prototype feedback 說明下一輪如何調整 |
方法要真的服務設計，不要為了看起來像 UX
- 顧客旅程地圖 必須交代資料來源；沒有說明來源時，面試官會懷疑它只是設計師自己想像出來的圖。
- 人物誌 不是必備項；若 Persona 沒有實際影響設計決策，就不該為了形式硬放。
- 設計策略 與 Define 段不能只是列痛點與列功能，中間要有「痛點如何帶出假設、假設如何帶出 MVP」的推理鏈。
視覺呈現本身也是作品集能力
作品集簡報不是把專案文件搬上投影片，而是重新剪輯成面試官能跟上的故事：
- 用圖像佐證每個概念，避免讓面試官只靠文字理解。
- 先給 overview，再進細節，讓聽眾知道接下來要看什麼。
- 用解剖圖標出介面元件與設計理由，資訊量不能太多也不能太少。
- 遠端面試中，清楚的轉場與視覺節奏能維持注意力，但仍要服務敘事而不是炫技。
Portfolio website 的最低結構
2026-05-09-Google-UX-Foundations-of-UX-Design筆記 把 UX 作品集網站拆成幾個基本元素：
| 元素 | 作用 |
|---|---|
| 名稱 / 個人 logo | 讓訪客立刻知道正在看誰的作品 |
| 簡單導航 | 從任何位置回到首頁，並能順利移動到專案與聯絡頁 |
| 工作樣本 | 作品集網站的核心；初學者可先放 3-6 個能展示不同能力的專案 |
| About | 說明興趣、經驗、熱情、所在地與憑證 |
| 聯絡資訊 | Email、履歷、LinkedIn 或其他專業 profile |
| 配色與視覺系統 | 支援內容與 個人品牌，而不是分散注意力 |
課程也提醒 portfolio site 要超越範本：網站建置工具可以降低起步成本，但範本文字、預設視覺與平台網址若沒有客製，會削弱設計師自己的故事與品牌。
案例研究的六問
Google UX 課程把案例研究的基本問題列得很實用：
- 你想解決什麼問題？
- 你遵循了什麼流程？
- 你在哪裡成功或失敗？
- 哪些洞察指導設計決策？
- 最終解法是什麼？
- 為什麼你認為這是最好的解法？
這與本頁既有「最低結構」相互補強：作品集不是把漂亮畫面上架，而是讓對方檢查問題、流程、洞察、取捨與解法之間是否有清楚關係。
RWD 也是作品集本身的 UX
作品集網站若在桌機漂亮、手機難讀，會直接削弱 UX 設計師的可信度。Google UX 課程明確把 responsive design 放進 portfolio 評估：無論招聘者或客戶用桌面、手機或平板打開，都應有順暢體驗。
這使 portfolio site 本身成為一個小型 UX 作品：導航、載入、RWD、可讀性、聯絡入口與內容層級都會被實際感受到。
作品集報告也在展示溝通控制力
2026-05-09-Unblock-作品集健檢直播Ep4 把作品集 critique 往「現場報告」再推一層：面試官不只看你做了什麼，也在看你能不能控制聽眾注意力、標示重點、調整資訊密度。
幾個可操作判準：
- 能力比例要對準職缺：產品設計 / UXUI 職位不能只讓 UI 很強，也要讓研究、wireframe、取捨、可用性測試與迭代過程有足夠篇幅；否則面試官會懷疑能力偏科。
- 先講策略，再講流程：進入研究前先用 30 秒說明專案策略——自己如何理解問題、為何要研究、接著如何 wireframe / iterate / test。這會讓流程看起來是有意識的設計計畫，而不是自然流水帳。
- 重點段要刻意放慢：key findings、設計成果、重大取捨、測試結論是觀眾應該記住的段落；語速與停頓要把「這裡很重要」演出來。
- 案例之間要有節奏變化：面試通常要講兩到三個案例，若每個案例都同樣語速、同樣視覺密度，後半段容易失去注意力；可用風格差異、轉場語、重點停頓或少量幽默重新拉回聽眾。
- 多螢幕不等於一次全放：十幾張手機畫面應拆成關鍵 flow 或局部 anatomy；每頁只讓面試官看一個決策或一段 before / after。
設計品質仍會被看見
作品集講得再好，面試官仍會評估設計本身。常見可被追問的細節包括：
- 按鈕 hierarchy 是否清楚，primary / secondary 是否混淆。
- 扁平化樣式是否讓可互動元素與非互動區塊界線模糊。
- icon 的線寬、尺寸、風格是否與整體系統一致。
- letter spacing、字級與排版是否影響閱讀一致性。
- 介面是否只有 operational，而沒有對應情境需要的情緒反應；例如促銷 popup 若要讓人興奮，就需要視覺、動效或語氣創造 celebratory 感。
與其他概念的關係
- 是 面試 的核心材料之一：面試中的作品集報告是「我如何解決問題」的現場證據，而不只是自我介紹。
- 與 履歷設計 分工：履歷是快速篩選的單頁預告，作品集是深入檢查專案能力的證據集。
- 是 概念簡報 的應用場景：先決定「你想讓面試官記得什麼」，再選案例、排敘事、放證據。
- 依賴 設計專案文件 作為素材來源：平時記錄問題、研究、決策與嘗試方案，才能避免求職時事後重建。
- 與 設計策略 / 顧客旅程地圖 / PRD / 迭代設計 互補：這些工具在作品集中不只是名詞，而要被轉譯成清楚的設計推理鏈。
- 可用 Goal-Signal-Metric / HEART框架 補強成效段：即使沒有完整數據，也可以說明原本應量測的 goal、signal 與 metric。
- 與 簡報設計 / 資訊層級 / 排版 對位：作品集簡報需要同時處理敘事、視覺層級與閱讀摩擦。
相關來源
- 2026-05-09-Google-UX-Foundations-of-UX-Design筆記 — 補入 UX portfolio website 的最低結構、案例研究六問、beyond template 與 RWD 檢核。
- 2026-05-09-Unblock-作品集健檢直播Ep4 — 作品集直播第 4 集；補入產品設計師作品集中 UX/UI 能力比例、口語節奏、投影片資訊層級、wireframe before/after 放大與專案策略段。
- 2026-05-06-救救我的作品集-Ep8-作品不多也能做出面試官青睞的作品集 — 主來源；OnBlock / Unblock 作品集直播第 8 集，Vicky 的 Shopify app 案例與講師回饋。
- 2026-05-03-Unblock-跨團隊設計合作術-Ep3 — 設計專案文件 作為即時版作品集素材的來源。
- 2026-05-01-簡報懶人包 — 面試簡報中的「面試官真正想看的，是對他們來說重要的東西」對位。
- 2026-05-01-SM-設計入門總整合 — 作品集與 CV 分工的早期來源。
備註
本頁初版聚焦設計師求職作品集與面試簡報。未來可拆分：web portfolio / PDF portfolio / case study writing / interview presentation / student portfolio / senior designer portfolio / portfolio critique。