第 02 課 / 從問題出發

構想發展與線框圖

觀察使用者的困難,展開不同可能,再選擇值得驗證的方向。這一課從探索問題與草圖開始,最後畫出完成核心任務所需的關鍵畫面。

01 / 先發散,再收斂

雙鑽石設計流程

第一顆鑽石幫助我們找出真正的問題;第二顆鑽石幫助我們探索與驗證解法。發散時多看、多問、多想,收斂時用觀察與回饋做選擇。

雙鑽石流程:探索與定義形成問題陳述,再經發展與交付形成解法;兩個階段都包含發散、收斂與反覆驗證。
雙鑽石流程參考圖。圖中註明改編自英國 Design Council;點圖可另開原圖。
探索 · Discover了解真實情境
觀察、訪談與整理經驗:誰遇到什麼困難?現在如何處理?先蒐集線索。
定義 · Define說清楚核心問題
整理發現,選定使用者與情境,將模糊想法收斂成一個明確的問題。
發展 · Develop嘗試不同解法
透過腦力激盪與草圖探索多個方向,比較不同流程,而不急著選定第一個想法。
交付 · Deliver驗證並逐步改善
用簡單原型取得回饋,檢查解法是否有效。若發現問題,可回到前面的階段調整。

02 / 把可能性畫出來

從筆記、Crazy 8s 到線框圖

草圖讓想法變得具體,也方便別人提問。先快速畫出不同方案,再選定一個方向,用低擬真線框圖標出畫面結構、主要操作與畫面之間的關係。

草圖練習參考:從筆記、初步構想、Crazy 8s 到方案草圖;學員在八格紙上畫介面,再將草圖貼牆以貼點與討論比較方案。
筆記 → 初步構想 → Crazy 8s → 方案草圖。點圖可另開原圖查看細節。
  1. 整理筆記

    記下使用者、問題與觀察,讓草圖回應具體情境。

  2. 八分鐘,八個想法

    把紙分成八格,每格約一分鐘。畫出不同解法或操作方式,用方框、箭頭與文字表達即可。

  3. 比較與討論

    展示草圖,說明每個方案解決什麼問題。貼點可以協助聚焦討論,但仍要說清楚選擇的理由。

  4. 選一個方向,畫成線框圖

    用 2–3 個關鍵畫面,標出使用者如何開始、完成核心任務並看到結果;附上仍需驗證的假設。

03 / 延伸資源

構想與設計參考

以下連結皆會另開分頁。

← 返回第 2 週課綱