卡片工具在界面設計課程中的應用

王炯賢

【摘要】卡片工具是一種傳統的直觀教具，在語言教學中被廣為使用。文章結合作者所在學校界面設計課程的課程設置與教學實踐，闡述卡片工具在教學過程中的具體運用方法，展現傳統實物卡片在設計類課程中運用的可行性。

【關鍵詞】卡片 界面設計課程 交互設計

【中圖分類號】G64 【文獻標識碼】A 【文章編號】2095-3089（2017）37-0245-02

一、國內界面設計課程研究概況

隨著智能手機日益普及，移動互聯逐漸實現。如何讓手機用戶有更便捷的交互體驗，如何讓手機軟件滿足用戶需求，使得交互設計類專業人才需求大量增加。各大高校的設計類專業紛紛調整人才培養方案，引入有交互設計類課程，界面設計課程便是交互設計領域的核心課程。界面設計即UI（User Interface）設計，其來源于計算機學科中的人機交互研究，是一門跨領域的邊緣學科，橫跨機械工程、計算機科學、心理學和藝術設計等多個領域。學界對于界面設計課程的存在現狀、內容模塊、能力培養和教學實踐等多個方面開展深入研究。丁凱（2012）基于課程體系建設提出課程可分成兩大模塊和六項基本內容，界面設計原理模塊包含：認識界面設計、GUI時代的修辭、界面設計的基本準則與規范、界面設計的一般流程和設計層次，界面視覺設計實務模塊：圖標創意、軟件GUI中的視覺設計。朱吉虹（2012）從行業實踐入手，匯總整理出“校內工作室+合作企業”相結合的設計實踐訓練辦法。高鳳燕（2013）從以能力培養為中心的教學體系出發，結合職業崗位人力需求，提出“1+1+3”課程模塊體系。文章將本學院的界面設計課程特點，介紹卡片工具在課程實踐中的應用。

二、學院界面設計課程特色

界面設計課程是學院數字媒體藝術專業的專業必修課，開設在大三的第二學期，授課以小班教學，每個教學班有50-60名學生，歷時12周共有48個學時。課程采用案例教學與設計實踐相結合模式，每周兩次課，課堂教學與上機實踐各一次，以三個項目作業貫穿整個課程，學生按5-7人分成若干項目組作課程實踐。

第一個項目作業為網站設計，要求項目組成立一個設計工作室，運用在線建站技術設計建立一個宣傳該工作室的網站。該網站包含5個基本頁面：首頁、團隊簡介、成員介紹、作品展示、聯系方式。項目作業完成電腦版網站建設后還要開通手機版網站。通過在免費線建站技術，項目作業可以真實上線運營，學生通過網站后臺的用戶數據，了解移動版網站與臺機版網站的差異。

第二個項目作業為手機系統主題UI界面設計，要求項目組按照用戶調查結果確定設計主題，開展手機系統主題UI界面設計。首先，讓每個學生按照界面設計的用戶調查要求，為自己建立個人用戶檔案。隨后，讓小組代表抽簽確定目標用戶，如A組抽到C組，即A組使用C組的用戶檔案為調查結果，繼而將用戶檔案信息可視化制作出用戶拼圖。最后，開展小組討論從用戶拼圖中提取設計主題，制作相關主題UI界面設計方案。

第三個項目作業為手機APP軟件界面改良設計。要求項目組討論確定改良APP軟件后，第一步在網絡應用商店下載三款同類型APP軟件，運用X-MIND軟件制作出頁面導航地圖，分析比較其架構優劣，提出信息架構改良方案。第二步綜合考慮軟件的頁面布局、操作體驗、信息內容，提出主要頁面改良方案。第三步使用簡易工具制作改良方案的低保真原型，獲取交互體驗作細節調整。第四步用圖形編輯軟件、幻燈片制作軟件作出改良方案的高保真原型，用課堂演示向全體學生講解改良方案。

三、卡片工具在課程實踐中應用

卡片工具是一種傳統的直觀教具，在語言學習、幼兒啟蒙、中小學教學中被廣為使用，在卡片上展示文字、圖形等信息，加深學生的記憶印象。卡片工具既可以展示教學內容，也可以作為課堂師生互動的媒介，學生按照課堂安排現場制作卡片以加深學習體驗。傳統實物卡片制作極為方便，使用文具市場上批量生產的便簽紙或便利貼，在其上書寫文本內容或繪制簡易圖形，便可完成卡片制作，因其制作簡易能滿足快速交流分享的需要。卡片工具能提供一種圖文并存的簡易展示，成為設計行業表達創意思維的一種工具，在頭腦風暴、信息構建、原型制作中廣為使用。隨著電腦在教學過程中的大量使用，按照卡片工具原理，出現大量制作虛擬卡片軟件，如微軟公司出品的Powerpoint軟件。下文討論卡片工具在課程項目作業中的應用。

1.卡片工具在網站項目作業中的應用

項目作業要求學生團隊建立設計工作室宣傳網站，建站前需要組內討論工作室定位，如工作室的設計風格、行業范圍、服務形式、網站特色等。教師講解如何運用頭腦風暴法尋找工作室定位，介紹頭腦風暴法的基本原則后，開始結合卡片工作來實施項目組內頭腦風暴。首先，每個項目組發放便利貼作為卡片，成員圍坐在工作桌旁，用手機作為計時器。每個組員在2分鐘內繪制一張卡片，然后將卡片粘貼到桌面上，過程中成員間不能討論，隨即開展下一輪的卡片制作，如此循環15輪耗時約30分鐘，每組將獲得近100個創意靈感。小組討論卡片內容，調整卡片粘貼位置，用白板筆在卡片間連線，添加若干解釋備注，便形成一張關于團隊定位的思維導圖，用手機拍照記錄作為網站界面設計的指導原則。

2.卡片工具在主題UI項目作業中的應用

項目作業要求學生團隊將手機系統預先安裝軟件按使用頻率設計成3個頁面，學生運用卡片工具讓用戶對系統預先安裝軟件做卡片分類，按照以下3個步驟來操作：第一步制作卡片，項目組將手機系統每個預先安裝軟件的桌面圖標與文字說明繪制在一張卡片正面，卡片背面標記一個統計編號，制作出一套卡片代表該手機系統預先安裝軟件。第二步為卡片分類，項目組邀請組外有該手機系統使用經驗的同學充當用戶，按使用頻率將卡片分成3類，按照卡片背面的統計編號記錄分類結果。第三步為結果分析，用微軟公司出品的EXCEL軟件錄入分類結果，使用頻率高的軟件標記為“3”，頻率一般為“2”，頻率低為“1”，以此建立預先安裝軟件用戶使用頻率的數據矩陣。再將結果導入IBM公司出品統計軟件SPSS作聚類分析，使用分析功能中的“系統聚類”，按照WARD法得出相關樹狀圖，選擇恰當的分組線把系統預先安裝軟件分成三類，安置到3個頁面中。

3.卡片工具在APP改良項目中的應用

卡片工具可用于制作APP改良設計的保真原型，模擬交互操作場景來驗證方案可行性。一般智能手機尺寸較少，屏幕多為5英寸左右，用A4復印紙來制作1：1的卡片來模擬手機屏幕，從APP軟件的導航信息架構中挑選主要頁面來制作卡片，在卡片上只需要繪制簡單頁面布局和功能按鍵即可。按照任務流程將卡片疊起，讓設計人員或用戶拿在手上模擬點擊翻頁來完成任務，來體驗該流程設置是否合理，操作是否方便。根據不同的任務流程來調整卡片的順序，來實現APP改良方案的功能模擬，獲取其中交互體驗用于調整方案，為制作高保真模型提供參考資料。

四、小結

界面設計課程的卡片工具運用都以學生分組來實施，團隊配合程度對教學實踐效果有較大影響，個別組員在制作卡片時稍有分心，就會影響團隊整體進度，教師需要加強教學場面的控制力，在課堂上及時走動觀察各組情況，多給予同學鼓勵與指導。學生的能力差異會影響團隊的合作，教師需要安排組織能力強的學生作組長，調動團隊積極性。同時，教師可將教學內容歸納好，用網絡自媒體平臺在課堂上同步推送給學生，作為教學內容的有效補充。

通過上述的教學實踐，卡片工具可運用在界面設計課程的多個環節：前期的創意探尋，中期的信息導航構建，后期的體驗模擬。學生在項目作業中多次實踐操練，能逐漸掌握卡片工具的運用技巧，更好的達成教學目標。傳統實物卡片以其制作簡便、成本低廉、圖文并茂、交流迅速等優點，將會在設計類課程中有較大的推廣空間。

參考文獻：

[1]丁凱，李暉.互動媒體藝術模塊化課程體系之《界面設計創意》研究[J]，南京藝術學院學報（美術與設計版），2012（12） [2]高鳳燕，郭玉真.界面設計課程模塊化教學體系探索與實踐[J]，藝術與設計（理論），2013（09）

[3]卡片分類：可用類別設計[M]，清華大學出版社，（澳） Donna Spencer，2010endprint