張笑怡?孟娜?林萍?黃可欣?胡慧景

摘 要：以實(shí)例出發(fā)，淺談多媒體作品的設(shè)計(jì)與研究到交互設(shè)計(jì)。并將重點(diǎn)研究前期選題，以大學(xué)生的視角闡釋App的設(shè)計(jì)過(guò)程。

關(guān)鍵詞：pov；選題研究；交互設(shè)計(jì)

交互設(shè)計(jì)，又稱(chēng)互動(dòng)設(shè)計(jì)，是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。人造物，即人工制成物品，例如，軟件、移動(dòng)設(shè)備、人造環(huán)境、服務(wù)、可佩帶裝置以及系統(tǒng)的組織結(jié)構(gòu)。交互設(shè)計(jì)在于定義人造物的行為方式相關(guān)的界面。交互設(shè)計(jì)作為一門(mén)關(guān)注交互體驗(yàn)的新學(xué)科在二十世紀(jì)八十年代產(chǎn)生了，它由IDEO的一位創(chuàng)始人比爾·摩格理吉在1984年一次設(shè)計(jì)會(huì)議上提出，他一開(kāi)始給它命名為“軟面”，由于這個(gè)名字容易讓人想起和當(dāng)時(shí)流行的玩具“椰菜娃娃”，他后來(lái)把它更名為“Interaction Design”，即交互設(shè)計(jì)。

我們以“北京”為課題，延展出“京片子”這個(gè)項(xiàng)目。以介紹北京人的北京話(huà)為主線(xiàn)，延展出即將失傳的吆喝和大眾喜聞樂(lè)見(jiàn)的相聲等等。從前期的頭腦風(fēng)暴、視頻拍攝，到后期的界面制作、結(jié)構(gòu)設(shè)置以及動(dòng)態(tài)演示，我們都親歷親為，力求做到原創(chuàng)性的最大化。雖然這其中經(jīng)歷過(guò)多次失敗和重蹈覆轍，但我們確實(shí)從中受益匪淺。

一個(gè)優(yōu)秀的APP交互動(dòng)畫(huà)不僅僅是弦，而且要實(shí)用，有的還要考慮手機(jī)的性能等因素，所以想做一個(gè)好的交互不并容易，我們首先要發(fā)現(xiàn)用戶(hù)需要，建立明確需求。我們主動(dòng)去觀察一些生活中的信息，為靈感的迸發(fā)做儲(chǔ)備。確認(rèn)了用戶(hù)的這一需要，我們就會(huì)進(jìn)行調(diào)研，確定我們的目標(biāo)用戶(hù)。通過(guò)問(wèn)卷調(diào)查等方式盡可能多的去收集信息，分析調(diào)研，頭腦風(fēng)暴幫助組完善信息，我們會(huì)采取一些有趣的方式，比如一堆人在一起頭腦風(fēng)暴，大家回憶各種相關(guān)的生活場(chǎng)景，然后把一些關(guān)鍵詞記錄下來(lái)。這一步我們的目的是要知道：用戶(hù)想要什么？

通過(guò)這些步驟我們提煉出一些最重要的功能需求，接著產(chǎn)品組會(huì)整理出需求文檔，設(shè)計(jì)師就位。提出設(shè)計(jì)方案，通過(guò)調(diào)研，我們得到了大量數(shù)據(jù)信息，并建立了明確的需求，下一步就是開(kāi)始提設(shè)計(jì)方案。這個(gè)階段我會(huì)做一些概念設(shè)計(jì)，互聯(lián)網(wǎng)產(chǎn)品也是這樣，需要賦予它一個(gè)概念，例如日程管理：這是一個(gè)專(zhuān)業(yè)的日程管理功能，通過(guò)使用它，我們可以有效的管理自己每天的日程和時(shí)間，以提高工作效率，并且不會(huì)再錯(cuò)過(guò)每個(gè)重要的約會(huì)。這些文字并不一定非是交互設(shè)計(jì)師所總結(jié)，但是交互設(shè)計(jì)師必須要做到對(duì)產(chǎn)品心里有數(shù)，明確我們要做什么。

同時(shí)需要進(jìn)行的還有初稿設(shè)計(jì)，在這里我所謂的初稿，并不一定是嚴(yán)格要求中的交互原型，可以把主要的頁(yè)面流程做出來(lái)，也可以手繪草圖，只要能清晰表達(dá)設(shè)計(jì)構(gòu)思的，什么樣的方式都可以。制作設(shè)計(jì)原型，也就是常說(shuō)的交互稿，區(qū)別于做設(shè)計(jì)方案時(shí)的初稿，這份交互稿我會(huì)盡可能細(xì)致的把流程和具體操作形式表達(dá)出來(lái)?？紤]到做交互是一個(gè)迭代過(guò)程，我會(huì)在設(shè)計(jì)稿的首頁(yè)為設(shè)計(jì)的產(chǎn)品做一份交互更新日志，記錄下交互更新時(shí)間、版本名稱(chēng)、更新類(lèi)型、更新內(nèi)容、參考需求文檔與交互負(fù)責(zé)人。用戶(hù)測(cè)試與評(píng)估，產(chǎn)品基本功能實(shí)現(xiàn)后，我們會(huì)做用戶(hù)測(cè)試，設(shè)計(jì)是很主觀的，并且會(huì)受各種因素影響，所以我們的產(chǎn)品難免會(huì)存在一些意料之外的問(wèn)題，通過(guò)招募用戶(hù)來(lái)使用我們的產(chǎn)品，我們能收集到一些使用場(chǎng)景中發(fā)現(xiàn)問(wèn)題的反饋，并把這些整理成優(yōu)化點(diǎn)，完善我們的產(chǎn)品。

大部分現(xiàn)代移動(dòng)設(shè)備都采用了觸摸屏，而觸摸屏有著自己獨(dú)特的優(yōu)勢(shì)和局限性。我們不僅要使用觸摸屏查看內(nèi)容，還要與內(nèi)容進(jìn)行交互。這就使得設(shè)計(jì)師要考慮如何設(shè)計(jì)出符合人體工程學(xué)的手勢(shì)和過(guò)渡效果，以及專(zhuān)門(mén)針對(duì)移動(dòng)端的交互模式。人體工程學(xué)，移動(dòng)端人體工程學(xué)的設(shè)計(jì)要求我們既要考慮設(shè)備尺寸，也要思考觸摸屏在實(shí)際應(yīng)用情況下的各種問(wèn)題。舉例來(lái)說(shuō)，用戶(hù)拿設(shè)備和觸摸屏幕的方式?jīng)Q定著他們能否輕松夠到屏幕的各個(gè)部分。點(diǎn)擊區(qū)域，或者叫“用戶(hù)為激活某對(duì)象所需觸摸的屏幕區(qū)域”需要有充分的空間以便用戶(hù)準(zhǔn)確操作。一般人的指尖寬度是1到2厘米，大概對(duì)應(yīng)標(biāo)準(zhǔn)屏幕的44像素到57像素，或者視網(wǎng)膜屏的88像素到114像素?？紤]到觸摸屏的區(qū)別，諾基亞、Apple和微軟在這方面的推薦大小彼此之間有著細(xì)微的差別。不過(guò)，在點(diǎn)擊區(qū)域這一方面，并沒(méi)有硬性的規(guī)定。你完全不用費(fèi)勁查看各種標(biāo)準(zhǔn)來(lái)尋求既定的答案，只需要思考用戶(hù)要在屏幕上實(shí)現(xiàn)什么目的、其待實(shí)現(xiàn)目的的重要性如何，以及需要完成的速率，然后相應(yīng)進(jìn)行設(shè)計(jì)就行了。觸摸屏上專(zhuān)用于某些功能的區(qū)域部分是無(wú)法顯示內(nèi)容的，這也就使得手勢(shì)成為了移動(dòng)交互設(shè)計(jì)的一個(gè)關(guān)鍵組成部分。現(xiàn)在所有的主流觸摸操作系統(tǒng)都采用了手勢(shì)，其中包括：Google 的 Android、Apple 的 iOS和Microsoft的 Windows 8。有很多移動(dòng)端及響應(yīng)式網(wǎng)站都采用擴(kuò)展菜單進(jìn)入主導(dǎo)航畫(huà)面。菜單圖標(biāo)（通常幾行橫線(xiàn)）包含在標(biāo)題當(dāng)中。點(diǎn)擊圖標(biāo)可以顯示一系列主菜單項(xiàng)。有的應(yīng)用和網(wǎng)站采用可滑動(dòng)的側(cè)邊菜單。比如Facebook的應(yīng)用。和擴(kuò)展菜單一樣，一般需要點(diǎn)擊一個(gè)有幾行橫線(xiàn)的圖標(biāo)或者滑動(dòng)屏幕，然后就可擴(kuò)展出或滑過(guò)菜單，并在屏幕側(cè)面垂直顯示一系列菜單項(xiàng)。側(cè)邊菜單可以包含分類(lèi)并且可以滾動(dòng)。

信息體驗(yàn)設(shè)計(jì)以情感化設(shè)計(jì)為核心，規(guī)劃信息流轉(zhuǎn)的過(guò)程，挖掘令人感興趣的媒介方式，以期提供給受眾愉悅的信息體驗(yàn)。信息沒(méi)有變，變的是信息之外的東西。但信息體驗(yàn)設(shè)計(jì)不僅僅是改變信息形態(tài)，不等于信息設(shè)計(jì)。強(qiáng)調(diào)過(guò)程設(shè)計(jì)，與其說(shuō)溝通的內(nèi)容，不如說(shuō)設(shè)計(jì)溝通的方式與過(guò)程。我們要把設(shè)計(jì)的信息系統(tǒng)想象成一個(gè)人。每當(dāng)我們?cè)谶M(jìn)行選題時(shí)，我們應(yīng)當(dāng)全方位的以一個(gè)導(dǎo)演的視角進(jìn)行思考，仔細(xì)分析自己產(chǎn)品的媒介、場(chǎng)景、迭代、對(duì)象、界面以及交互是否真的貼合你的主題，也就是信息。若將以上六點(diǎn)建為一個(gè)正六邊形，將信息至于中心，按比重確定六項(xiàng)要素所占的位置，連成一個(gè)六邊形，那么這個(gè)六邊形的面積越小，我們所頭腦風(fēng)暴出的結(jié)果就越貼合我們的主題了。在這里，我們也總結(jié)出了一個(gè)公式，即我們發(fā)現(xiàn)（who）存在的（what）問(wèn)題，所以用（definition）去解決。人是有信息需求的，以人為本，所以從需求出發(fā)定選題方向。

綜上所述，淺談了一些我們經(jīng)過(guò)實(shí)例設(shè)計(jì)后總結(jié)出的經(jīng)驗(yàn)，作為一名數(shù)字媒體專(zhuān)業(yè)的大學(xué)生，我們要注重活學(xué)活用。細(xì)節(jié)決定成敗。

作者簡(jiǎn)介

張笑怡（1994—），女，北京人，工作單位：北京印刷學(xué)院，職務(wù)：學(xué)生，研究方向：數(shù)字媒體設(shè)計(jì)。