基于社會協同的設計思維培養教學實踐研究

馮光 鮑宗亮 吳萍 金強山

摘? 要： 隨著信息科技的發展，對互聯網產品設計人才提出了更高的要求。疫情對教學產生不利影響的同時，也加速了課程教學向社會協同的方式變革。通過分析教師身份、教學空間、交互方式、課程建設四個方面的社會化屬性變化，并結合實際課程教學案例，對基于設計思維的課程框架設計、創新融合的實踐技能訓練、混合模式的在線慕課制作等進行探索，旨在推動高校相關專業針對UI設計師培養的線上線下混合式教學體系的實踐研究。

關鍵詞： 社會協同; 設計思維; UI設計; 在線課程

中圖分類號：G434? ? ? ? ? 文獻標識碼：A? ? ?文章編號：1006-8228（2021）02-61-04

Abstract： With the development of information technology， higher requirements are put forward for Internet product designers. The COVID-19 epidemic brought a negative impact on teaching， but also accelerated the transformation of curriculum teaching to a socialized collaborative approach. By analyzing the socialized attributes of teachers' identity， teaching space， interaction mode and curriculum construction， relative research and exploration are performed combined with actual curriculum teaching， in terms of design thinking based curriculum framework， innovation integrated practical skills training， and online MOOC production etc.， aiming to promote the establishment of an online and offline blended training system for UI designers in colleges.

Key words： social collaboration; design thinking; UI design; online course

0 引言

根據APP ANNIE的《2020年移動市場報告》顯示，2019年APP全球下載量高達2040億次，用戶每天平均在移動設備上花費3.7小時，種種跡象表明智能手機將成為我們與世界交互的主要途徑。我國2019年的《政府工作報告》也明確提出要深入展開“互聯網+”，逐步推動互聯網向各行各業的滲透[1]。行業的發展催生了圍繞互聯網產品的眾多職業，尤其是UI設計人員。但近年來的過度培養導致中低端設計人才趨于飽和，市場對設計人員提出了更高的標準，也對培養機構提出了全新的挑戰。高校對設計人才的培養不能僅停留在技能實訓的層面，更要注重設計思維的培養和強化;課程教學內容不能僅限于單一設計技巧的傳授，更要注重設計全鏈路的知識供給;教學環境不能僅限于教室，而要向企業、往互聯網拓展，充分發揮社會協同性。這樣能有效地提高設計類畢業生的就業層次，并且使其在設計師這條路上走得更遠[2]。

1 普通高校UI設計培養模式現狀

UI設計（User Interface），泛指用戶界面設計。實際上還包含了對于軟件的人機交互、操作邏輯、界面視覺、功能規劃的整體規劃與設計。而設計師入職后往往還可能涉及到用戶研究、競品分析、需求挖掘、設計評價等相關工作[3]。在高校中一般數字媒體技術、數字媒體藝術、視覺傳達設計等專業會涉及到這方面的培養教育，培養目標主要在于工具的熟悉和技能的掌握，總體上太注重“器”與“術”的訓練，而忽視“道”的培養，課程設計缺乏社會企業參與，如此的設計思維培養并未能切合行業、企業的需求，畢業后的設計師只能是競爭力較弱的“美工”。教師本身社會化程度不夠，實際項目經驗缺失，空有設計思想卻很難將培養成果跟企業無縫對接。本文認為UI設計課程的培養要以行業發展為背景，協同社會化資源，以技能培訓為基礎，以設計思維培養為導向，以行業規范為標準，建立一個有效的大學生設計思維培養實踐方案[4]。

2 社會化協同教學方式轉變

2020年的春季學期，全國面臨著抗擊疫情的嚴峻形勢。隨著教育部發布了“停課不停學”的指導政策，高校紛紛開展線上教學，錄播、直播、慕課等形式多樣，釘釘、云課堂、中國大學MOOC等平臺層出不窮。同時，各大出版社、多個電子資源庫均先后面向教師免費開放電子教材及教學資源。還有很多教育培訓機構、個人名師、社會能人等紛紛于公眾號或自媒體平臺向公眾分享優秀的教學方法、在線服務和學習案例[5]。疫情雖然分離了師生與課堂的空間，也阻隔了師生、生生之間的面對面交互，但也大大地推進了多方參與、形式多樣的在線教育的發展，大大地拓展了師生之間、學生與社會之間的互動方式，既保障了疫情期間的教學活動，也為后疫情時期社會化系統教學變革提供有力探究[6]。

北京師范大學余勝泉教授提出，信息和數據的迅速流通，使不同學生群體之間的大規模社會化協同成為可能，并且會進一步加速教育系統大規模社會化協同教育服務形態的形成。他認為教育服務主體（教師）需要進行社會化變革，會形成新的社會性教學空間，會產生新的內容與人力資源的社會化連接[4]。再例如浙江大學孫凌云教授的“信息產品設計”課程就邀請阿里等企業的頂尖人才給學生分享產業背景、設計思維、產品思維方面的知識，讓學生在校園內能接觸到行業最前沿的設計理念與方法，非常值得借鑒推廣。

2.1 教師身份的社會化

高校UI設計方面的教師，更應該拓展其社會化屬性。教師可以通過到設計公司下企業實踐的經歷，或者通過產學研的實戰項目，增加自身的項目能力。這樣的教學內容更有實戰性，教學目標更符合社會化標準。隨著業態的發展，社會分工也是越來越細，比如互聯網產品設計往往還涉及到用研、需求、交互、視覺、產品等環節，前后銜接，環環相扣。一個教師很難做到全才，往往就需要一個教學團隊支撐，比如其他領域專業教師、企業產品經理、企業設計師甚至優秀的畢業生。這時候，教師的身份就變成了多種角色的疊加，成了一個社會化協同教育服務的主體[4]。隨著智能時代的到來，教師的身份有時候也是被人工智能部分承擔著，比如通過中國大學生MOOC平臺在線教學，后臺會自動記錄學生的到課情況、學習時間、成績分布、互動次數等信息，便于教師根據大數據來進行學情分析和教學評價。

2.2 教學空間的社會化

設計類的課程適合小班化教學，教學的空間不局限于教室，還可以是設計工作室、創新工場以及一些公司的辦公場所，甚至是某個學校的作品展和某個展覽館的設計展。盡可能跨區域、跨組織地將觸角向社會延伸，為學生的知識建立更多元的土壤，讓其吸收更自然的“養分”。當前線上教學的普及，更是打破了教與學的時空限制。互聯網的虛擬空間是可以無限大的，教學所服務的對象是可以任意增加的，不僅限于在校學生，還可以是大量的社會其他角色。而隨著智能設備的介入，人工智能技術的支持，物理環境與信息技術的融合，為學習者的無縫學習提供切實的保障，構建起一個開放共享的、個性化的、精準化的、數字化的大規模社會協同教育空間[7]。

2.3 教學交互的社會化

設計類課程注重綜合性的教學設計，課堂教學交互方式從傳統教師本位的“傳道、授業、解惑”，逐步過渡到學習者本位的場域形態。在這樣一個智能時代，設計知識是動態的，流動性的，且多渠道的。這樣就形成了學生認知交互上的多元化、場景化、社會化特征。另外，傳統的學習者個體之間都是相對獨立的，面對設計類課程的綜合實踐訓練，可以依托建立的開放性平臺，鼓勵學生小組選題協作完成，鍛煉學生的協同交互能力，也是針對職場分工的模擬訓練。放到一個更大的線上教學背景下，這樣的小組協同有可能發展成一種群智協同[4]。通過協作與共享，小組的每一位成員即是知識的學習者，又是知識的生產者、傳播者，教師不再有知識傳播的壟斷定位，而是一個引導者的角色，成為知識流中的一個環節。

2.4 課程建設的社會化

互聯網的發展極大促進了課程建設方面的社會化協同，教育技術與信息技術的融合使得教育領域實現了精細化分工。單打獨斗的個體戶模式已經很難適應現有的課程建設標準要求，尤其是對于專業性較強的UI設計類課程，更需要借助不同的社會資源進行協同。近幾年教育部鼓勵金課、一流課程的在線精品課程建設，大量的MOOC、SPOC、混合式課程應運而生，課程的建設包括知識點規劃、教學設計、課件制作、視頻錄制、動畫制作、教學輔導、教學評價等環節，如何建好一門在線課程成了大為關注的問題。學校積極引入社會企業資源，不僅提供整體設計上的建議，還提供制作過程中的技術支持，以及課程掛靠的智能化教學平臺，大大提高了教師課程建設的效率，發揮了各方的特長[10]。另外，教育部的產學合作協同育人項目平臺，從企業需求的角度反推學校課程建設的改革，由企業與學校雙方共同定制課程建設，也是促進教學與就業的良好對接。

3 課程建設實踐案例研究

本文以“移動產品視覺設計”為研究案例，該課程為數字媒體技術專業的一門專業核心課程，結合其先修課程“數字圖像設計”與后續課程“人機交互技術”構成了整個圍繞互聯網產品從需求分析、用戶研究、交互設計、視覺設計、產品設計全過程教學，從工具使用、設計方法、交互原理、設計思維、產品思維等方面對學生進行全方位的培養。以下探討“移動產品視覺設計”課程建設中的一些設計思考與實踐。

3.1 基于設計思維的課程框架設計

根據國外專家學者先前研究，廣義的設計思維是指設計者獲得專業知識和能力的方式;狹義的設計思維是指一種以人為本的，將人的需求、技術和商業相結合的整合性思考方式和工具[8]。可見，設計思維是一種可培養的思考方式，既可以作為解決問題的工具，又可以是解決復雜設計問題的整合性創新方法，對于設計師成長和發展來說至關重要[9]。

斯坦福大學提出的設計思維模型為課程設計重構提供了很好的理論支持，我們將模型中的共情、定義、構想、原型、測試五個階段融合到課程教學設計的不同階段中，將教學過程中的教學任務設計、教學資源設計、教學環境設計、教學評價設計進行設計細化和框架重構。充分利用設計思維在創新能力培養方面的優勢來服務于專業課程教學，注重培養學生分析問題的能力、自主學習能力、創新能力、團隊協作的能力、社會化融入的能力[11]。

3.2 基于“以賽促學，以賽帶創”的實踐技能訓練

實踐教學對于設計類課程是非常重要的一個環節，教師應該為學生積極搭建一切學以致用的環境。本課程課內實驗引入大學生科技競賽，以賽促學，以賽帶創，有效地補充學生的實踐技能訓練。

將大學生科技競賽的主題引入到課堂，結合PBL（Problem-Based learning）以問題為導向的教學方法和體驗式教學模式[12]，學生以小組為單位自主完成項目角色分配、需求定位、市場分析、用戶調研、原型設計、視覺設計等環節，模擬商業路演和競賽答辯，既豐富了課堂教學，又有針對性地進行實踐技能訓練。最后，組織學生將課堂上的實踐成果進行優化、完善，同步推送到全國、全省各類大學生科技競賽，進行再一次的實戰演練。通過這樣的第二課堂，促進了學生知識結構鞏固，積累項目的經驗，并將學習的知識與實踐能力培養、團隊協作精神、設計思維分析等有機的結合，進而帶動了學生創新創業能力的培養提高[13]。

3.3 基于社會協同的教學平臺建設

除了常規的課堂教學與實踐教學外，本課程也將建設在線慕課，選取課程中適合線上教學與傳播的知識點作為內容，將課程依托于類似中國大學MOOC的智慧教育平臺，通過線上線下混合式教學的模式，進一步實現本課程建設的改革和創新[14]。

在進行慕課在線學習的同時，教師配合釘釘、QQ等在線即時聊天工具建立班級群，引導學生進行學習過程中的討論、頭腦風暴、答疑等環節。通過依托的在線智慧教育平臺會記錄學生的學情和教學成果等數據，我們可以充分利用好這些大數據以對課程進行評價和改善。另外，我們還建立課程社區，將更多的社會化學習資源引入，供學生在社區中自由地學習、討論，并將他們產生的學習成果進行分享，以促共創。后期還將引入已經畢業的優秀畢業生，他們均為大型互聯網公司的設計師，他們進入平臺為學生的作品成果進行有效的評價，同時提供最前沿的設計思維和設計技能的分享，打造一個良好的基于社會協同的在線教學平臺[15]。整體結構如圖1所示。

3.3.1 在線教學視頻的認知特點設計

教學視頻是教學平臺建設中的主要內容部分，是傳播知識的主要載體。在教學視頻設計上要基于學習者的多媒體情感認知理論，除了內容的編排，教師的畫面也尤為重要。教師的形象、手勢、眼神交流和面部表情能夠提高學生的社會存在感。尤其是手勢的運用是教學非語言表現的重點特征，可以采用指示性的手勢來引導學生對關鍵信息的注意，還可以采用描述性的手勢幫助學生理解口語化表達的內容。但是，人的認知資源是有限的，教師視頻同樣可能存在分散學生注意力的弊端，所以，我們會采取比較小的教師講述窗口，讓學生將更多的認知資源投入到重要的學習內容畫面上，使得教學效果最優化。

在線視頻課程當前最為重要的問題是要盡量模擬線下的互動性場景，我們在教學視頻中嵌入學習問題，讓學生觀看視頻和回答問題同步進行，在問題環節實現視頻與學生之間的互動。考慮到學生長時間對著屏幕學習，容易造成視覺疲勞而影響學習效果，我們對視頻中的背景顏色也要有特殊的設計，紅色有利于記憶測試問題的解決，藍色有利于創造性問題的解決。在針對不同學習情境下，我們會設計不同的背景和內容組織方式。另外，在視頻的學習材料中我們設計與利用一些線索[6]。比如利用手勢，能提高學生的反應，利用一些視覺元素的屬性變化來強調學習的內容，利用動畫元素等來提示關鍵性內容。

4 結束語

本文根據當前互聯網行業對設計人才提出的新要求，充分認識當前高校培養互聯網產品設計人才現狀的不足。2020年由于疫情影響，反而推動了課程線上教學方式的改革，我們結合“移動產品視覺設計”課程的建設，嘗試將課程教學向社會化協同方式變革，對該類課程基于設計思維的課程框架設計、創新融合的實踐技能訓練、在線慕課制作等方面進行了研究和探索，希望能建立起針對高校UI設計師培養的線上線下混合式培養體系，使得學生能更早地實踐社會化協同，成為符合時代發展的創新型人才。

參考文獻（References）：

[1] 顧漢杰.互聯網+背景下UI設計課程實驗教學模式研究[J].中國教育技術裝備，2017.6：130-131，135

[2] 羅建平，蔡軍，李潭秋.設計思維視角下的設計問題復雜性探究[J].包裝工程：1-10[2020-09-22].http：//kns.cnki.net/kcms/detail/50.1094.TB.20200413.1144.002.html.

[3] 廖黎莉，華英，陳紫梅.基于MOOC和大數據思維的“移動UI設計”泛在教學資源庫的構建[J].江蘇科技信息，2017.25：64-66

[4] 余勝泉，汪丹，王琦.大規模社會化協同的教育服務變革[J].電化教育研究，2020.41（4）：5-12

[5] 李恬恬，宋維虎.基于慕課的高校翻轉課堂教學模式的思考[J].教育現代化，2020.7（12）：119-121

[6] 朱曉亮，杜旭，李浩，曹文卓.基于MOOC的高校移動云課堂設計與應用研究[J].中國教育信息化，2016.14：20-26

[7] 黃麗衡.翻轉課堂：高校課程理論課教學模式[J].教育現代化，2019.6（10）：172-174

[8] 張紅英，莊君明，劉璐，王志軍.設計思維指導下的創新型課程設計研究[J].現代教育技術，2019.29（10）：100-107

[9] 曲敏，余志成.基于設計思維的包裝印刷專業基礎教學改革新思路[J].包裝工程，2019.S1：159-161

[10] 陳世燈，徐劉杰.基于社會化協同編輯的翻轉課堂教學研究[J].教育信息技術，2019.3：42-46

[11] 姚友明，鄭州，李立新.基于慕課的線上線下混合式教學課程建設、應用與效果評價研究[J].中國教育信息化，2020.8：86-89

[12] 郝莉，馮曉云，宋愛玲，李君.新工科背景下跨學科課程建設的思考與實踐[J].高等工程教育研究，2020.2：31-40

[13] 李徐，李曉坤，王秀君，邵娜，付文香，李菲.新媒體時代視覺傳達設計思維模式的創新研究[J].哈爾濱學院學報，2020.41（4）：139-144

[14] 鄭璇.“UI設計”課程教學內容和課程體系改革研究[J].科教文匯（中旬刊），2019.10：96-97

[15]曾勇，黃艷，向桂君，黃廷祝.從新生項目課開始：新工科建設“成電方案”的設計與實踐[J].高等工程教育研究，2020.1：14-19