2022清華大學(xué)美術(shù)學(xué)院信息藝術(shù)設(shè)計(jì)交叉學(xué)科|交互設(shè)計(jì)基礎(chǔ)(上機(jī))考題分析
題目
智能鏡是一種新型的交互設(shè)備,其結(jié)構(gòu)由表面的半透明鏡面和后面的智能屏幕組成,根據(jù)其尺寸及功能不同,可以大致分為,智能化妝鏡、智能發(fā)型鏡、智能試衣鏡、智能健身鏡、智能梳妝鏡,請(qǐng)選擇一個(gè)使用場(chǎng)景,設(shè)計(jì)一款智能鏡,設(shè)計(jì)完成一套適用于該場(chǎng)景的界面。
? ? 1. 自行選擇合適的尺寸完成設(shè)計(jì),用關(guān)鍵詞的形式分點(diǎn)列出設(shè)計(jì)定位及目標(biāo);
? ? 2. 畫出主界面并完成相應(yīng)的交互設(shè)計(jì),畫出關(guān)鍵交互流程圖,分別繪制界面,其中不少于三個(gè)二級(jí)界面,總界面不少于6個(gè)
? ? 3. 最終以ppt的形式呈現(xiàn),輔以必要的設(shè)計(jì)說(shuō)明
? ? 4. U盤文件夾以“考生編號(hào)+姓名命名”,文件夾內(nèi)不得出現(xiàn)考生姓名
評(píng)分標(biāo)準(zhǔn)
? ? 1. 界面清晰,交互流程合理
? ? 2. 功能設(shè)計(jì)合理
? ? 3. 一定的視覺表達(dá)
? ? 4. 具有創(chuàng)新性
一、多元交互設(shè)備再出現(xiàn)!強(qiáng)調(diào)方案與界面相結(jié)合的設(shè)計(jì)
?? ? ? 延續(xù)去年上機(jī)考試的變化,考試題目毫無(wú)意外的再次以多元的交互設(shè)備形式出現(xiàn)。在無(wú)處不在的屏幕當(dāng)下,上機(jī)考試的題目將確定不再聚焦于手機(jī)或平板的特定形式,進(jìn)一步從生活中的情景出發(fā)尋找題材作為考點(diǎn)。這也意味著考試更多的需要大家從情景的角度構(gòu)建設(shè)計(jì)的整體思考,而非單一完成界面的樣式設(shè)計(jì)。這種強(qiáng)調(diào)方案與界面相結(jié)合的考題,界面設(shè)計(jì)的樣式成為一個(gè)表現(xiàn)基礎(chǔ),而設(shè)計(jì)內(nèi)容的構(gòu)建成為獲取高分的關(guān)鍵。
?? ? ? 令人意外的是,這道考題在2015年曾經(jīng)在當(dāng)時(shí)信息藝術(shù)交叉學(xué)科的手繪考試中出現(xiàn),題目當(dāng)時(shí)即給出了這樣的一面智能鏡,要求考生設(shè)計(jì)其應(yīng)用情景、功能、交互流程與界面。而面對(duì)上機(jī),此題進(jìn)一步簡(jiǎn)化要求,已經(jīng)將特定的情景給出。然而對(duì)于作答的思路與需要完成的內(nèi)容,與過(guò)去的手繪考試已沒有區(qū)別,只是作答工具的分別。可以說(shuō),從去年開始的改革使手繪與上機(jī)合并的思路是肯定的。
二、題目分析
1/ 具體情景的設(shè)計(jì)思考
? ? ? ? 題目給出的交互設(shè)備是智能鏡,為了進(jìn)一步使考生可以理解這樣的交互設(shè)備,題目同時(shí)給出了目前該類型設(shè)備在應(yīng)用中的幾個(gè)具體情景方向。題干進(jìn)一步要求我們?cè)谶@些場(chǎng)景中選擇其中一個(gè)進(jìn)行具體的設(shè)計(jì),甚至進(jìn)一步提示我們要根據(jù)情景去為這個(gè)設(shè)備進(jìn)行設(shè)計(jì),再完成其應(yīng)用界面。這樣的題目要求我們給出這個(gè)交互設(shè)備在情景中具體的應(yīng)用功能構(gòu)想,而非單純一個(gè)“宏觀”的界面組成。
?? ? ? 在思考設(shè)計(jì)功能的時(shí)候,我們先要對(duì)情景進(jìn)行界定與分析。從題目給出的智能鏡應(yīng)用情景我們可以分為兩種可能方向:一、個(gè)人家庭生活應(yīng)用;二、公共環(huán)境中的應(yīng)用。題目所給出的所有情景事實(shí)上都可以做為“個(gè)人家庭應(yīng)用,但其中“智能試衣鏡”、“智能健身鏡”則可以應(yīng)用于商場(chǎng)與健身房的公共空間中。
?? ? ? 具體情景進(jìn)行設(shè)計(jì)思考時(shí),首先要明確在該情景下的功能需求會(huì)是什么?又或者說(shuō)用戶會(huì)做什么事情?以智能化妝鏡為例,首先這是一款化妝鏡,面向的是用戶的化妝任務(wù)。設(shè)計(jì)思考時(shí)就應(yīng)該以用戶的化妝流程出發(fā),找尋用戶化妝流程的節(jié)點(diǎn)中可以加入的信息設(shè)計(jì)內(nèi)容,如同我們通過(guò)“用戶旅程圖”所進(jìn)行的用戶分析,通過(guò)這個(gè)步驟,我們即可建立起應(yīng)用的主要功能與設(shè)計(jì)概念。比如:基本型功能:對(duì)用戶所具有的化妝品的信息呈現(xiàn);期望型功能:給予用戶結(jié)合情景(上班、聚會(huì)、旅行等)的妝容建議;特定妝容的化妝過(guò)程引導(dǎo);興奮型功能:妝容的記錄/評(píng)分;化妝品的推薦與購(gòu)物,等。
2/ 形式追隨功能的產(chǎn)品與界面設(shè)計(jì)
?? ? ? 題目要求我們?cè)O(shè)計(jì)一款智能鏡,并進(jìn)一步要求我們自定其尺寸。這要求我們?cè)谠O(shè)計(jì)說(shuō)明中清晰的給予產(chǎn)品設(shè)計(jì)的基本描述。每一個(gè)鏡面都需要考生根據(jù)其面向的特定情景與功能構(gòu)建其產(chǎn)品特征。這里的第一要求是合理。鏡面的大小應(yīng)充分考慮情景需求,同時(shí)界面的線框與樣式則需要匹配這樣的鏡面尺寸,這同時(shí)也是考試中的隱含要求。不能簡(jiǎn)單的將手機(jī)移動(dòng)應(yīng)用的范式套用到多元交互設(shè)備中,而要根據(jù)具體的功能構(gòu)建界面的框架與形式。例如,手機(jī)中標(biāo)簽導(dǎo)航欄基本出現(xiàn)在界面下方,而面對(duì)智能鏡,導(dǎo)航標(biāo)簽的布局與形式則無(wú)法通過(guò)固定范式解決。靈活的產(chǎn)品與界面設(shè)計(jì)需要堅(jiān)持以形式追隨功能的方式去思考,而不能生搬硬套現(xiàn)有的應(yīng)用交互范式,通過(guò)主動(dòng)合理的創(chuàng)作思考,界面的形式則呈現(xiàn)出既符合功能需要,有具備創(chuàng)新度的結(jié)果,這是獲取高分的關(guān)鍵。
3/ 運(yùn)用類型思考,快速構(gòu)建方案
? ? ? ? 智能鏡子的應(yīng)用功能其實(shí)具有比較明確的類型特征,此前在課程中我們也多次強(qiáng)調(diào)大家對(duì)應(yīng)用功能的類型化思考,從而快速構(gòu)建思路。假設(shè)以個(gè)人家庭智能健身鏡為例,我們可以參考一般運(yùn)動(dòng)健康類應(yīng)用的類型完成其基本功能思路。創(chuàng)建、選擇、管理健身計(jì)劃;引導(dǎo)健身過(guò)程:章節(jié)為模式展開,具備實(shí)時(shí)連續(xù)視頻演示,過(guò)程中動(dòng)作識(shí)別與糾正(通過(guò)鏡子可以實(shí)現(xiàn)“增強(qiáng)現(xiàn)實(shí)”的糾正引導(dǎo)功能,這是一般應(yīng)用不具備的功能);健身結(jié)果的記錄與數(shù)據(jù)展現(xiàn);激勵(lì)與獎(jiǎng)勵(lì)機(jī)制;變現(xiàn)(授課、周邊)銷售。通過(guò)簡(jiǎn)單的類型運(yùn)用,我們可以快速的明確我們要設(shè)計(jì)什么,進(jìn)一步將更多的時(shí)間運(yùn)用于界面形式的創(chuàng)新和實(shí)現(xiàn)中。
4/ 創(chuàng)意融入,交互方式的設(shè)計(jì)思考
?? ? ? 面對(duì)智能鏡子,由于屏幕的形式變化我們可以進(jìn)一步設(shè)想其交互方式。這里可以通過(guò)設(shè)計(jì)輔助說(shuō)明將產(chǎn)品的系統(tǒng)設(shè)計(jì)進(jìn)行進(jìn)一步傳達(dá)。
? ? ? ? 如健身鏡與健身手套的搭配來(lái)完成對(duì)鏡子內(nèi)容的精準(zhǔn)直接手勢(shì)交互,同時(shí)通過(guò)在鏡子中裝入攝像頭,基于視覺識(shí)別對(duì)用戶的動(dòng)作進(jìn)行捕捉,從而完成糾正、游戲體驗(yàn)、甚至特殊的交互方式設(shè)計(jì)。從這些方面出發(fā),我們可以在基于應(yīng)用類型的框架下,進(jìn)一步的創(chuàng)建出更具創(chuàng)意的內(nèi)容。創(chuàng)意可以體現(xiàn)于特定的互動(dòng)應(yīng)用,也可以體現(xiàn)于交互方式中。
? ? ? ? 有一些場(chǎng)景我們可以充分結(jié)合物聯(lián)網(wǎng)的概念進(jìn)行應(yīng)用傳達(dá)。如智能梳妝鏡,個(gè)人智能梳妝鏡通常放置于家庭浴室之中。在此場(chǎng)景中,智能鏡更像是一個(gè)智慧家庭的物聯(lián)網(wǎng)交互終端。作為屏幕,它可以與我們家中的一些設(shè)備進(jìn)行針對(duì)性的信息交換,從而體現(xiàn)其功能特點(diǎn)。比如說(shuō),智能鏡與智能秤的聯(lián)系,在浴室中稱體重的時(shí)候,將更多的細(xì)節(jié)信息呈現(xiàn)于鏡面之上,給予用戶創(chuàng)新的體驗(yàn)。
三、從界面設(shè)計(jì)到系統(tǒng)產(chǎn)品設(shè)計(jì)
?? ? ? 上機(jī)考試的題目經(jīng)過(guò)兩年的變化,已經(jīng)從以界面的設(shè)計(jì)為方向進(jìn)化到圍繞產(chǎn)品系統(tǒng)的全面設(shè)計(jì)思考為目標(biāo)。解題的核心從原來(lái)直觀構(gòu)建功能、思考流程、基于規(guī)范創(chuàng)建界面,轉(zhuǎn)向從理解并思考情景、用戶目標(biāo)與產(chǎn)品概念出發(fā),設(shè)計(jì)交互方式與交互流程,進(jìn)而有針對(duì)的創(chuàng)建具有主題性與特殊性的界面形式的系統(tǒng)化設(shè)計(jì)構(gòu)建。這無(wú)疑提升了考試的難度與不可預(yù)測(cè)性,然而通過(guò)對(duì)不同交互設(shè)備的了解、交互技術(shù)專題的深入,我們?nèi)钥梢院芎镁涂荚囘M(jìn)行準(zhǔn)備。這要求我們?cè)趥淇贾?,重新審視界面的形式設(shè)計(jì)、軟件的應(yīng)用的作用,它們是不可或缺的扎實(shí)基礎(chǔ),但僅僅擁有基礎(chǔ)將無(wú)法簡(jiǎn)單通過(guò)考試,更需要我們進(jìn)一步提升對(duì)交互設(shè)計(jì)的了解與認(rèn)知,在構(gòu)建設(shè)計(jì)思路上做出突破。