文/齊蒙 [廣西藝術(shù)學(xué)院]

界面設(shè)計(jì)（interface design）是在體驗(yàn)設(shè)計(jì)和交互設(shè)計(jì)的指導(dǎo)下，處理人與界面之間的關(guān)系①。界面設(shè)計(jì)需要解決用戶行為、人機(jī)交互、操作邏輯性、界面布局等可用性、易用性和用戶滿意度等問(wèn)題有關(guān)②。因此界面設(shè)計(jì)是一門綜合性、實(shí)踐性很強(qiáng)的專業(yè)課程。

一、當(dāng)前教學(xué)中存在的問(wèn)題

本研究以視覺(jué)傳達(dá)設(shè)計(jì)系開(kāi)設(shè)的界面設(shè)計(jì)課程為主要研究對(duì)象，進(jìn)行一次實(shí)踐類課程的教學(xué)改革嘗試。本課程授課對(duì)象為視覺(jué)傳達(dá)系裝潢設(shè)計(jì)專業(yè)本科三年級(jí)的學(xué)生。課程采用階段性集中教學(xué)方式，課程時(shí)間為4周，共計(jì)64課時(shí)。本課程當(dāng)前主要存在以下問(wèn)題。

（一）課程受專業(yè)基礎(chǔ)課程影響較大

出色的界面設(shè)計(jì)固然需要協(xié)調(diào)字體、色彩、圖標(biāo)、圖片和空間之間的關(guān)系，但是界面設(shè)計(jì)是專業(yè)跨度較大的一門課程，因此在教學(xué)過(guò)程中很容易使用單一的思維路徑集中解決軟件及技術(shù)障礙，而忽略界面設(shè)計(jì)中對(duì)于人的行為、心理、操作邏輯性、用戶滿意度等因素的考量。只是完成視覺(jué)表現(xiàn)層面的設(shè)計(jì)并不能滿足用戶更高層次的需求。

（二）教材形式單一

教材是課程標(biāo)準(zhǔn)的具體化體現(xiàn)，因此本課程的教材選擇上需要根據(jù)課程大綱和教學(xué)培養(yǎng)方案的制定來(lái)選擇重點(diǎn)進(jìn)行設(shè)計(jì)思維進(jìn)行界面設(shè)計(jì)的相關(guān)教材。界面設(shè)計(jì)是一門跨專業(yè)、跨學(xué)科，并且實(shí)踐性非常強(qiáng)的課程，但是現(xiàn)階段教材大多是針對(duì)界面設(shè)計(jì)的技術(shù)層面，例如：相關(guān)軟件的使用技巧及界面設(shè)計(jì)案例分析等內(nèi)容。對(duì)于界面設(shè)計(jì)過(guò)程中設(shè)計(jì)思維、用戶群體分析、界面設(shè)計(jì)方法等相關(guān)的教材較少。

（三）設(shè)計(jì)過(guò)程路徑單一

本課程進(jìn)行之前對(duì)大學(xué)二年級(jí)和三年級(jí)的學(xué)生已經(jīng)進(jìn)行了設(shè)計(jì)過(guò)程和設(shè)計(jì)方法相關(guān)的訪談?wù){(diào)研。通過(guò)訪談法和卡片法相結(jié)合的方式，發(fā)現(xiàn)學(xué)生在設(shè)計(jì)的過(guò)程中使用的設(shè)計(jì)方法較少，設(shè)計(jì)過(guò)程路徑較為單一。

二、教學(xué)改革分析

（一）課程以“一點(diǎn)、一線、一面”為課程改革的主導(dǎo)思想

在界面設(shè)計(jì)的課程中以“一點(diǎn)、一線、一面”為主要線索進(jìn)行教改。一點(diǎn)是指以用戶為中心點(diǎn)，從用戶體驗(yàn)的角度出發(fā)，提升用戶體驗(yàn)品質(zhì)為目的③；一線是指在界面設(shè)計(jì)課程以設(shè)計(jì)研究方法為線索，使用定性研究和定量研究等研究方法貫穿在課程中；一面是指從用戶的需求出發(fā)檢驗(yàn)界面設(shè)計(jì)的易用性、實(shí)用性、好用性等因素④。

（二）以群體性用戶為設(shè)計(jì)對(duì)象，重新定義產(chǎn)品，驅(qū)動(dòng)界面設(shè)計(jì)創(chuàng)新

在本教學(xué)改革中打破以往以完成項(xiàng)目為主要目的課程要求，尋找有共同需求的用戶群體，從用戶需求出發(fā)了解設(shè)計(jì)新趨勢(shì)。隨著信息技術(shù)、經(jīng)濟(jì)的發(fā)展、互聯(lián)網(wǎng)＋的普及，界面設(shè)計(jì)的使用范圍、場(chǎng)景都發(fā)生了翻天覆地的變化。新的商業(yè)環(huán)境要求設(shè)計(jì)師更多地參與產(chǎn)品開(kāi)發(fā)模糊前期的用戶研究和產(chǎn)品定義⑤。因此本課程以群體性用戶為設(shè)計(jì)對(duì)象，更好了解界面設(shè)計(jì)的“模糊前期”，在對(duì)產(chǎn)品有明確定義之前，用定性研究的方法了解用戶的需求、要求和愿望，讓界面設(shè)計(jì)與用戶關(guān)心的價(jià)值產(chǎn)生聯(lián)系，最終達(dá)到進(jìn)行界面設(shè)計(jì)創(chuàng)新的目的⑥。

（三）教學(xué)過(guò)程中，設(shè)計(jì)路徑多元化。

在設(shè)計(jì)3.0語(yǔ)境下，設(shè)計(jì)對(duì)象范圍從實(shí)體產(chǎn)品到無(wú)形產(chǎn)品，產(chǎn)品范疇越來(lái)越廣。設(shè)計(jì)師的關(guān)注點(diǎn)也隨之拓寬，擴(kuò)展到用戶體驗(yàn)和可持續(xù)經(jīng)濟(jì)價(jià)值的多元維度⑦，因此設(shè)計(jì)過(guò)程和設(shè)計(jì)路徑變得越來(lái)越多元化。本課程教學(xué)改革，對(duì)在界面設(shè)計(jì)過(guò)程中加入檢驗(yàn)過(guò)程，采用多途徑、多場(chǎng)景、多空間等方式對(duì)產(chǎn)品的可行性進(jìn)行反復(fù)驗(yàn)證，使界面設(shè)計(jì)不僅僅具有視覺(jué)美觀度，還可以進(jìn)行落地推廣使用。

三、以適老化設(shè)計(jì)為例進(jìn)行教學(xué)探索

介于以上情況，我們進(jìn)行了課程建設(shè)教學(xué)方法的改革，出于界面設(shè)計(jì)的復(fù)合型人才的培養(yǎng)需求，本課程以用戶體驗(yàn)設(shè)計(jì)的理念為前提，以用戶為中心進(jìn)行界面設(shè)計(jì)，并加入了對(duì)用戶心理、用戶行為、人機(jī)工程、用戶習(xí)慣等因素⑧。在普及界面設(shè)計(jì)的基礎(chǔ)知識(shí)的前提下，使學(xué)生掌握界面設(shè)計(jì)的創(chuàng)新實(shí)踐能力的同時(shí)，對(duì)設(shè)計(jì)研究的方法、設(shè)計(jì)路徑、設(shè)計(jì)視角等有多種探索和嘗試。本課程教學(xué)改革以適老化設(shè)計(jì)為主題，對(duì)老年群體進(jìn)行深入分析，根據(jù)老年人的生理特點(diǎn)和心理特點(diǎn)的改變，設(shè)計(jì)創(chuàng)新性的界面設(shè)計(jì)產(chǎn)品，以滿足在互聯(lián)網(wǎng)語(yǔ)境下老年人群體對(duì)數(shù)字產(chǎn)品的需求。

（一）適老化設(shè)計(jì)現(xiàn)狀

適老化設(shè)計(jì)(elderly-oriented)，意思為適應(yīng)老年群體需求的設(shè)計(jì)。一般指在建筑設(shè)計(jì)、公共設(shè)施(商城、醫(yī)院、學(xué)校等)建設(shè)、起居環(huán)境裝修等進(jìn)行的適老化設(shè)計(jì)。2020年12月25日，國(guó)家工業(yè)和信息化部舉行切實(shí)解決老年人運(yùn)用智能技術(shù)困難新聞發(fā)布會(huì)，并宣布將于2021 年1 月起，在全國(guó)范圍內(nèi)啟動(dòng)為期一年的“互聯(lián)網(wǎng)應(yīng)用適老化及無(wú)障礙改造專項(xiàng)行動(dòng)”。

（二）適老化設(shè)計(jì)在界面設(shè)計(jì)課程中的教改應(yīng)用

UI界面設(shè)計(jì)總的學(xué)時(shí)數(shù)為64課時(shí)，課程時(shí)長(zhǎng)4周，課程分為三階段遞進(jìn)式進(jìn)行。

第一階段：課程導(dǎo)引

課程導(dǎo)引和基礎(chǔ)知識(shí)學(xué)習(xí)階段，主要對(duì)課程基礎(chǔ)理論（包括UI信息架構(gòu)、交互設(shè)計(jì)、設(shè)計(jì)原型等）、UI 設(shè)計(jì)研究方法、界面設(shè)計(jì)檢驗(yàn)等內(nèi)容進(jìn)行課程講授。因課程對(duì)象為視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)學(xué)生，因此軟件技能和使用技巧不作為主要的講授內(nèi)容。主要對(duì)界面設(shè)計(jì)的思維方式、用研方法進(jìn)行學(xué)習(xí)和練習(xí)。本階段從用戶體驗(yàn)的視角出發(fā)，引導(dǎo)學(xué)生如何從用戶的角度出發(fā)，掌握分析用戶需求，深度挖掘用戶痛點(diǎn)等，并且可以根據(jù)不同性質(zhì)的項(xiàng)目選擇不同的設(shè)計(jì)用研方法。

第二階段：課程中期階段

課程的中期階段一般和課程的基礎(chǔ)知識(shí)部分銜接進(jìn)行，在課程的基礎(chǔ)知識(shí)部分導(dǎo)入中期階段的內(nèi)容。在前期課程導(dǎo)入的過(guò)程中，在完成對(duì)界面設(shè)計(jì)基礎(chǔ)理論的學(xué)習(xí)后，以及在對(duì)界面設(shè)計(jì)用研方法的學(xué)習(xí)過(guò)程中，對(duì)學(xué)生的基礎(chǔ)能力、學(xué)習(xí)背景等進(jìn)行充分的了解后，再進(jìn)行小組分配，然后根據(jù)各小組成員關(guān)注點(diǎn)的不同，開(kāi)始進(jìn)行項(xiàng)目的選題。選題方向圍繞“適老化設(shè)計(jì)”主題進(jìn)行，圍繞微信小程序、APP軟件、企業(yè)網(wǎng)頁(yè)設(shè)計(jì)等產(chǎn)品類型進(jìn)行選擇。課程的中期階段分為四個(gè)階段完成：項(xiàng)目調(diào)研、產(chǎn)品定義、界面原型設(shè)計(jì)、設(shè)計(jì)檢測(cè)。

1.項(xiàng)目調(diào)研

項(xiàng)目調(diào)研環(huán)節(jié)根據(jù)選擇的項(xiàng)目性質(zhì)，分為兩部分進(jìn)行：市場(chǎng)調(diào)研和用戶調(diào)研。市場(chǎng)調(diào)研是尋求市場(chǎng)與企業(yè)之間的平衡點(diǎn)。目的是了解現(xiàn)階段該項(xiàng)目在市場(chǎng)中的現(xiàn)狀、前景和市場(chǎng)容量等，更好地尋找產(chǎn)品在市場(chǎng)中的精準(zhǔn)定位。用戶調(diào)研的目的是通過(guò)對(duì)用戶行為、用戶需求、用戶使用情況等深入調(diào)研分析，為后期的界面設(shè)計(jì)提供依據(jù)和設(shè)計(jì)檢驗(yàn)提供驗(yàn)證方法，以便更好地為下一步設(shè)計(jì)進(jìn)行產(chǎn)品定義或再定義。學(xué)生對(duì)調(diào)研結(jié)果進(jìn)行關(guān)鍵詞提煉、分析、總結(jié)，為后續(xù)研究提供基礎(chǔ)資料支撐。

2.產(chǎn)品定義

課程項(xiàng)目實(shí)踐中，在市場(chǎng)調(diào)研和用戶調(diào)研的基礎(chǔ)上，對(duì)新開(kāi)發(fā)的產(chǎn)品進(jìn)行定義或?qū)ΜF(xiàn)有產(chǎn)品進(jìn)行重新再定義。在調(diào)研的基礎(chǔ)上，使用卡片分類法對(duì)關(guān)鍵詞進(jìn)行提煉、重組，對(duì)項(xiàng)目產(chǎn)品進(jìn)行深入認(rèn)知了解，對(duì)新開(kāi)發(fā)產(chǎn)品進(jìn)行命名，明確產(chǎn)品性質(zhì)和形式特點(diǎn)，對(duì)現(xiàn)有產(chǎn)品進(jìn)行重新定義和產(chǎn)品特征分析。

這個(gè)階段是課程的主要階段，也是課程中耗費(fèi)時(shí)間和精力最多的階段。此階段主要解決產(chǎn)品開(kāi)發(fā)前期產(chǎn)品開(kāi)發(fā)的“模糊前期”問(wèn)題，模糊前期充分的構(gòu)造，對(duì)于開(kāi)發(fā)創(chuàng)新性的界面設(shè)計(jì)具有重要的位置。模糊前期是為了在滿足用戶需求的基礎(chǔ)上，降低產(chǎn)品的失敗率，降低開(kāi)發(fā)成本的有效手段。因此該階段是課程進(jìn)行中的重點(diǎn)部分，也是課程難點(diǎn)所在。

3.界面原型設(shè)計(jì)

在界面設(shè)計(jì)的基礎(chǔ)知識(shí)學(xué)習(xí)和項(xiàng)目調(diào)研的基礎(chǔ)上，發(fā)現(xiàn)界面設(shè)計(jì)中存在的問(wèn)題，并通過(guò)小組討論分析問(wèn)題，找尋解決問(wèn)題的途徑。把解決問(wèn)題的方法應(yīng)用到界面的設(shè)計(jì)中，對(duì)微信APP的適老化界面設(shè)計(jì)進(jìn)優(yōu)化升級(jí)。對(duì)用戶的調(diào)研過(guò)程中采用觀察和訪談等相結(jié)合的研究方法，收集老年人的心理、生理變化特征，在此基礎(chǔ)上對(duì)微信APP的界面在設(shè)計(jì)規(guī)范、界面布局、設(shè)計(jì)語(yǔ)言表述、操作路徑等方面進(jìn)行優(yōu)化。根據(jù)老年人操作習(xí)慣，對(duì)界面的布局進(jìn)行再設(shè)計(jì)，簡(jiǎn)化操作流程和操作步驟等。在設(shè)計(jì)語(yǔ)言方面為了適應(yīng)老年人認(rèn)知特征，采用更加口語(yǔ)化的語(yǔ)言表達(dá)，在界面中使用更容易被老年人理解的語(yǔ)言。隨著年齡的增加，老年人的認(rèn)知習(xí)慣容易固化，因此根據(jù)老年人的閱讀習(xí)慣和行為動(dòng)作，對(duì)微信界面的操作路徑進(jìn)行簡(jiǎn)化設(shè)計(jì)，避免路徑的重復(fù)與折返。

4.設(shè)計(jì)檢測(cè)

設(shè)計(jì)完成后需要圍繞目標(biāo)用戶群體進(jìn)行設(shè)計(jì)檢測(cè)，為界面設(shè)計(jì)的可行性、易用性等進(jìn)行實(shí)踐測(cè)試。該過(guò)程以小組協(xié)助為主，對(duì)微信APP的老年用戶群體采用操作實(shí)踐測(cè)試的方式，觀察用戶使用軟件過(guò)程中的操作過(guò)程，測(cè)試使用完成后對(duì)用戶群體進(jìn)行深度訪談，進(jìn)而對(duì)設(shè)計(jì)中不適和不當(dāng)?shù)牡胤竭M(jìn)行修改，此步驟和設(shè)計(jì)過(guò)程需要反復(fù)測(cè)試修改，最終達(dá)到老年群體使用軟件期間用戶的期待。

課程的中期階段是為了學(xué)生能使用合適的用研方法去發(fā)現(xiàn)問(wèn)題，了解用戶的需要和用戶痛點(diǎn)，制定界面設(shè)計(jì)方案提升用戶體驗(yàn)。

第三階段：課程終期階段

課程的最終階段，即課程項(xiàng)目展示和匯報(bào)階段。每個(gè)項(xiàng)目小組根據(jù)自己的項(xiàng)目選擇進(jìn)行項(xiàng)目設(shè)計(jì)過(guò)程和項(xiàng)目最終的實(shí)現(xiàn)情況進(jìn)行陳述和展示。在小組陳述結(jié)束后，其他小組成員對(duì)該小組進(jìn)行提問(wèn)和互評(píng)。在小組項(xiàng)目陳述過(guò)程中需要對(duì)項(xiàng)目前、項(xiàng)目中、項(xiàng)目后等不同的環(huán)節(jié)進(jìn)行分布陳述。學(xué)生在最終階段會(huì)在自我表述、邏輯思維和作品設(shè)計(jì)研究過(guò)程、陳述能力等方面得到鍛煉，也可以使學(xué)生獲得更多的價(jià)值感和成就感。

四、課程教學(xué)改革的意義

界面設(shè)計(jì)課程是視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)向跨學(xué)科、創(chuàng)新應(yīng)用型人才培養(yǎng)的教育轉(zhuǎn)變，以及將設(shè)計(jì)思維教學(xué)模式向?qū)I(yè)課程推廣、覆蓋的過(guò)程。本課程以特殊人群為設(shè)計(jì)研究對(duì)象，運(yùn)用設(shè)計(jì)思維，采用用研的設(shè)計(jì)方法，進(jìn)行界面設(shè)計(jì)的創(chuàng)新設(shè)計(jì)。該課程模式對(duì)于實(shí)踐類課程改革具有重要的創(chuàng)新價(jià)值。

（一）創(chuàng)新性

本課程是視覺(jué)傳達(dá)設(shè)計(jì)的專業(yè)課程，因?yàn)樵谡w的主導(dǎo)思路上采用以定義產(chǎn)品帶動(dòng)產(chǎn)品創(chuàng)新的教學(xué)方式。在項(xiàng)目的選擇和設(shè)計(jì)過(guò)程中，采用體驗(yàn)設(shè)計(jì)思維模式，因此教學(xué)模式和教學(xué)思維具有創(chuàng)新性。

（二）實(shí)踐性

界面設(shè)計(jì)課程具有很強(qiáng)的實(shí)踐性，在人才培養(yǎng)的制定過(guò)程中要綜合考慮到課程這一特點(diǎn)，因此在完成基礎(chǔ)知識(shí)學(xué)習(xí)和部分專業(yè)課程學(xué)習(xí)后進(jìn)行實(shí)踐性較強(qiáng)的課程安排，有利于學(xué)生的邏輯思維的學(xué)習(xí)和應(yīng)用。

（三）多維性

課程在進(jìn)行過(guò)程中采用多個(gè)設(shè)計(jì)研究方法，定性研究和定量研究相結(jié)合，更加精準(zhǔn)地發(fā)現(xiàn)產(chǎn)品的痛點(diǎn)，以便更好地尋找產(chǎn)品的機(jī)會(huì)點(diǎn)。讓產(chǎn)品和市場(chǎng)有充分的結(jié)合，多維度視角發(fā)現(xiàn)問(wèn)題、提出問(wèn)題、解決問(wèn)題，在界面設(shè)計(jì)過(guò)程中，給技術(shù)進(jìn)行合理的定位。

結(jié)語(yǔ)

綜上所述，針對(duì)界面設(shè)計(jì)的教學(xué)改革實(shí)踐從設(shè)計(jì)思維的轉(zhuǎn)變介入，深入進(jìn)行設(shè)計(jì)研究，重新對(duì)產(chǎn)品對(duì)象進(jìn)行定義，尋找合適的界面設(shè)計(jì)新機(jī)遇。在設(shè)計(jì)過(guò)程中使用不同的工具解決隨時(shí)可能出現(xiàn)和面對(duì)的困難，既保證界面設(shè)計(jì)的質(zhì)量，又可以充分利用界面設(shè)計(jì)開(kāi)發(fā)模糊前期，很好地滿足用戶的需求、要求和愿望。為實(shí)踐類課程進(jìn)行多維度、多視角的改革和創(chuàng)新提供參考。

注釋：

①加瑞特：《用戶體驗(yàn)要素：以用戶為中心的產(chǎn)品設(shè)計(jì)》，范曉燕譯，機(jī)械工業(yè)出版社，2011，第48—58頁(yè)。

②辛向陽(yáng).：《設(shè)計(jì)教育改革中的3C:語(yǔ)境、內(nèi)容和經(jīng)歷》，《裝飾》2016年第7期，第124—127頁(yè)。

③恰安、沃格爾：《創(chuàng)造突破性產(chǎn)品：從產(chǎn)品策略到項(xiàng)目定案的創(chuàng)新》，機(jī)械工業(yè)出版社，2004，第8—10頁(yè)。

④邵律、王膺高：《共聚上海楊浦同濟(jì)共話打造“設(shè)計(jì)之都”核心功能區(qū)路甬祥：設(shè)計(jì)的進(jìn)化—設(shè)計(jì)3.0》，《上海經(jīng)濟(jì)》2014年第11期，第47頁(yè)。

⑤《2019 年世界統(tǒng)計(jì)手冊(cè)》，2022 年5 月5 日，https://unstats.un.org/unsd/publications/pocket -book/files/ZH-world-stats-pocketbook-2019.pdf。

⑥丁笑蕾：《數(shù)字時(shí)代移動(dòng)支付適老化研究》，《老齡科學(xué)研究》2022年第10期，第68—78頁(yè)。

⑦工業(yè)和信息化部關(guān)于印發(fā)《互聯(lián)網(wǎng)應(yīng)用適老化及無(wú)障礙改造專項(xiàng)行動(dòng)方案》的通知，中國(guó)政府網(wǎng)，2022年5月5日http://www.gov.cn/zhengce/zhengceku/2020-12/26/content_5573472.htm。

⑧王如玥：《統(tǒng)計(jì)學(xué)方法在市場(chǎng)調(diào)研中的運(yùn)用》，《今日財(cái)富（中國(guó)知識(shí)產(chǎn)權(quán)）》2021 年第4 期，第23—24頁(yè)。