UX設計工具 | 設計圖卡的範例與應用 — Design with Intent Card(可下載卡片)

Yennee Chew
心理人的UX設計
8 min readJul 21, 2020

前情提要:

上一篇介紹了設計圖卡這個工具,簡單說明了在實務上的應用與目前的發展狀況,如果有需要可以回到上一篇查看。

▍前言

由於上一篇的介紹比較廣泛,可能對於沒有聽過設計圖卡的人來說還是有點難以理解和想像,因此這一篇想用Design with Intent這個發展完整、且還算是有名的設計圖卡和大家分享設計圖卡的應用方式。

希望可以透過這樣更具體的介紹,讓設計實務工作者了解應用設計圖卡的可能性,未來也可以搜尋和自身工作領域或產業相關的設計圖卡去運用在設計工作上。

▍Design with Intent (簡稱DwI)介紹

DwI是一套2010年所發表和行為改變設計有關的卡片,是作者 Dan Lockton 在就讀PhD期間花了3年的時間所研發的卡片,總共有101張,被歸類為8個lens:建築(Architectural Lens)、防錯(Errorproofing Lens)、互動(Interaction Lens)、趣味(Ludic Lens)、知覺(Perceptual Lens)、認知(Cognitive Lens)、手段(Machiavellian Lens)和安全(Security Lens)。

Design with Intent (DwI), 圖片取自:http://danlockton.com/design-with-intent/

Dan Lockton認為任何設計都會影響使用者的行為,因此將這八個領域複雜的知識和概念,轉化為更簡單明瞭且只呈現和設計有關資訊、較容易操作的卡片形式呈現,希望可以幫助設計實務者了解產品、服務、介面、環境等的設計如何影響人們使用它們。

DwI卡片內容

(左:From Cognitive Lens;右:From Lucid Lens)

卡片的內容主要有:設計概念(大標題)、設計提示(問句)、實際範例(圖&箭頭文字框)、分類(主色&右上角的圓圈字母)。

從卡片的範例中可以看出,不同的主色代表的是不同的lens,而右上角的圓圈內字母也是取自lens名稱的首個英文字母,讓人可以分別出卡片的不同類別。

作者用這樣的方式呈現設計概念,是因為很多時候我們如果要了解一個理論或專業領域的知識,需要花上非常多的時間和精力去閱讀艱澀難懂的學術研究。透過這樣轉化成卡片的形式,就可以用較容易理解的方式運用這些知識,而這也是上一篇文中有提到為什麼我們要使用設計圖卡的原因。

▍DwI卡片的應用

接下來介紹DwI卡片在實務上的適用領域、使用時機,以及使用方式。

適用領域:

主要為探討產品設計、服務設計、介面互動設計、建築設計等如何影響或改變人的行為,但不侷限為這四個領域。

使用時機:

1.刺激新想法
2.驗證設計想法(Design Solution)
3.檢視或分析設計問題
4.補充知識,幫助缺乏知識背景的人員也能夠有機會利用這些知識去發想或發表自己的設計想法
**以上皆適用在工作坊或是和設計團隊內部的討論

使用方式:

  • 單純翻閱(適用個人或團隊)

這是最基本也是最簡單的使用方式,隨機翻閱任何卡片,看卡片的內容是否能夠刺激你想到新的想法,或是剛好找到適合的概念可以直接運用。

  • 隨機配對(適用個人或團隊)

隨機選擇兩張圖卡,可以是來自不同 lens的也可以是同一個 lens的,然後去思考如果要將這兩種概念同時應用,或是分別應用在目前的設計 idea上的可能性。

這樣做可以跳脫思考的僵化,強迫自己將不同的設計概念連結起來,可以延伸出更多、更有創意的想法。

  • 回答設計提示的問句(適用個人或團隊):

每一張卡都是用「Can you…? 」、「What would happen if…? 」、「How could you…?」的方式來作為設計提示,你可以透過回答「Yes」,「No」, 「Good」,「Bad」,「Not sure」來篩選出跟你的設計專案有關的卡片。

這樣做可以定義出設計問題,或是找出設計機會點。

  • 扮演迷你專家(適用團隊)

團隊內每個人可以被指定為其中一個 lens的迷你專家,被指派的人就負責一個或兩個 lens(根據人數而定),然後需要負責和其他人分享該 lens的設計概念或是你想到的和相關想法。

相較於上面的使用方式,這樣做可以讓每個人針對自己負責的 lens想得更深入及精準。

  • 用實例進行分析(適用個人或團隊):

你可以試著運用這些設計概念去分析現有的產品、服務、環境,可以是公司內已經成熟發展的,或是身邊熟悉的實際例子。

這樣幫助找到是否有設計和使用上的落差,或是從中找到新的設計機會點。

  • 每週靈感(使用個人或團隊):

101張卡片,代表可以持續兩年每週用一張不同的卡片作為那週的主題,訓練自己每週切換不同的思考框架進行設計思考的訓練,也可以作為團隊每週的分享主題。

  • 利用行為設計目標進行設計(適用個人或團隊):

如果已經有明確的行為設計目標,可以根據不同的行為目標去閱讀卡片,總共有兩大類,一種是設計會影響使用者和系統之間的互動,另一種是設計會影響系統中使用者和其他使用者之間的互動。

詳細的行為設計目標分類介紹,可以參考網站上的內容,或是下面的表格:

  • 利用用戶模型(Models of the users)進行設計(適用團隊)

用戶模型總共有三種:Pinball、Shortcut 和 Thoughtful,因此這種適用方法必須至少3人以上,然後每人分配一種用戶模型作為思考的框架。

詳細的用戶模型介紹可參考網站上的內容,或是下面的表格:

上面介紹了8種作者提到的使用模式,但其實你也可以創造自己的使用方式,只要可以幫助你產出更好的設計想法,提升設計的品質,都是這套卡片可以使用的方式。

▍卡片下載點

在DwI網站上點選[Downloads] 的分頁,就可以下載完整的卡片。

由於作者原本設計的形式就是以實體卡片使用為主,因此你也可以列印出來,使用的效果會比電子的PDF檔更好使用!

▍結語

論文研究的過程,發現在台灣並不是那麼多人知道設計圖卡這個設計工具,因此開始寫這一系列和設計圖卡有關的文章,希望可以推廣設計圖卡的應用。

目前論文的研究階段已經進入尾聲,已經完成了40幾套的卡片分析以及專家焦點團體的部份,就差問卷回收,希望下一篇可以開始分享研究的產出與結果分析。

如果有興趣,記得關注和幫我們分享文章😉我們需要更多的研究數據幫助開發和研究設計圖卡這個工具噢!

參考:

--

--