王炯賢

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

【關(guān)鍵詞】卡片 界面設(shè)計課程 交互設(shè)計

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

一、國內(nèi)界面設(shè)計課程研究概況

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

二、學院界面設(shè)計課程特色

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

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

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

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

三、卡片工具在課程實踐中應(yīng)用

卡片工具是一種傳統(tǒng)的直觀教具，在語言學習、幼兒啟蒙、中小學教學中被廣為使用，在卡片上展示文字、圖形等信息，加深學生的記憶印象?？ㄆぞ呒瓤梢哉故窘虒W內(nèi)容，也可以作為課堂師生互動的媒介，學生按照課堂安排現(xiàn)場制作卡片以加深學習體驗。傳統(tǒng)實物卡片制作極為方便，使用文具市場上批量生產(chǎn)的便簽紙或便利貼，在其上書寫文本內(nèi)容或繪制簡易圖形，便可完成卡片制作，因其制作簡易能滿足快速交流分享的需要?？ㄆぞ吣芴峁┮环N圖文并存的簡易展示，成為設(shè)計行業(yè)表達創(chuàng)意思維的一種工具，在頭腦風暴、信息構(gòu)建、原型制作中廣為使用。隨著電腦在教學過程中的大量使用，按照卡片工具原理，出現(xiàn)大量制作虛擬卡片軟件，如微軟公司出品的Powerpoint軟件。下文討論卡片工具在課程項目作業(yè)中的應(yīng)用。

1.卡片工具在網(wǎng)站項目作業(yè)中的應(yīng)用

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

2.卡片工具在主題UI項目作業(yè)中的應(yīng)用

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

3.卡片工具在APP改良項目中的應(yīng)用

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

四、小結(jié)

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

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

參考文獻：

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

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