UX設計工具 | 設計圖卡對實務的幫助與應用
你聽過設計圖卡這個工具嗎？什麼是設計圖卡呢？這工具對實務工作有什麼幫助？用這個工具可以讓我的設計品質更好嗎？還是可以讓老闆更喜歡我的提案呢？
自從開始研究設計圖卡這個工具以來，偶爾會遇到這些提問，因此決定來寫一篇文章介紹設計圖卡。
▍前言
人機互動（Human-Computer Interaction, HCI）領域每年都會發表許多新的學術研究成果，一些頂尖的公司像是Google、Microsoft等也都會定期發表一些公司業務相關的研究成果，而這些都是對實務非常重要且有用的，但事實上，工作者並不那麼常將這些寶貴的學術資源運用在實務上。
工作者不使用的原因有幾種：學術使用的字眼太文縐縐難以理解、需要花費太多時間搜尋學術資料、有時候讀完相關的文獻也不一定知道該怎麼運用等等，這造成了學術領域的知識傳遞和實務的運用上出現了落差。
設計圖卡，就是其中一種被開發來彌補這些落差的設計工具，那到底什麼是設計圖卡呢？
▍設計圖卡
設計圖卡廣義上來說，指的是一套像撲克牌的圖卡，被開發的目的都是為了幫助設計工作的執行，包含前期的研究、設計問題的定義、設計概念的發想、設計產品的驗證等。
設計圖卡根據專案的不同，或是能夠運用的科技與技術不同，也會有其他不同的形式，像是桌遊類型、摺頁類型、APP類型、互動式網站等等，主題內容非常多元，使用的方法也非常多元。
設計圖卡只要運用得好，絕對可以在設計過程中給予設計師更多靈感、更多創意、更好的設計想法、更紮實的設計基礎、更豐富的設計知識、更好的溝通協作⋯⋯
▍台灣熟悉的設計圖卡
在台灣，最多人聽過的設計圖卡是IDEO的Method Card，這是一套用來介紹一系列以人為中心的設計方法的工具，共有51張，分為四個類別：學習（Learn）、觀察（Look）、詢問（Ask）與嘗試（Try）。
每一張卡包含了一種設計方法、簡單的介紹、如何使用以及何時使用。雖然這是介紹設計方法的卡片，但內容包含了許多的心理學、人類學、管理學等的知識，而且使用的文字都非常白話，讓沒有這些知識背景的人也能夠輕鬆理解！
這套圖卡除了讓設計團隊了解怎麼使用設計方法，也提供一個探索新觀點、新方向的機會，激發團隊的創意思考，甚至也可以用作補充與人相關的專業知識，讓缺乏這些知識的設計師更知道如何以人為中心做設計、做研究。
Microsoft 2019年發布了Guidelines for Human-AI Interaction，這也是一套18用張卡片去呈現設計工具，卡片的內容綜合了人機互動領域20年以上關於人與AI互動的研究成果，並經過一系列的實驗與反覆修正而產生的準則。
這套圖卡被開發的目的，是希望幫助設計師在設計AI相關產品時，可以利用卡片去檢視AI與使用者之間的互動是否符合這些準則，或是在還沒有明確的設計想法前，也能透過卡片激發不同的設計概念。
如果你對這套卡片有興趣，Microsoft做了一個Demo的網站，可以到網站上玩玩看！
在台灣，還有其他比較容易接觸到的設計圖卡，大部分都是設計團隊或是設計顧問公司自行開發的，而這些圖卡的用途有非常多種：
- 視覺化研究成果：由於卡片在物理上的限制，你必須將最重要和最精簡的內容經過整理、排版才有辦法呈現在卡片上，因此這是一個很好的視覺化工具。
- 溝通協作：卡片非常容易拿著討論或傳遞，因此非常適合用來和使用者、客戶或團隊成員互動，溝通彼此想法。卡片上的資訊非常精簡，因此很方便大家看了馬上消化，再丟出自己的想法協作。
- 工作坊進行共創設計： 工作坊的成員不一定瞭解研究主題，甚至可能是完全沒有專業知識的，也不一定懂得怎麼做設計，這時就可以用設計圖卡幫助他們快速掌握專業知識或一些設計的概念，降低他們和其他人進行溝通或是設計的門檻。
- 給客戶自行使用的工具：部份設計顧問公司在結案的時候，會將研究成果及設計製作成一整套圖卡，方便客戶在沒有設計師或是研究員的幫助下，也可以自行利用這些工具執行專案。
其實，除了以上提到的，設計圖卡還有非常多種不同的用途，甚至能夠呈現在卡片上的資訊也非常不同，這都會根據專案的形式、顧客的需求、卡片的使用目的而發展出不一樣的工具。
▍設計圖卡的優缺點
設計圖卡聽起來那麼好用，為什麼這樣的工具並沒有被大量使用，甚至有很多人都不知道這樣的工具呢？其實設計圖卡還是存在一些限制和缺點的，根據Roy & Warren 2019年所做的關於155種設計圖卡工具的研究，他們總結出設計圖卡有下列的優缺點：
優點
- 設計圖卡是一種將想法和知識創意結合的引導（facilitate）工具。
- 它提供團隊一個建立基礎知識與溝通的工具，由於團隊成員會共同擁有卡片所提供的知識與內容，因此提供了一個平等的溝通環境。
- 它是可以將一些設計元素或資訊視覺化的實體工具。
- 它提供了最有用的知識內容，或是設計方法的summary，讓使用者可以在短時間內掌握了最重要的內容。
- 它是一種介於便利貼（空白）與說明書（資訊量大）的半結構化工具。
缺點
- 如果不是為特定主題開發的卡片，有時候會給予使用者太多無關的訊息。
- 由於卡片的物理限制，有時候提供的內容或訊息過於簡化。
- 由於卡片的使用方式有很多種，對使用者來說理解或應用這些卡片會太複雜。
- 實體的卡片難以更新或改變卡片內容，隨著時間過去，技術的進步或是有新的研究成果出現很難在卡片上做部份的內容更動。
▍設計圖卡開發的困難與限制
在台灣，除了設計顧問公司的業務需求，其實很少有專為台灣市場開發的圖卡工具。
自行開發設計圖卡的成本非常高，除了要確保卡片的內容資訊正確、品質夠好，也需要有能力將學術資源轉譯成較白話的描述方式，有些卡片甚至需要專業的知識背景才有辦法生成內容，因此開發一套好用、適合的設計圖卡並不是那麼容易。
如果要在台灣直接使用國外開發的設計圖卡，有可能在語言、文化或內容上並不完全適用，造成使用上或理解上的困難，那就失去了使用設計圖卡的目的了。
▍結語
因為論文的研究，才發現原來在台灣並不是那麼多人知道設計圖卡這個設計工具，因此決定寫這篇文章，推廣一下設計圖卡的好處與應用，預計會隨著論文的發展，延伸一系列和設計圖卡有關的文章。
如果有興趣，記得關注和幫我們分享文章😉我們需要更多的研究數據幫助開發和研究設計圖卡這個工具噢！
下一篇我用Design with Intent Card當作範例介紹設計圖卡的應用，有興趣可以閱讀：
參考：
- Roy, R., & Warren, J. P. (2019). Card-based design tools: a review and analysis of 155 card decks for designers and designing.
- Amershi, S., Weld, D., Vorvoreanu, M., Fourney, A., Nushi, B., Collisson, P., … & Teevan, J. (2019, May). Guidelines for human-AI interaction.
- IDEO Method Card, https://www.ideo.com/post/method-cards
