高職院校UI交互設計課程教學內容創新與探索

馬金立 黃宇瀟

摘要：科技的不斷進步與人們日益增長的需求，對于高職院校UI交互設計人才的培養工作也提出新的要求。UI交互設計人才需掌握更多軟件及理論知識而非僅停留在理論階段，同時更多的應將理論通過軟件實踐并運用于實際。本文基于科技快速發展的時代及數字媒體技術大發展的背景，對高職院校培養UI交互設計類人才的教學內容與方法進行探索并在探索中尋求創新。提出以用戶調研及多種軟件教學為主導，以理論教學為輔的教學方法是實現高職院校培養學生技能和理論知識互相結合的一種有效教學方法并在教學中引導學生形成創新創意思維。

關鍵詞：UI交互設計，創新思維，高職院校，探索

一、UI交互設計概述：

UI即為用戶界面（User interface），UI交互設計（UI interaction design）是指對軟件的人機交互和操作邏輯以及界面美觀的整體設計，其主要目的是為了使得軟件操作簡單便捷，界面美觀以及具有鮮明特點。“以用戶體驗為主要導向“是整個UI行業的核心理念。

二、當前UI交互設計師的需求

UI交互設計師，不僅僅從事美術繪畫，更需要對軟件使用者，使用環境，使用方式進行定位，并最終為軟件用戶服務。設計從工作內容上來說分為3大類，即研究工具，研究人與界面的關系，研究人。與之相應，UI交互設計師的職能大體包括四大方面：一是圖形設計，即傳統意義上上的美工，承擔軟件產品的界面設計。二是交互設計，主要在于設計軟件的操作流程;樹狀結構，操作規范等。一個軟件產品在編碼之前需要做的就是交互設計，并確立交互模型和交互規范。三是用戶測試/研究，其目的在于測試交互設計的合理性及圖形設計的美觀性，主要通過以目標用戶文件的形式衡量UI設計的合理性。四是UI界面動效設計，旨在為客戶和老板和程序員等提供動態效果的展示，使得產品可以更好的宣傳也使得在于程序員溝通中可以更好的演示所需效果以使得后期編程達到預期。

三、探索高職院校UI交互設計課程的教學內容創新

3.1 傳統高職院校UI交互設計課程的教學內容。

傳統數字媒體專業課程中的UI交互設計課程涵蓋圖像界面設計（GUI），傳統美術設計（AUI），web界面設計（WUI）和移動設備界面設計（MUI）。由此可見傳統UI交互設計課程直接教導學生UI界面設計，而忽視了交互設計，使得課程成為了平面設計類專業課程而非數字媒體類專業課程。學生所掌握的沒有交互設計的軟件技能部分而僅為平面設計的軟件技能部分。部分數字媒體專業課程中的UI交互設計則新增教導Axure rp軟件制作動效，以更好的符合市場需求。

然而隨著科技的日新月異，傳統的以平面界面設計為主，以Axure rp 制作動效和平面設計軟件為輔的教學內容已經無法滿足目前市場的需求。

3.2 高職院校UI交互設計課程的創新探索

在傳統高職院校的UI交互設計課程中加入前期用戶調研，中期用戶調研，后期用戶調研，將調研貫穿整個設計和課程中，使得學生的設計可以更好的符合用戶需求也使得學生掌握適應企業對于UI交互設計師所需掌握的用戶測試/研究的要求。前期調研即用戶畫像與用戶定位調研，旨在定位app的功能等，目的在于為做低保真原型圖奠定基礎;中期調研即app界面布局，界面顏色，交互方式調研，旨在為做中保真原型圖和基礎動效奠定基礎;后期調研即app交互效果和方式的調研，旨在為最后制作高保真原型圖和完善app最后動效提供數據支持。

學生到此應已具備圖形設計和用戶測試/研究的能力，但還需增加交互設計和UI東西設計能力。在傳統高職院校UI交互設計課程中僅有Axure rp軟件的學習，這顯然不夠，應在此基礎上添加教導學生使用sketch 軟件制作app圖標與logo;使用adobe xd或principle完善app動效;使用墨刀快速制作app低保真原型圖，并使用Axure rp或AI，PS，CDR制作不同界面的流程圖（例如：啟動登入注冊頁流程圖，一級頁面流程圖，二級頁面流程圖，設置頁面流程圖等）。

以上是軟件技能的掌握，然而學生的思想也需要創新。高職院校學生的創新能力較弱，掌握大量技能但思維停滯在抄襲參考階段。為此，應加強學生創意思維的鍛煉。首先，放射性思維和多向思維，給予學生自由發揮的機會，學生可自由選題并制作屬于自己的app，而不是教師指定題目或給予模版，學生可圍繞一個中心，在與之相關的領域內尋找一切有關的信息，學生也可不同角度看待自己的app。其次，換元思維，學生進行單人和小組頭腦風暴，用以交換思維，開闊學生的思維，可使得學生發現自我思維之外的創意，為app的功能和界面創新提供支持。最后，教師給予學生部分優秀案例參考，這可使得學生將自我思維與優秀產品案例給予的靈感相互融合，技能與實踐相結合。

四、 探索高職院校UI交互設計課程的教學步驟創新

通過高職院校UI交互設計課程的內容創新高職院校UI交互設計課程的教學步驟。

（一）第一應為定位app，首先進行初期調研尋找市場和用戶痛點并構思最初app的主題并在之后從用戶年齡，用戶喜好，用戶習慣等方面進行初期用戶調研，以此為作為用戶畫像的理論數據支撐再而成為app構思和低保真原型圖制作的理論數據支持。在這階段的理論教學部分主要針對用戶對象和用戶心理的研究，在實踐教學部分主要針對用戶體驗的研究實踐教學，側重點在于市場和用戶需求的調研。

（二）第二應為app構思和低保真原型圖制作以及Logo制作以及Slogan的制作，并在低保真原型圖制作完成后進行中期調研，主要調研用戶對頁面布局;頁面顏色;app功能的喜好程度和建議。這一階段的理論教學部分針對字體，內容以及頁面布局做出初步設計，實踐軟件教學主要應以墨刀，Axure rp以及AI，PS，CDR等制作頁面低保真原型圖和logo。

（三）第三應為app中保真原型圖制作以及中后期用戶調研。旨在讓學生基本完成app界面設計并開始著手進行中后期調研。在中后期調研中，主要調研用戶對于動效的喜好與習慣，以及app界面仍需修改的部分，為后期制作高保真app奠定基礎。這部分的理論教學側重于用戶心理和習慣研究，實踐教學部分以AI，PS軟件為主的界面設計。

（四）第四，學生可開始進行app界面設計的最后完善以及app動效的設計。這部分重點在于動效軟件的設計，教導學生使用Axure rp;Aodbe Xd;Principle軟件制作app的UIj交互動效，以此用以較好展示其app的效果與交互樣式。在完成app高保真制作后，將其app通過Axure rp;Adobe Xd;Principle軟件的共享功能（手機，電腦共享）分享給用戶，并讓用戶在體驗中反饋意見與建議，學生以此進行最后的后期用戶調研，收集用戶相關數據，如：交互樣式，交互效果等，并以此數據進行修改，最后完成課程。

（五）項目評價

項目完成后，學生以個人為單位展示各自的app界面設計;動效設計;設計理念;用戶調研報告，結論等，讓同學們相互欣賞彼此作品，并發表自我建議和意見，進而進行評分。學生的學習評價以完成項目的情況為依據，具體分為二級考核：學生互評，教師總評。除此之外，還可邀請企業UI交互設計從業人員或高管參評。綜合兩或三個評定情況來確定每一名學生的學習評價。課程考核中引入企業標準，實現與用人單位的需求零距離對接。

（六）比賽與企業實踐

項目評價完后，可鼓勵學生將所設計app運用Principle，Adobe Xd， Adobe Ae等軟件將app制作成視頻并參與UI交互設計app類比賽或將app界面單獨參加比賽，用以鼓勵學生在設計中可以更好將思維與設計的融入實踐同時提升學生對于項目設計的積極性與專注性。除此之外，嘗試引入企業標準與所需將學生的app與用人單位的需求實現零距離對接，使學生在設計中了解和學習工作的標準與要求，在畢業后更好的融入工作環境和需求中。

五、實施成效

以用戶調研及多種軟件教學為主導，以理論教學為輔的教學方法在數字媒體技術專業課程中，可以使得學生將他們在課堂上所學的知識較好的在實戰中運用并較好的了解市場和用戶的需求。這是適應以“就業為導向，以服務為宗旨，走產學研結合道路”所探索出的一條全新的且切實可行的教學途徑。學生在自我項目設計執行過程中不斷鍛煉他們的專業技能和學習調研能力，積累實戰經驗，使他們將更加符合企業對UI交互從業人員的需求。

六、總結與思考

以用戶調研及多種軟件教學為主導，以理論教學為輔的教學方法是實現高職院校培養學生技能和理論知識互相結合的一種有效教學方法。對于學校，要深入挖掘產學研相結合的長效機制，積極鼓勵培養雙師型人才隊伍，加強校企合作，切實提高UI交互設計從業人才的培養質量。

參考文獻：

[1] 張哿.UI交互設計流程的探索與教學實踐 [N] .科技論壇. 2016-09-28

[2] 張軍.網頁設計課程中關于UI設計教學的探索體會[N].湖北美術學院學報期刊. 2009-11-4