產(chǎn)品交互設(shè)計(jì)案例精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的產(chǎn)品交互設(shè)計(jì)案例主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：產(chǎn)品交互設(shè)計(jì)案例范文

在現(xiàn)代移動(dòng)互聯(lián)網(wǎng)高速發(fā)展的浪潮中，傳統(tǒng)平面設(shè)計(jì)逐漸向新媒體交互設(shè)計(jì)轉(zhuǎn)變，以智能手機(jī)APP交互設(shè)計(jì)為代表的移動(dòng)互聯(lián)網(wǎng)應(yīng)用設(shè)計(jì)正逐漸快速發(fā)展。目前，國(guó)內(nèi)交互設(shè)計(jì)發(fā)展滯后于智能手機(jī)的發(fā)展，手機(jī)應(yīng)用交互設(shè)計(jì)仍停留在滿足用戶(hù)功能需求的層面，很少有智能手機(jī)應(yīng)用深入挖掘人們對(duì)文化與情感的訴求。無(wú)論是現(xiàn)代的市場(chǎng)環(huán)境導(dǎo)致了設(shè)計(jì)方向的改變，還是出于傳承中華文化的考慮，將中國(guó)傳統(tǒng)元素與交互設(shè)計(jì)融合都是值得研究和思考的。所以應(yīng)從交互界面、動(dòng)效設(shè)計(jì)、情感化設(shè)計(jì)、用戶(hù)體驗(yàn)等多方面著手，以塑造出充滿創(chuàng)新意義的以智能手機(jī)為代表的移動(dòng)新媒體應(yīng)用設(shè)計(jì)界面。

關(guān)鍵詞：

傳統(tǒng)元素；互聯(lián)網(wǎng)；交互設(shè)計(jì)；UI；APP

一、目前手機(jī)交互設(shè)計(jì)的現(xiàn)狀

隨著移動(dòng)互聯(lián)網(wǎng)及智能手機(jī)的不斷發(fā)展，智能手機(jī)APP正深刻影響著人們衣食住行的各個(gè)方面。用戶(hù)出行打車(chē)使用滴滴出行APP，訂餐使用餓了么、百度外賣(mài)、美團(tuán)外賣(mài)等APP。通過(guò)這些操作簡(jiǎn)便的App，用戶(hù)減少了等車(chē)、等餐的時(shí)間。在現(xiàn)代移動(dòng)互聯(lián)網(wǎng)高速發(fā)展的浪潮中，傳統(tǒng)平面設(shè)計(jì)逐漸向新媒體交互設(shè)計(jì)轉(zhuǎn)變，以智能手機(jī)APP交互設(shè)計(jì)為代表的移動(dòng)互聯(lián)網(wǎng)應(yīng)用設(shè)計(jì)正逐漸快速發(fā)展。手機(jī)應(yīng)用的設(shè)計(jì)風(fēng)格從擬物化的界面設(shè)計(jì)逐漸轉(zhuǎn)向更直觀、簡(jiǎn)潔的扁平化設(shè)計(jì)。目前，國(guó)內(nèi)交互產(chǎn)品設(shè)計(jì)設(shè)計(jì)發(fā)展滯后于智能手機(jī)的發(fā)展，手機(jī)應(yīng)用交互設(shè)計(jì)仍停留在滿足用戶(hù)功能需求的層面，很少有智能手機(jī)應(yīng)用深入挖掘人們對(duì)文化與情感的訴求。從國(guó)外傳入中國(guó)的設(shè)計(jì)理論幾乎都是以歐美國(guó)家的設(shè)計(jì)理念為主導(dǎo)，界面設(shè)計(jì)中很少能看到較為符合中國(guó)人審美潮流的設(shè)計(jì)。

二、中國(guó)傳統(tǒng)元素加入交互設(shè)計(jì)的必要性

有著五千年文明史的中國(guó)，經(jīng)過(guò)無(wú)數(shù)風(fēng)雨滄桑，創(chuàng)造了偉大的中華文明。在歷史的長(zhǎng)河中，華夏兒女創(chuàng)作了一個(gè)又一個(gè)傳奇，以萬(wàn)里長(zhǎng)城為代表的中國(guó)古跡為世人敬仰。隨著中國(guó)經(jīng)濟(jì)的飛速發(fā)展，人們的物質(zhì)生活水平在不斷提高，生活也越來(lái)越便捷。然而，與此同時(shí)，中國(guó)的傳統(tǒng)文化卻逐漸在人們的意識(shí)中消退，許多優(yōu)良的傳統(tǒng)被人們忘記、拋棄。目前隨著國(guó)家的偉大復(fù)興，中國(guó)文化應(yīng)將傳統(tǒng)的中國(guó)元素與新興技術(shù)相結(jié)合，借助互聯(lián)網(wǎng)平臺(tái)在世界范圍內(nèi)進(jìn)行快速傳播，從而擴(kuò)大人們的認(rèn)知領(lǐng)域，增加世界對(duì)中國(guó)傳統(tǒng)文化的了解。將中國(guó)傳統(tǒng)元素加入交互設(shè)計(jì)既是一種創(chuàng)新，同時(shí)也是傳播中國(guó)傳統(tǒng)文化、增加交互設(shè)計(jì)活力的必要趨勢(shì)。創(chuàng)新逐漸開(kāi)始成為互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中的重中之重。我們幾乎天天都能看到行業(yè)中各類(lèi)推陳出新的“新”生代，在感嘆這些創(chuàng)新的時(shí)候，將原有成熟的中國(guó)元素加入交互設(shè)計(jì)中，會(huì)給用戶(hù)帶來(lái)更多懷舊的體驗(yàn)。將中國(guó)傳統(tǒng)元素融入用戶(hù)手機(jī)APP中，使中華文明元素?zé)o處不在，當(dāng)我們使用APP時(shí)，這既對(duì)中國(guó)傳統(tǒng)文化進(jìn)行了宣傳，又可以吸引用戶(hù)去探究其意義，使中國(guó)傳統(tǒng)元素被有效地傳承。人類(lèi)通過(guò)眼睛來(lái)獲取信息建立自己的視覺(jué)資料庫(kù)。因此，將存在于書(shū)本之上的中國(guó)元素突破傳統(tǒng)媒介的傳播方式，以新媒體的視覺(jué)形式呈現(xiàn)在群眾眼前，可以吸引群眾的注意力，使用戶(hù)產(chǎn)生點(diǎn)擊欲。

三、中國(guó)傳統(tǒng)元素與交互設(shè)計(jì)的融合策略

現(xiàn)在的手機(jī)界面很多都較為簡(jiǎn)潔和扁平化。蘋(píng)果手機(jī)擁有自身品牌的iOS系統(tǒng)，并進(jìn)行了扁平化風(fēng)格設(shè)計(jì)；小米手機(jī)擁有自身品牌的miUI系統(tǒng)，并開(kāi)發(fā)了小米的眾多應(yīng)用；微軟擁有自己的一套WindowsPhone系統(tǒng)，并首先將扁平化設(shè)計(jì)融入其中。我們可以根據(jù)安卓系統(tǒng)的可適應(yīng)性設(shè)計(jì)一款含中國(guó)風(fēng)元素的UI界面，融入中國(guó)傳統(tǒng)文化的元素并將其推廣。現(xiàn)在市場(chǎng)上將中國(guó)元素加入交互設(shè)計(jì)中的案例屈指可數(shù)，從創(chuàng)新方面來(lái)說(shuō)，這是設(shè)計(jì)師從未思考的地方，更是值得研究的地方。

（一）從界面元素交互分析從交互的角度考慮，交互設(shè)計(jì)是一個(gè)迭代過(guò)程，通過(guò)交互設(shè)計(jì)評(píng)估，可以及早發(fā)現(xiàn)設(shè)計(jì)中的缺陷，進(jìn)而能進(jìn)一步完善交互流程。通過(guò)交互評(píng)審，也可發(fā)現(xiàn)交互設(shè)計(jì)中可行、合理或優(yōu)秀的地方，從而為后續(xù)產(chǎn)品的交互設(shè)計(jì)提供借鑒。因此，是否滿足用戶(hù)體驗(yàn)是手機(jī)產(chǎn)品交互設(shè)計(jì)的評(píng)估標(biāo)準(zhǔn)。由于用戶(hù)體驗(yàn)是用戶(hù)使用產(chǎn)品過(guò)程中的感受，具有較強(qiáng)的主觀性，所以，目前用戶(hù)體驗(yàn)還沒(méi)有一個(gè)具體的標(biāo)準(zhǔn)。當(dāng)交互設(shè)計(jì)產(chǎn)品層級(jí)比較深的時(shí)候，設(shè)計(jì)師要清楚地了解這個(gè)產(chǎn)品有多少二級(jí)頁(yè)面，多少三級(jí)頁(yè)面，并要考慮頁(yè)面之間的關(guān)系——它們是否可以用到不同頁(yè)面中的內(nèi)容，是否需要重新進(jìn)行構(gòu)造設(shè)計(jì)等，以及標(biāo)簽欄、按鈕、對(duì)話框、框等空間使用的便利性和icon繪制的精細(xì)性。一個(gè)頁(yè)面的好壞要注意這些細(xì)節(jié)的把控。例如有兩個(gè)頁(yè)面都需要二級(jí)標(biāo)簽欄，你如果出兩套樣式，說(shuō)明你并沒(méi)有思考icon控件的問(wèn)題，這樣很大程度會(huì)造成FE（前端開(kāi)發(fā)）資源浪費(fèi)，而用戶(hù)也會(huì)對(duì)控件的實(shí)際意義產(chǎn)生疑惑。二級(jí)標(biāo)簽欄，在從屬內(nèi)容樣式的設(shè)計(jì)表達(dá)不清的時(shí)候，用戶(hù)可能把這個(gè)二級(jí)標(biāo)簽欄看成是一個(gè)可點(diǎn)擊的icon。根據(jù)交互的形式，在表現(xiàn)上可以采用中國(guó)元素來(lái)替代原有的二級(jí)標(biāo)簽欄、列表、按鈕等等，例如古琴、文房四寶、燈籠等元素來(lái)替代二級(jí)標(biāo)簽中的音樂(lè)、信息、照片等功能的圖標(biāo)。通常可以使用具有中國(guó)元素的UI手機(jī)交互主題設(shè)計(jì)實(shí)現(xiàn)推廣，這樣的案例也隨處可見(jiàn)。

（二）從動(dòng)效設(shè)計(jì)角度分析當(dāng)今互聯(lián)網(wǎng)行業(yè)發(fā)展迅速，谷歌推出了全新的設(shè)計(jì)語(yǔ)言MaterialDesign，這是谷歌拿出媲美蘋(píng)果的設(shè)計(jì)，也是將來(lái)界面設(shè)計(jì)的新趨勢(shì)。這說(shuō)明了現(xiàn)在的設(shè)計(jì)并不僅局限于平面的展示，也更多地趨向于動(dòng)效的展示。現(xiàn)在的用戶(hù)群體，很大程度上已經(jīng)厭倦了僅僅只是扁平化的簡(jiǎn)潔設(shè)計(jì)。一些添加了交互動(dòng)效的設(shè)計(jì)越來(lái)越吸引用戶(hù)群體。2014年58同城的APP設(shè)計(jì)，整體風(fēng)格仍然是屬于大潮流的扁平化界面設(shè)計(jì)，但是在一級(jí)標(biāo)簽欄的切換交互上，融入了MaterialDesign的理念，在切換的過(guò)程中，增加了彈性的動(dòng)效，增強(qiáng)了用戶(hù)使用的趣味性。還有一個(gè)典型的案例就是社交軟件twitter。twitter在早期的時(shí)候也是和設(shè)計(jì)整體潮流一樣，采用了擬物化的設(shè)計(jì)形勢(shì)。隨著蘋(píng)果iOS7扁平化的出現(xiàn)twitter也逐漸開(kāi)始進(jìn)行轉(zhuǎn)變，但是twitter并不僅僅只是界面上的變化，在交互動(dòng)效上也做出了一些改變。當(dāng)用戶(hù)群體看到某條推送想要點(diǎn)贊的時(shí)候，將鼠標(biāo)hover愛(ài)心點(diǎn)擊時(shí)，twitter有它獨(dú)有的動(dòng)效，增加了用戶(hù)使用時(shí)的趣味。

（三）從情感化設(shè)計(jì)分析未來(lái)UI互聯(lián)網(wǎng)行業(yè)的發(fā)展趨勢(shì)是逐漸上升的，而怎樣在眾多UI樣式中進(jìn)行情感化的設(shè)計(jì)是值得我們思考的。情感化設(shè)計(jì)，在未來(lái)互聯(lián)網(wǎng)交互設(shè)計(jì)中越來(lái)越重要。我們要設(shè)計(jì)一個(gè)符合大眾情感的事物而不是把這個(gè)事物設(shè)計(jì)成一個(gè)能讓用戶(hù)投入情感的容器。所以目前市場(chǎng)上一些需要特殊皮膚的產(chǎn)品，例如QQ、百度輸入法、QQ音樂(lè)等都屬于用戶(hù)群龐大、年齡層次不統(tǒng)一，卻奢望用一款皮膚將所有的用戶(hù)都吸引。即使現(xiàn)在很多設(shè)計(jì)觀念致力于提升視覺(jué)效果，希望可以讓用戶(hù)群體喜愛(ài)，但設(shè)計(jì)的表現(xiàn)層到了一定程度就會(huì)越來(lái)越膚淺。如果將一些有文化底蘊(yùn)的中國(guó)元素加入其中就能更好地提升設(shè)計(jì)的文化底蘊(yùn)。在一定程度上采用一些有意義的中國(guó)元素，一方面可以宣傳中國(guó)的文化，另一方面也加強(qiáng)了用戶(hù)的情感。情感化設(shè)計(jì)近期在互聯(lián)網(wǎng)公司的UED用戶(hù)體驗(yàn)團(tuán)隊(duì)中是經(jīng)常被提起的，將中國(guó)傳統(tǒng)元素與情感化設(shè)計(jì)結(jié)合是有巨大意義的。曾經(jīng)流行的復(fù)古風(fēng)便是在界面中增加用戶(hù)的情感體驗(yàn)。一個(gè)有著中國(guó)風(fēng)的精致按鈕能夠輕松地引起用戶(hù)的注意，而隨后的用戶(hù)行為可以是任何動(dòng)作，比如點(diǎn)擊按鈕、進(jìn)入等等。

（四）從用戶(hù)體驗(yàn)角度分析在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中一定會(huì)涉及到兩個(gè)詞：“用戶(hù)價(jià)值”和“用戶(hù)體驗(yàn)”。所以在很多擁有較為完整體系的互聯(lián)網(wǎng)公司中，往往會(huì)設(shè)立UED用戶(hù)體驗(yàn)中心這樣的部門(mén)。用戶(hù)體驗(yàn)對(duì)于一個(gè)產(chǎn)品而言，首先是能用，然后是好用，最后是能給用戶(hù)帶來(lái)身心愉悅的感覺(jué)。例如騰訊的CDC、百度的MUX都是在用戶(hù)體驗(yàn)上研究較為深入的典范。將中國(guó)傳統(tǒng)元素融入新媒體是交互設(shè)計(jì)中需要重點(diǎn)考慮的。手機(jī)交互設(shè)計(jì)需要更多地考慮其功能及用戶(hù)體驗(yàn)，并非滿屏的中國(guó)元素就能吸引到用戶(hù)，反而會(huì)造成界面的雜亂和用戶(hù)體驗(yàn)的不佳，所以要將中國(guó)元素納入交互設(shè)計(jì)的范圍就要考慮到兩方面：一是這個(gè)按鈕所用元素的功能性和可識(shí)別性，二是考慮到交互性。在將中國(guó)傳統(tǒng)元素與交互設(shè)計(jì)融合的時(shí)候，要思考其價(jià)值，并非多就是好，而是要用到該用的地方。例如在百度的MUX的一次演講時(shí)，史玉潔曾經(jīng)說(shuō)過(guò)“我招了一個(gè)很厲害的設(shè)計(jì)師，需要他設(shè)計(jì)一個(gè)界面，這個(gè)設(shè)計(jì)師在很短時(shí)間就設(shè)計(jì)了一個(gè)很炫酷的界面，大家都很驚嘆，但是在要使用的時(shí)候卻找不到進(jìn)入的按鈕。當(dāng)我詢(xún)問(wèn)那位設(shè)計(jì)師時(shí)，他很自豪地告訴我，你猜。”這是一種很可笑的行為，當(dāng)你設(shè)計(jì)一款界面的時(shí)候，你是需要用戶(hù)群體來(lái)使用的，如果這套界面在視覺(jué)上很驚艷，在體驗(yàn)上卻讓用戶(hù)很困惑，那么這是一款失敗的界面設(shè)計(jì)。

四、結(jié)語(yǔ)

無(wú)論是現(xiàn)代的市場(chǎng)環(huán)境導(dǎo)致了設(shè)計(jì)方向的改變，還是出于傳承中華文化的考慮，將中國(guó)傳統(tǒng)元素與交互設(shè)計(jì)融合都是值得研究和思考的。所以應(yīng)從交互界面、動(dòng)效設(shè)計(jì)、情感化設(shè)計(jì)、用戶(hù)體驗(yàn)等多方面著手，以塑造出充滿創(chuàng)新意義的以智能手機(jī)為代表的移動(dòng)新媒體應(yīng)用設(shè)計(jì)界面。

參考文獻(xiàn):

[1]騰訊CDC.在你身邊，為你設(shè)計(jì)——騰訊的用戶(hù)體驗(yàn)設(shè)計(jì)之道[M].北京：電子工業(yè)出版社，2013.

第2篇：產(chǎn)品交互設(shè)計(jì)案例范文

關(guān)鍵詞：社交網(wǎng)站；交互設(shè)計(jì)；用戶(hù)；網(wǎng)絡(luò)社會(huì)環(huán)境；實(shí)踐策略

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1672-8122（2014）01-0015-02

隨著信息技術(shù)的快速發(fā)展和體驗(yàn)經(jīng)濟(jì)時(shí)代的到來(lái)，互聯(lián)網(wǎng)用戶(hù)對(duì)數(shù)字媒體產(chǎn)品的交互設(shè)計(jì)性能要求越來(lái)越高。與此同時(shí)，激烈的市場(chǎng)競(jìng)爭(zhēng)也驅(qū)使網(wǎng)站設(shè)計(jì)者不斷完善互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計(jì)功能，以提升用戶(hù)的體驗(yàn)。社交網(wǎng)站作為一類(lèi)為用戶(hù)提供社交服務(wù)的網(wǎng)站，勢(shì)必對(duì)網(wǎng)站的交互設(shè)計(jì)有著更多獨(dú)特的需求。

一、社交網(wǎng)站的交互設(shè)計(jì)

（一）社交網(wǎng)站交互設(shè)計(jì)的概念

交互設(shè)計(jì)是由人機(jī)工程學(xué)、視覺(jué)傳達(dá)設(shè)計(jì)、認(rèn)知心理學(xué)等學(xué)科交叉構(gòu)成的一門(mén)新興學(xué)科。詹妮弗·普里斯認(rèn)為交互設(shè)計(jì)就是“設(shè)計(jì)支持人們?nèi)粘９ぷ骱蜕畹慕换ナ疆a(chǎn)品”[1]。具體來(lái)說(shuō)，交互設(shè)計(jì)就是以用戶(hù)為中心，以重視產(chǎn)品帶給用戶(hù)的體驗(yàn)，為增強(qiáng)產(chǎn)品的功能和交互能力而進(jìn)行的設(shè)計(jì)。

社交網(wǎng)站的交互設(shè)計(jì)，是指如何運(yùn)用相關(guān)知識(shí)和技術(shù)，設(shè)計(jì)社交網(wǎng)站的功能模塊及網(wǎng)頁(yè)界面等相關(guān)網(wǎng)站產(chǎn)品，以使社交網(wǎng)站能為網(wǎng)站用戶(hù)提供更真實(shí)便捷的社交網(wǎng)絡(luò)服務(wù)。

（二）社交網(wǎng)站交互設(shè)計(jì)的特點(diǎn)

社交網(wǎng)站的交互設(shè)計(jì)是為了使用戶(hù)獲得更好的體驗(yàn)，因而應(yīng)科學(xué)地分析社交網(wǎng)站的用戶(hù)行為，要分析社交網(wǎng)站的用戶(hù)行為就應(yīng)當(dāng)了解社交網(wǎng)站的用戶(hù)特點(diǎn)。此外，從可用性工程學(xué)和用戶(hù)體驗(yàn)角度分析，如何使用戶(hù)在使用社交網(wǎng)站時(shí)能輕松愉悅、人機(jī)交互和諧便捷，需充分了解網(wǎng)站功能和價(jià)值等方面的特點(diǎn)。

1.網(wǎng)站用戶(hù)特點(diǎn)

據(jù)中國(guó)互聯(lián)網(wǎng)信息中心的數(shù)據(jù)顯示，截至2013年6月，中國(guó)社交網(wǎng)站用戶(hù)規(guī)模已達(dá)2.88億人。從社交網(wǎng)站用戶(hù)年齡結(jié)構(gòu)來(lái)看，20～29歲的用戶(hù)超過(guò)1/3，占比最高，其次是10～19歲的用戶(hù)。可以看出，社交網(wǎng)站用戶(hù)的主流群體是年輕、時(shí)尚，追求新鮮事物的年輕一代。這就對(duì)社交網(wǎng)站的交互設(shè)計(jì)的新穎性、時(shí)尚性提出了更高要求。

2.網(wǎng)站功能特點(diǎn)

社交網(wǎng)站是為用戶(hù)提供社交的平臺(tái)，在平臺(tái)中用戶(hù)可以尋找好友，并進(jìn)一步與好友進(jìn)行互動(dòng)，包括視頻、文章、圖片、活動(dòng)、狀態(tài)等的、分享、評(píng)論等。此外，在社交網(wǎng)站中用戶(hù)還可以參與游戲、第三方應(yīng)用、購(gòu)物、創(chuàng)建組織主頁(yè)或訪問(wèn)公共主頁(yè)等。

3.網(wǎng)站價(jià)值特點(diǎn)

社交網(wǎng)站的網(wǎng)站價(jià)值主要體現(xiàn)在網(wǎng)站給用戶(hù)帶來(lái)的價(jià)值，包括：交友、娛樂(lè)、資訊、宣傳等。當(dāng)然，也包括網(wǎng)站用戶(hù)為網(wǎng)站帶來(lái)的價(jià)值，包括：用戶(hù)注意力、增值服務(wù)等。

（1）網(wǎng)站為用戶(hù)帶來(lái)的價(jià)值

在交友功能方面，社交網(wǎng)站的交互設(shè)計(jì)只有使用戶(hù)能更加便捷地找到自己關(guān)注的朋友或主頁(yè)，才能提高用戶(hù)的黏著性和用戶(hù)對(duì)網(wǎng)站價(jià)值的正向評(píng)判；而娛樂(lè)方面，主要體現(xiàn)在網(wǎng)站為用戶(hù)提供的娛樂(lè)活動(dòng)，包括游戲、購(gòu)物等，只有將娛樂(lè)功能與網(wǎng)站盈利、交友功能等有機(jī)融合，才能最大化提升網(wǎng)站的價(jià)值；社交網(wǎng)站的資訊價(jià)值體現(xiàn)在交友價(jià)值中，用戶(hù)好友或分享的多媒體內(nèi)容中包含著大量資訊，如何在交互設(shè)計(jì)中更好地呈現(xiàn)資訊，如分享排行、推薦等交互功能，是提升資訊價(jià)值的關(guān)鍵點(diǎn)；宣傳作用，是眾多組織或名人關(guān)注和使用社交網(wǎng)站重要原因，網(wǎng)站只有開(kāi)拓更多用于宣傳的渠道和方式，才能提高用戶(hù)對(duì)社交網(wǎng)絡(luò)的重視程度和使用頻度。

（2）用戶(hù)為網(wǎng)站帶來(lái)的價(jià)值

在注意力經(jīng)濟(jì)時(shí)代，用戶(hù)為社交網(wǎng)站帶來(lái)的最大價(jià)值，莫過(guò)于用戶(hù)注意力。因?yàn)椋缃痪W(wǎng)站可以將受眾的注意力轉(zhuǎn)賣(mài)給廣告商，以獲得廣告收入。在社交網(wǎng)站中，廣告位的交互設(shè)計(jì)應(yīng)與網(wǎng)站用戶(hù)、功能等特點(diǎn)相符，才能獲得整體價(jià)值的提升。

二、社交網(wǎng)站交互設(shè)計(jì)構(gòu)成要素模型

（一）產(chǎn)品交互設(shè)計(jì)中的構(gòu)成要素模型

在產(chǎn)品交互設(shè)計(jì)理論中，有一種被稱(chēng)為產(chǎn)品交互設(shè)計(jì)構(gòu)成要素PACT—P系統(tǒng)模型，即：交互設(shè)計(jì)主要因素由圍繞產(chǎn)品（PRODUCT）為中心的人（PEOPLE）、人的行（ACTIVITY）、環(huán)境（CONTEXT）、技術(shù)（TECHNOLOGY）所組成。

互設(shè)計(jì)構(gòu)成要素關(guān)系圖[2]

PACT—P系統(tǒng)中的五種因素通過(guò)相互之間的信息交互，來(lái)滿足用戶(hù)的交互體驗(yàn)需求。這些因素的關(guān)系可詮釋為通過(guò)技術(shù)能夠提供什么樣的產(chǎn)品，來(lái)支持人在環(huán)境中的行為。

（二）社交網(wǎng)站交互設(shè)計(jì)中的構(gòu)成要素模型

借鑒產(chǎn)品交互設(shè)計(jì)的PACT—P系統(tǒng)模型，可將社交網(wǎng)站看作是Product，來(lái)構(gòu)建社交網(wǎng)站交互設(shè)計(jì)的構(gòu)成要素模型，即圍繞Product的四大要素：網(wǎng)站用戶(hù)（P）、用戶(hù)行為（A）、網(wǎng)站所處的網(wǎng)絡(luò)社會(huì)環(huán)境（C）、網(wǎng)站的核心技術(shù)（T）。在社交網(wǎng)站的交互設(shè)計(jì)中，社交網(wǎng)站（P）是以網(wǎng)站核心技術(shù)（T）構(gòu)建的網(wǎng)絡(luò)產(chǎn)品（P）。在復(fù)雜網(wǎng)絡(luò)社會(huì)環(huán)境之中，社交網(wǎng)站通過(guò)用戶(hù)和網(wǎng)站之間、用戶(hù)和用戶(hù)之間，以及社交網(wǎng)站與其網(wǎng)絡(luò)環(huán)境之間的交互行為，為用戶(hù)提供社交、娛樂(lè)等服務(wù)。

三、社交網(wǎng)站交互設(shè)計(jì)實(shí)踐策略

（一）用戶(hù)與網(wǎng)站的交互設(shè)計(jì)策略

社交網(wǎng)站用戶(hù)與網(wǎng)站之間的交互設(shè)計(jì)，包括：注冊(cè)、登錄、頁(yè)面設(shè)置、賬戶(hù)管理、好友搜索功能的交互設(shè)計(jì)。新用戶(hù)的注冊(cè)是用戶(hù)使用網(wǎng)站時(shí)重要的交互行為。社交網(wǎng)站在設(shè)計(jì)注冊(cè)交互時(shí)應(yīng)充分尊重用戶(hù)隱私，例如給用戶(hù)姓名和昵稱(chēng)的雙重選擇。

此外，注冊(cè)方式應(yīng)多樣化，如可通過(guò)郵箱賬號(hào)、手機(jī)等賬號(hào)注冊(cè)，以供不同使用習(xí)慣的用戶(hù)選擇。在登錄操作的交互設(shè)計(jì)中，網(wǎng)站應(yīng)考慮多種用戶(hù)登錄行為的差異。若用戶(hù)沒(méi)有注冊(cè)，也可通過(guò)其他已有的網(wǎng)絡(luò)賬號(hào)登錄，如人人網(wǎng)可選擇MSN賬號(hào)、360賬號(hào)、天翼賬號(hào)登錄。

在頁(yè)面管理、賬戶(hù)管理等交互操作中，網(wǎng)站應(yīng)滿足用戶(hù)隱私性、安全性、個(gè)性化，美觀性等體驗(yàn)需求。就賬戶(hù)管理而言，網(wǎng)站在設(shè)計(jì)時(shí)應(yīng)能滿足用戶(hù)的自助服務(wù)，既要簡(jiǎn)單易懂，方便操作，又安全有效。如人人網(wǎng)開(kāi)設(shè)了手機(jī)和郵箱密碼設(shè)置，并有人性化的提醒服務(wù)。

個(gè)性化方面，人人網(wǎng)通過(guò)個(gè)人主頁(yè)裝扮，不但滿足了不同用戶(hù)追求時(shí)尚美觀的個(gè)性需求，還實(shí)現(xiàn)了網(wǎng)站的增值服務(wù)，使網(wǎng)站價(jià)值更加多樣。搜索功能可以幫助用戶(hù)快速高效地與網(wǎng)站“對(duì)話”，以“命令”網(wǎng)站按照用戶(hù)的指令呈現(xiàn)網(wǎng)站的資料內(nèi)容。為便于用戶(hù)尋找到自己所需內(nèi)容，社交網(wǎng)站應(yīng)提供“粗”、“精”差異檢索功能。人人網(wǎng)的搜索服務(wù)針對(duì)學(xué)生、工作者不同的用戶(hù)身份，分設(shè)了查找同學(xué)、查找同事的搜索服務(wù)。

總體來(lái)看，交互設(shè)計(jì)應(yīng)充分考慮網(wǎng)站的用戶(hù)特點(diǎn)和用戶(hù)體驗(yàn)，滿足個(gè)性化需求。在實(shí)踐中，交互設(shè)計(jì)應(yīng)做到全面便捷，智能安全；尊重差異，時(shí)尚美觀。

（二） 用戶(hù)與用戶(hù)的交互設(shè)計(jì)策略

社交網(wǎng)站用戶(hù)與用戶(hù)之間的交互設(shè)計(jì)，主要包括：添加好友、留言、分享、評(píng)論功能的交互設(shè)計(jì)。在“添加好友”設(shè)計(jì)時(shí)應(yīng)考慮用戶(hù)的隱私需求，即當(dāng)被添加方被檢索到后只能向檢索方呈現(xiàn)部分公開(kāi)信息，而不是全部信息。且在這一交互過(guò)程中，雙方的權(quán)利是對(duì)等的，被添加方有權(quán)利拒絕添加以體現(xiàn)其權(quán)利。“留言”、“分享”、“評(píng)論”等用戶(hù)之間緊密互動(dòng)的行為，體現(xiàn)了用戶(hù)使用社交網(wǎng)站的價(jià)值所在。因而，在交互設(shè)計(jì)時(shí)應(yīng)充分滿足用戶(hù)與好友互動(dòng)的各種需求，并盡量人性化設(shè)計(jì)，使互動(dòng)交流更溫馨和諧，方便快捷。

（三）網(wǎng)站與網(wǎng)絡(luò)環(huán)境交互設(shè)計(jì)策略

社交網(wǎng)站與網(wǎng)絡(luò)環(huán)境之間的交互設(shè)計(jì)，指社交網(wǎng)站在所處的網(wǎng)絡(luò)社會(huì)環(huán)境中和其他網(wǎng)站之間的交互關(guān)系，如社交網(wǎng)站與第三方應(yīng)用的對(duì)接、網(wǎng)站內(nèi)容與其他網(wǎng)站的交互分享等。以人人網(wǎng)為例，人人網(wǎng)有專(zhuān)門(mén)的第三方應(yīng)用平臺(tái)來(lái)匯集第三方開(kāi)發(fā)的應(yīng)用。人人網(wǎng)賬戶(hù)和第三方平臺(tái)賬戶(hù)是可以通用的，既豐富了網(wǎng)站功能，又實(shí)現(xiàn)了與其他平臺(tái)的合作共贏。在互聯(lián)網(wǎng)新媒體平臺(tái)日益多樣化的背景下，博客、視頻網(wǎng)站等社會(huì)化媒體的內(nèi)容均可分享到人人網(wǎng)，極大豐富了人人網(wǎng)的內(nèi)容資源，滿足了用戶(hù)在整個(gè)網(wǎng)絡(luò)社會(huì)環(huán)境中分享、收集自己感興趣內(nèi)容的需求。

總結(jié)來(lái)看，社交網(wǎng)站與網(wǎng)絡(luò)環(huán)境的交互設(shè)計(jì)策略原則應(yīng)遵循：合作共贏，聯(lián)通發(fā)展。只有合作共贏才能是網(wǎng)絡(luò)社會(huì)環(huán)境更加和諧通暢，才能更大化滿足用戶(hù)的需求。

（四）其他類(lèi)型交互設(shè)計(jì)策略

除以上所講的交互設(shè)計(jì)外，社交網(wǎng)站在其他方面的交互設(shè)計(jì)也非常重要，如社交網(wǎng)站界面交互設(shè)計(jì)、廣告設(shè)計(jì)等。社交網(wǎng)站界面交互設(shè)計(jì)在滿足界面功能性的同時(shí)，應(yīng)兼顧其美感和易用性，并強(qiáng)化對(duì)細(xì)節(jié)的設(shè)計(jì)。微小的細(xì)節(jié)設(shè)計(jì)雖不起眼，卻能為用戶(hù)帶來(lái)全新的感受。如人人網(wǎng)中新鮮事管理的按鈕設(shè)計(jì)，極大方便了用戶(hù)對(duì)好友新鮮事的管理。

此外，在投放廣告時(shí)，社交網(wǎng)站應(yīng)綜合考慮廣告位置、類(lèi)型和形式等因素，進(jìn)行良好的廣告交互設(shè)計(jì)，以減弱用戶(hù)對(duì)廣告的排斥感。例如人人網(wǎng)將廣告融入到網(wǎng)站的活動(dòng)中，既增加了網(wǎng)站的交互內(nèi)容，又達(dá)到了投放廣告的目的。

總而言之，社交網(wǎng)站在其他方面的交互設(shè)計(jì)，在充分利用技術(shù)和想象力的同時(shí)，應(yīng)以用戶(hù)的需求和體驗(yàn)價(jià)值為核心，不斷拓展網(wǎng)站的功能服務(wù)。

四、結(jié) 語(yǔ)

總結(jié)來(lái)說(shuō)，社交網(wǎng)站交互設(shè)計(jì)應(yīng)將以“產(chǎn)品”為核心的理念，重新詮釋為以“用戶(hù)”為中心的設(shè)計(jì)理念。在該設(shè)計(jì)理念下，網(wǎng)站的設(shè)計(jì)是為用戶(hù)服務(wù)的，因而如何在滿足用戶(hù)基本社交需求功能的前提下，使用戶(hù)有更好的交互體驗(yàn)是社交網(wǎng)站交互設(shè)計(jì)更長(zhǎng)遠(yuǎn)的目標(biāo)。

參考文獻(xiàn)：

第3篇：產(chǎn)品交互設(shè)計(jì)案例范文

關(guān)鍵詞：數(shù)字化時(shí)代；工業(yè)設(shè)計(jì)

軟件技能隨著數(shù)字化技術(shù)的快速發(fā)展，計(jì)算機(jī)輔助工業(yè)設(shè)計(jì)技術(shù)在產(chǎn)品設(shè)計(jì)領(lǐng)域的作用越來(lái)越突出，成為推動(dòng)產(chǎn)品創(chuàng)新和生產(chǎn)過(guò)程智能化的重要組成部分。在新形勢(shì)下，工業(yè)設(shè)計(jì)的跨學(xué)科合作，形成了很多新的應(yīng)用方向。企業(yè)對(duì)工業(yè)設(shè)計(jì)人才的軟件技能需求也在不斷提高。因此，伴隨數(shù)字化技術(shù)的發(fā)展，在工業(yè)設(shè)計(jì)人才培養(yǎng)中如何建構(gòu)學(xué)生軟件技能的培養(yǎng)是現(xiàn)階段在工業(yè)設(shè)計(jì)專(zhuān)業(yè)轉(zhuǎn)型發(fā)展中值得深入思考的問(wèn)題。

一工業(yè)設(shè)計(jì)專(zhuān)業(yè)軟件教學(xué)存在的問(wèn)題

目前，高等教育的工業(yè)設(shè)計(jì)專(zhuān)業(yè)軟件群的教學(xué)實(shí)踐中，主要講授平面類(lèi)軟件和三維建模類(lèi)軟件。平面設(shè)計(jì)類(lèi)軟件以位圖軟件Photoshop,矢量圖軟件Illustrator或CorelDraw為主，三維建模軟件主要以Rhinoceros或Alias為主。在學(xué)生軟件技能培養(yǎng)方面，主要存在如下問(wèn)題：1軟件教學(xué)中缺乏工程軟件的教學(xué)內(nèi)容三維建模軟件中的Rhinoceros或Alias，是基于NURBS的建模方式，是非常優(yōu)秀的曲面建模軟件。該類(lèi)軟件在工業(yè)設(shè)計(jì)產(chǎn)品創(chuàng)意階段能夠很好地表達(dá)設(shè)計(jì)師的想法，但在模型的可實(shí)現(xiàn)方面由于軟件參數(shù)化模塊不夠強(qiáng)大，導(dǎo)致在該類(lèi)軟件中建立的模型需要導(dǎo)入工程類(lèi)軟件中進(jìn)一步深入設(shè)計(jì)其生產(chǎn)加工階段的具體參數(shù)。但在實(shí)際教學(xué)中，過(guò)分注重了概念創(chuàng)意的想法如何用計(jì)算機(jī)繪制，缺乏通過(guò)使用工程類(lèi)軟件驗(yàn)證設(shè)計(jì)的具體尺寸與加工相關(guān)的細(xì)節(jié)，而這些數(shù)據(jù)正是決定了產(chǎn)品最終是否能夠被加工出來(lái)。所以，有部分高校在課程設(shè)置中加入了少量Pro/Engineer、SolidWorks等的教學(xué)，但相當(dāng)一部分的高校三維軟件教學(xué)中缺乏工程類(lèi)軟件課程內(nèi)容的設(shè)置以及課程學(xué)時(shí)的安排。2軟件課程群的設(shè)置不能與時(shí)俱進(jìn)地更新在數(shù)字化時(shí)代，交互設(shè)計(jì)技術(shù)已經(jīng)廣泛應(yīng)用于工業(yè)設(shè)計(jì)產(chǎn)品中。交互技術(shù)的快速發(fā)展已經(jīng)深刻影響了工業(yè)設(shè)計(jì)專(zhuān)業(yè)的未來(lái)發(fā)展方向。而在高校軟件教學(xué)中，只局限于交互設(shè)計(jì)中的界面設(shè)計(jì)軟件的教學(xué)，缺乏虛擬現(xiàn)實(shí)技術(shù)在交互設(shè)計(jì)領(lǐng)域中運(yùn)用的軟件教學(xué)內(nèi)容。誠(chéng)然，這是嶄新的工業(yè)設(shè)計(jì)的研究領(lǐng)域，是對(duì)傳統(tǒng)工業(yè)產(chǎn)品設(shè)計(jì)理念的推進(jìn)，目前的軟件教學(xué)課程群設(shè)計(jì)缺乏相關(guān)交互設(shè)計(jì)類(lèi)軟件的教學(xué)內(nèi)容。3軟件教師的授課能力和知識(shí)技能需不斷提高目前軟件課上，大部分教師是采用書(shū)本上的案例進(jìn)行教學(xué)，可以滿足大部分學(xué)生的學(xué)習(xí)要求，但無(wú)法滿足學(xué)習(xí)能力較強(qiáng)的學(xué)生，往往造成課堂上教學(xué)進(jìn)度參差不齊，難以把控案例教學(xué)進(jìn)程；如果選擇難度較大的案例時(shí)，學(xué)習(xí)能力較弱的學(xué)生又難以跟上進(jìn)度，最后往往延長(zhǎng)教學(xué)進(jìn)度[1]。軟件教師的授課能力和掌控全局的能力還需要時(shí)間和經(jīng)驗(yàn)的積累，但往往這類(lèi)教師以青年教師為主，他們?nèi)狈σ欢ǖ氖谡n能力。另外，由于工業(yè)設(shè)計(jì)軟件的專(zhuān)業(yè)性非常強(qiáng)，軟件建模思路涉及到理解二維圖形的成型原理到三維造型的曲面構(gòu)建原理，具有一定實(shí)戰(zhàn)經(jīng)驗(yàn)的教師才能承擔(dān)此類(lèi)課程。在實(shí)際教學(xué)過(guò)程中，具有這類(lèi)素養(yǎng)和能力的教師較少，大部分教師僅是機(jī)械的以案例為主的講授，缺乏三維軟件建模思路的講解。另一方面，軟件種類(lèi)和更新速度很快，教師無(wú)法及時(shí)更新自身的知識(shí)和技能。4軟件教學(xué)不能滿足企業(yè)對(duì)人才的需求在當(dāng)前的經(jīng)濟(jì)形勢(shì)下，一方面高校的工業(yè)設(shè)計(jì)畢業(yè)生找不到合適的工作，另一方面大量的企業(yè)需要工業(yè)設(shè)計(jì)類(lèi)應(yīng)用型人才。矛盾的根本原因在于高校的教學(xué)體系沒(méi)有為學(xué)生提供足夠的實(shí)戰(zhàn)訓(xùn)練項(xiàng)目以及沒(méi)有充分考慮工業(yè)設(shè)計(jì)領(lǐng)域軟件的更迭而進(jìn)行教學(xué)改革。在教學(xué)中努力使學(xué)生掌握先進(jìn)的軟件操作技術(shù)，為企業(yè)培養(yǎng)高質(zhì)量的應(yīng)用型人才是工業(yè)設(shè)計(jì)專(zhuān)業(yè)亟待思考的問(wèn)題。

二工業(yè)設(shè)計(jì)專(zhuān)業(yè)學(xué)生軟件技能培養(yǎng)的策略

1建立一個(gè)符合數(shù)字化時(shí)代的工業(yè)設(shè)計(jì)專(zhuān)業(yè)人才培養(yǎng)方案數(shù)字化時(shí)代，隨著數(shù)字網(wǎng)絡(luò)技術(shù)的進(jìn)步、多媒體交互技術(shù)和3D打印技術(shù)的出現(xiàn)，計(jì)算機(jī)輔助設(shè)計(jì)技術(shù)空前發(fā)展[2]，為了適應(yīng)新技術(shù)的變革，工業(yè)設(shè)計(jì)專(zhuān)業(yè)的人才培養(yǎng)方案應(yīng)該在數(shù)字化技術(shù)的背景下以數(shù)字化設(shè)計(jì)、制造和信息技術(shù)為依托而進(jìn)行設(shè)置。目前的工業(yè)設(shè)計(jì)專(zhuān)業(yè)人才培養(yǎng)方案中的計(jì)算機(jī)輔助設(shè)計(jì)技能的要求僅是以傳統(tǒng)的工業(yè)設(shè)計(jì)產(chǎn)品流程為主。數(shù)字化時(shí)代，在生產(chǎn)實(shí)踐中廣泛應(yīng)用的交互技術(shù)引領(lǐng)了未來(lái)生活方式，也為工業(yè)設(shè)計(jì)研究拓寬了新的研究方向。交互技術(shù)在工業(yè)設(shè)計(jì)領(lǐng)域的應(yīng)用主要表現(xiàn)在兩個(gè)方面。一個(gè)內(nèi)容是以計(jì)算機(jī)交互界面為主導(dǎo)的交互技術(shù)，應(yīng)用在產(chǎn)品軟界面和多媒體的APP等方面。尤其在物聯(lián)網(wǎng)技術(shù)的迅速發(fā)展下，工業(yè)設(shè)計(jì)專(zhuān)業(yè)學(xué)生需要掌握相關(guān)交互設(shè)計(jì)概念及交互設(shè)計(jì)的軟件，掌握這類(lèi)軟件會(huì)擴(kuò)展學(xué)生在產(chǎn)品設(shè)計(jì)中的設(shè)計(jì)深度，并能更加恰當(dāng)表達(dá)每個(gè)交互界面的鏈接關(guān)系。另一個(gè)內(nèi)容是以虛擬現(xiàn)實(shí)技術(shù)為基礎(chǔ)的交互技術(shù)，增強(qiáng)現(xiàn)實(shí)的虛擬現(xiàn)實(shí)技術(shù)已經(jīng)廣泛應(yīng)用于汽車(chē)維修、航空航天、教育教學(xué)等領(lǐng)域，該技術(shù)在工業(yè)設(shè)計(jì)的應(yīng)用是新鮮而挑戰(zhàn)的課題，也是未來(lái)工業(yè)設(shè)計(jì)發(fā)展方向之一。該領(lǐng)域的研究涉及到三維軟件的建模以及在交互設(shè)計(jì)軟件(比如Virtools,Unity3D等)中完成交互設(shè)計(jì)的部分。工業(yè)設(shè)計(jì)人才培養(yǎng)方案中應(yīng)設(shè)置相關(guān)交互設(shè)計(jì)和相應(yīng)軟件的技能培訓(xùn)，才能使工業(yè)設(shè)計(jì)教育與時(shí)俱進(jìn)跟上時(shí)代的發(fā)展。2設(shè)置與專(zhuān)業(yè)方向相適應(yīng)的軟件課程教學(xué)內(nèi)容目前我們的教學(xué)都是以曲面軟件為主進(jìn)行的教學(xué)訓(xùn)練，缺乏真正意義上以專(zhuān)業(yè)培養(yǎng)方向的軟件課程設(shè)置，軟件課程與其他專(zhuān)業(yè)之間的關(guān)聯(lián)性較弱，并沒(méi)有將專(zhuān)業(yè)培養(yǎng)方向內(nèi)容以一個(gè)系統(tǒng)的流程與軟件課程串聯(lián)起來(lái)，學(xué)生沒(méi)有在具體的產(chǎn)品設(shè)計(jì)課程中有機(jī)地使用相應(yīng)的操作方式和方法。因此，鑒于不同軟件在不同領(lǐng)域的不同優(yōu)勢(shì)和特色，教學(xué)中的計(jì)算機(jī)輔助設(shè)計(jì)軟件應(yīng)立足于專(zhuān)業(yè)方向。比如專(zhuān)業(yè)方向是汽車(chē)設(shè)計(jì)，應(yīng)以Alias軟件為主；專(zhuān)業(yè)方向是傳統(tǒng)產(chǎn)品，應(yīng)以Rhinoceros、Pro/Engineer為主；專(zhuān)業(yè)方向是交互設(shè)計(jì)，應(yīng)以3DMAX、Unity3D為主；專(zhuān)業(yè)方向是首飾設(shè)計(jì)，則以3DMAX、Rhinoceros為主。針對(duì)不同的專(zhuān)業(yè)方向，不但強(qiáng)調(diào)軟件課程內(nèi)容的嚴(yán)密、完整，更加完善了專(zhuān)業(yè)課程間的銜接。這種方式能有效地理順課程內(nèi)容的關(guān)系，促進(jìn)了課程結(jié)構(gòu)的優(yōu)化，進(jìn)而提高教學(xué)質(zhì)量[3]。3通過(guò)工業(yè)設(shè)計(jì)類(lèi)的競(jìng)賽提高軟件操作技能通常，工業(yè)設(shè)計(jì)的軟件教學(xué)模式教師會(huì)通過(guò)具體案例進(jìn)行操作講解，然后要求學(xué)生按照步驟完成該案例的整個(gè)建模及渲染。案例式的教學(xué)模式可以有目的地使學(xué)生掌握該案例的產(chǎn)品建模方法，但在知識(shí)的延展性及獨(dú)立實(shí)踐上無(wú)法考查學(xué)生知識(shí)掌握的程度。在案例教學(xué)之后，選擇不同層次的真實(shí)的工業(yè)設(shè)計(jì)競(jìng)賽命題可以激活學(xué)生的獨(dú)立思考能力。目前國(guó)內(nèi)外工業(yè)設(shè)計(jì)競(jìng)賽的規(guī)模越來(lái)越大，從單一的協(xié)會(huì)和政府舉辦，逐步發(fā)展成各大企業(yè)、專(zhuān)業(yè)組織共同參與舉辦的賽事。競(jìng)賽命題一般分為產(chǎn)品概念設(shè)計(jì)和企業(yè)產(chǎn)品設(shè)計(jì)兩種。產(chǎn)品概念設(shè)計(jì)命題主要注重產(chǎn)品新概念、新功能的創(chuàng)新，促使學(xué)生偏重在產(chǎn)品概念方面提出新穎獨(dú)特的解決方案，旨在引領(lǐng)未來(lái)產(chǎn)品的發(fā)展趨勢(shì)；企業(yè)產(chǎn)品設(shè)計(jì)命題是針對(duì)各個(gè)企業(yè)現(xiàn)有產(chǎn)品形態(tài)的創(chuàng)新與改良設(shè)計(jì)，尤其要求學(xué)生針對(duì)企業(yè)文化及產(chǎn)品已有形態(tài)，研究用戶(hù)需求，在使用方式、材料、工藝、結(jié)構(gòu)方面進(jìn)行創(chuàng)新。兩類(lèi)命題要求目的性明確，具備一定的概念前瞻性或短期內(nèi)可實(shí)現(xiàn)性，可以根據(jù)課程進(jìn)度，引入競(jìng)賽命題，學(xué)生獨(dú)立選擇恰當(dāng)?shù)慕Ｋ悸愤M(jìn)行產(chǎn)品設(shè)計(jì)，激發(fā)學(xué)生的綜合創(chuàng)新能力。在整個(gè)競(jìng)賽訓(xùn)練過(guò)程中，概念創(chuàng)意類(lèi)競(jìng)賽，學(xué)生可以根據(jù)夸張的概念設(shè)計(jì)進(jìn)一步深入自學(xué)軟件使用的操作技能及技巧；與企業(yè)對(duì)接的命題，在設(shè)計(jì)競(jìng)賽過(guò)程中，企業(yè)方的工程師參與設(shè)計(jì)過(guò)程，在設(shè)計(jì)環(huán)節(jié)給學(xué)生一定的制約要求，學(xué)生需要充分聽(tīng)取企業(yè)工程師和銷(xiāo)售人員對(duì)設(shè)計(jì)的意見(jiàn)，恰當(dāng)使用參數(shù)建模并應(yīng)用于實(shí)際生產(chǎn)加工中，實(shí)現(xiàn)設(shè)計(jì)方案和產(chǎn)業(yè)的零距離對(duì)接。長(zhǎng)期以來(lái)軟件課一直以教授工具為主，可是學(xué)生不一定會(huì)因?yàn)闀?huì)用這些工具而能做出好的模型來(lái)，這是一直以來(lái)困擾軟件教學(xué)的一個(gè)難題[4]。通過(guò)項(xiàng)目制方式引入設(shè)計(jì)競(jìng)賽，將教學(xué)的重心放在如何引導(dǎo)學(xué)生運(yùn)用這些工具解決問(wèn)題上，目的是設(shè)計(jì)出更好的作品。4校企結(jié)合的培養(yǎng)模式校企聯(lián)合人才培養(yǎng)模式的核心思想是緊密開(kāi)展校企間的合作與互動(dòng)[5]。一方面，可以邀請(qǐng)企業(yè)中每個(gè)產(chǎn)品設(shè)計(jì)環(huán)節(jié)的專(zhuān)家定期講解企業(yè)案例的工作流程及新產(chǎn)品開(kāi)發(fā)的經(jīng)驗(yàn)，以及介紹目前在企業(yè)中可行性技術(shù)實(shí)現(xiàn)的先進(jìn)手段，使學(xué)生們能了解企業(yè)的前沿技術(shù)。另一方面，可以讓學(xué)生到企業(yè)中進(jìn)行真實(shí)的項(xiàng)目開(kāi)發(fā)工作。學(xué)生可以在掌握軟件基礎(chǔ)理論和基本應(yīng)用技能的基礎(chǔ)上，綜合運(yùn)用平面設(shè)計(jì)軟件進(jìn)行產(chǎn)品的快速表現(xiàn)，方案確認(rèn)后再選擇合適軟件進(jìn)行渲染，這樣做能夠減少以往由于片面追求軟件系統(tǒng)性而導(dǎo)致“只見(jiàn)樹(shù)木，不見(jiàn)森林”的教學(xué)法給學(xué)生帶來(lái)的茫然[6]。在完成實(shí)習(xí)任務(wù)的過(guò)程中，學(xué)生可以進(jìn)一步提高專(zhuān)業(yè)技術(shù)水平和職業(yè)技能。在全美工業(yè)設(shè)計(jì)專(zhuān)業(yè)綜合排名前三的辛辛那提大學(xué)，形成了一整套完整的校企聯(lián)合培養(yǎng)的模式，該模式是值得我們借鑒和學(xué)習(xí)的。學(xué)生在建模課程中學(xué)習(xí)的軟件是Alias和SolidWorks，由于Alias的學(xué)習(xí)難度較大，學(xué)習(xí)模塊內(nèi)容較多，學(xué)校將該課程內(nèi)容分別設(shè)置成三個(gè)學(xué)習(xí)階段分布在三個(gè)小學(xué)期中，第一個(gè)階段主要側(cè)重軟件的熟悉及基礎(chǔ)曲面建模，第二個(gè)階段是提高階段，主要側(cè)重理解和訓(xùn)練曲面的光順內(nèi)容，第三個(gè)階段是軟件的高級(jí)階段，主要講解汽車(chē)曲面建模思路和方法。學(xué)生從大學(xué)二年級(jí)上學(xué)期的小學(xué)期中完成了第一個(gè)階段的學(xué)習(xí)，學(xué)校會(huì)根據(jù)學(xué)生的學(xué)習(xí)程度，推薦學(xué)生到全美各地的工業(yè)設(shè)計(jì)公司或研究所進(jìn)行設(shè)計(jì)實(shí)踐，他們實(shí)踐的內(nèi)容可以讓學(xué)生迅速理解課程中的講解內(nèi)容，在實(shí)踐中不斷進(jìn)行技能提高。實(shí)踐結(jié)束后，學(xué)生會(huì)返回學(xué)校，進(jìn)行下一個(gè)階段的課程學(xué)習(xí)，學(xué)習(xí)結(jié)束后再被派到企業(yè)實(shí)踐。第三階段的企業(yè)派駐實(shí)踐，是根據(jù)學(xué)生的興趣及未來(lái)職業(yè)規(guī)劃，選擇合適的企業(yè)進(jìn)行實(shí)踐，甚至有美國(guó)學(xué)生來(lái)中國(guó)進(jìn)行實(shí)踐。只有在不斷的實(shí)踐中，才能使學(xué)生的各方面技能得到訓(xùn)練和提高。與生產(chǎn)企業(yè)建立長(zhǎng)期校企合作關(guān)系，有利于工業(yè)設(shè)計(jì)人才的培養(yǎng)。5全方位提高教師的軟件操作技能學(xué)生的軟件操作技能的培養(yǎng)質(zhì)量很大程度上取決于專(zhuān)業(yè)教師的整體水平和對(duì)趨勢(shì)的前瞻性把握。尤其在軟件教學(xué)中，應(yīng)采取全方位的多元化的教師隊(duì)伍建設(shè)方法[7]。首先，教學(xué)團(tuán)隊(duì)的組成方面，引進(jìn)有工程能力、教學(xué)能力及科研能力強(qiáng)的青年教師承擔(dān)軟件教學(xué)工作，另外團(tuán)隊(duì)中還要有經(jīng)驗(yàn)豐富的技師。在美國(guó)高校的軟件教學(xué)中通常是由專(zhuān)業(yè)教師領(lǐng)銜，由專(zhuān)門(mén)的工程軟件教師共同完成整個(gè)教學(xué)環(huán)節(jié)。第二，青年教師精力充沛，容易接受新鮮事物，動(dòng)手操作能力強(qiáng)，針對(duì)不斷更新的軟件技術(shù)，青年教師可以通過(guò)參加技能培訓(xùn)提高自身的工程軟件能力。第三，為了使學(xué)生的操作技能更好地適應(yīng)當(dāng)今社會(huì)對(duì)工業(yè)設(shè)計(jì)人才的需要，在課程中聘請(qǐng)一定比例優(yōu)秀的企業(yè)一線建模工程師兼職，或引入企業(yè)的實(shí)際項(xiàng)目，在真實(shí)的課題環(huán)境下，企業(yè)設(shè)計(jì)人員指導(dǎo)學(xué)生進(jìn)行工程實(shí)踐，這種方式是對(duì)學(xué)院派教育模式強(qiáng)有力的補(bǔ)充。優(yōu)秀的一線建模工程師所講解的建模思路是從企業(yè)產(chǎn)品開(kāi)發(fā)的角度展開(kāi)，從建模思路、常規(guī)參數(shù)選擇到操作技巧，會(huì)讓學(xué)生有耳目一新的操作體驗(yàn)和感受。通過(guò)這種方式也將企業(yè)的用人需求傳達(dá)出來(lái)，促進(jìn)了工業(yè)設(shè)計(jì)人才培養(yǎng)與企業(yè)需求的無(wú)縫銜接。

三結(jié)論

第4篇：產(chǎn)品交互設(shè)計(jì)案例范文

關(guān)鍵詞：交互；情感化設(shè)計(jì)；用戶(hù)體驗(yàn)

中圖分類(lèi)號(hào)：J502 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2013）33-0153-04

一、緒言

受到第一次工業(yè)革命和第二次工業(yè)革命的影響，人類(lèi)社會(huì)已經(jīng)從工場(chǎng)手工業(yè)向機(jī)器大工業(yè)過(guò)渡，機(jī)器生產(chǎn)逐步取代手工勞動(dòng)，大規(guī)模工廠化生產(chǎn)取代個(gè)體工場(chǎng)手工生產(chǎn)，流水線的生產(chǎn)方式使人們不僅重視制造出產(chǎn)品的質(zhì)量，同時(shí)也開(kāi)始追求產(chǎn)品的形式與美感。人類(lèi)的產(chǎn)品設(shè)計(jì)史可以分為以技術(shù)革新為主的導(dǎo)入期、強(qiáng)調(diào)產(chǎn)品性能的發(fā)展期、注重外觀造型的成長(zhǎng)期和關(guān)注產(chǎn)品人性化內(nèi)涵的成熟期4個(gè)階段。隨著經(jīng)濟(jì)的發(fā)展，科學(xué)技術(shù)的不斷進(jìn)步，人們生活水平的不斷提高，消費(fèi)者對(duì)產(chǎn)品關(guān)注的不僅僅是外觀造型、功能、價(jià)格等，同時(shí)希望能和產(chǎn)品進(jìn)行更好地溝通交流，即物質(zhì)需求不再是決定要素取而代之的則是精神上與情感上的需求。

現(xiàn)代設(shè)計(jì)的一個(gè)顯著發(fā)展趨勢(shì)是，它不再局限于著重對(duì)象的物理設(shè)計(jì)，而是越來(lái)越強(qiáng)調(diào)“非物質(zhì)”諸如系統(tǒng)、組織結(jié)構(gòu)、智能化、界面、氛圍、交互活動(dòng)、信息娛樂(lè)服務(wù)以及數(shù)字藝術(shù)的設(shè)計(jì)，著重消費(fèi)者的創(chuàng)造潛能的觸動(dòng)和豐富多彩的生活與工作。本文通過(guò)從交互設(shè)計(jì)在產(chǎn)品設(shè)計(jì)中式如何運(yùn)用的角度進(jìn)行了探討。

二、交互設(shè)計(jì)的概述

（一）什么是交互設(shè)計(jì)

交互設(shè)計(jì)，又稱(chēng)互動(dòng)設(shè)計(jì)，是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。交互設(shè)計(jì)起源于計(jì)算機(jī)的人機(jī)界面，它作為一門(mén)關(guān)注交互體驗(yàn)的新學(xué)科在二十世紀(jì)八十年代產(chǎn)生了，它由IDEO的一位創(chuàng)始人比爾?摩格理吉（Bill Moggridge）在1984年一次設(shè)計(jì)會(huì)議上提出，他一開(kāi)始給它命名為“軟面（Soft Face）”，后把它更名為“Interaction Design”，即交互設(shè)計(jì)。作為交互設(shè)計(jì)領(lǐng)域先驅(qū)之一的McAra-McWilliam曾這樣描述交互，“交互設(shè)計(jì)師需要理解人們，理解他們?nèi)绾误w驗(yàn)事物，如何無(wú)師自通，如何學(xué)習(xí)。”交互設(shè)計(jì)的發(fā)展與計(jì)算機(jī)、信息和通信技術(shù)的進(jìn)步密切相關(guān)。

交互設(shè)計(jì)有兩個(gè)基本特征，第一是具有2個(gè)或2個(gè)以上參與者，第二是參與者之間必須伴隨著交流信息的行為。例如，拿起手機(jī)打電話，在地鐵站使用自動(dòng)購(gòu)票機(jī)買(mǎi)票，在淘寶上購(gòu)物，在ATM機(jī)上取款，用數(shù)碼相機(jī)拍照等等，這些都構(gòu)成了交互行為（圖1）。

交互設(shè)計(jì)從某種層面上來(lái)說(shuō)其實(shí)應(yīng)該是一種交互系統(tǒng)的設(shè)計(jì)。那么何為交互系統(tǒng)？英國(guó)龍比亞大學(xué)（Napier university）從事人機(jī)系統(tǒng)研究的大衛(wèi)?比揚(yáng)（David Benyon）教授在《Designing Interactive System》一書(shū)中，將由人（People）、人的行為（Activity）、產(chǎn)品使用時(shí)的場(chǎng)景（Context）、和支持行為的技術(shù)（Technology）四個(gè)要素（簡(jiǎn)稱(chēng)PACT）構(gòu)成的系統(tǒng)稱(chēng)為交互系統(tǒng)（Interactive Systems）。PACT組成的系統(tǒng)之所以稱(chēng)為交互系統(tǒng)，主要是為了強(qiáng)調(diào)構(gòu)建該系統(tǒng)的主要目的是為了支持特定的交互行為，以交互為定語(yǔ)，說(shuō)明了該系統(tǒng)以滿足用戶(hù)與其他組成個(gè)體之間的交互行為要求為重點(diǎn)，體現(xiàn)了從“使用產(chǎn)品”到“體驗(yàn)產(chǎn)品”之轉(zhuǎn)變。

（二）交互設(shè)計(jì)的發(fā)展

美國(guó)著名社會(huì)心理學(xué)家馬斯洛將人的需求劃分為五個(gè)層次，分別為：生理需求、安全需求、情感和歸屬需求、尊重需求和自我實(shí)現(xiàn)的需求（圖2）。當(dāng)人們滿足最基本的生理與安全這最基本的需求之后，就漸漸的開(kāi)始追求更高層次的精神價(jià)值需求。交互設(shè)計(jì)真正發(fā)展起來(lái)是從個(gè)人電腦普及時(shí)期開(kāi)始，電腦成為人們生活辦公不可缺少的一部分，當(dāng)人們因?yàn)閭€(gè)人或其他原因不能很好的掌控電腦并且這個(gè)問(wèn)題很普遍也就是精神需求普遍得不到滿足的時(shí)候，專(zhuān)家、學(xué)者們開(kāi)始關(guān)注這一問(wèn)題，交互設(shè)計(jì)由此開(kāi)始發(fā)展（圖3）。

三、交互設(shè)計(jì)在產(chǎn)品設(shè)計(jì)中的運(yùn)用分析

交互設(shè)計(jì)是為用戶(hù)服務(wù)的，交互設(shè)計(jì)的目的是力求做到人、機(jī)、環(huán)境、信息交流的和諧統(tǒng)一，使產(chǎn)品在使用時(shí)達(dá)到最大程度的便利。擁有一個(gè)功能的、表現(xiàn)的和有吸引力的界面是交互設(shè)計(jì)的一部分。界面的吸引力是讓一個(gè)交互展開(kāi)的重要組成部分，交互設(shè)計(jì)不應(yīng)該只是修修補(bǔ)補(bǔ)，錦上添花，而是應(yīng)該從更基礎(chǔ)的層面看待其使命。

（一）產(chǎn)品中交互設(shè)計(jì)的形式分析

現(xiàn)有的交互設(shè)計(jì)，大多通過(guò)視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、嗅覺(jué)、味覺(jué)來(lái)刺激消費(fèi)者，給消費(fèi)者一個(gè)信息的反饋。例如現(xiàn)在流行的即時(shí)通訊軟件微信（wechat），它可以發(fā)送語(yǔ)音、文字、圖片、表情，提供“位置”、“名片發(fā)送”、“實(shí)時(shí)對(duì)講”、“視頻聊天”、“語(yǔ)音輸入”等功能，同時(shí)也可以使用通過(guò)共享主流媒體內(nèi)容的資料和基于位置的社交插件“搖一搖”、“漂流瓶”、“朋友圈”、“公眾平臺(tái)”、“語(yǔ)音記事本”等服務(wù)插件。微信從視覺(jué)、聽(tīng)覺(jué)和心理上都與用戶(hù)有一個(gè)信息交流的過(guò)程。又如桂格麥片和立頓奶茶之前在部分地鐵站投放的帶有香味的廣告，讓人們路過(guò)廣告牌就會(huì)聞到一陣陣麥片和奶茶的香氣，從而吸引人們注意。這樣的廣告，又從嗅覺(jué)和味覺(jué)上刺激了消費(fèi)者。Sony于2010年推出XBOX360游戲機(jī)體感周邊外設(shè)kinect。該設(shè)備不僅能識(shí)別玩家的體感動(dòng)作，同時(shí)可以識(shí)別玩家的語(yǔ)音指令，使坐在沙發(fā)拿著游戲機(jī)手柄的傳統(tǒng)娛樂(lè)方式成為歷史，玩家真正的做到了全身心的投入（圖4）。

人們對(duì)似曾相識(shí)的東西要比對(duì)完全陌生的東西容易接受的多。例如在IT產(chǎn)品設(shè)計(jì)中，感官交互是主要手段，通過(guò)改變產(chǎn)品的顏色、形狀以及產(chǎn)品外觀的材料和加工工藝，突出產(chǎn)品絢麗的外觀，從而刺激消費(fèi)者的感覺(jué)。蘋(píng)果公司每一代Ipod或Iphone產(chǎn)品都能找到一些相似的共同點(diǎn)，但同時(shí)又可以找到一些改變，無(wú)論是色彩還是外形改變或者是功能的完善（圖5）。

（二）認(rèn)知摩擦分析

由于用戶(hù)自身的知識(shí)構(gòu)成、生活習(xí)慣等不同，我們?cè)谑褂卯a(chǎn)品尤其是高科技產(chǎn)品的時(shí)候總會(huì)有某些功能工具我們駕馭不了，美國(guó)學(xué)者Cooper將這種因技術(shù)的應(yīng)用和功能的堆砌使產(chǎn)品變復(fù)雜、難于理解和使用，用戶(hù)很難通過(guò)感官來(lái)預(yù)期操作效果的現(xiàn)象稱(chēng)之為“認(rèn)知摩擦”。伴隨著電腦產(chǎn)品正逐漸步入百姓的日常生活，設(shè)計(jì)中的認(rèn)知摩擦現(xiàn)象主要出現(xiàn)于20世紀(jì)80年代末和90年代初。在高科技產(chǎn)品中，用戶(hù)的心理預(yù)期與實(shí)際產(chǎn)品之間產(chǎn)生了認(rèn)知鴻溝，從而出現(xiàn)了“認(rèn)知摩擦”。

由于消費(fèi)人群的年齡、地域、收入、生活習(xí)慣、文化背景、家庭背景、甚至包括都具有差異，認(rèn)知摩擦不可避免，認(rèn)知摩擦的程度也因人而異。認(rèn)知摩擦的擴(kuò)大會(huì)使消費(fèi)者產(chǎn)生“這個(gè)產(chǎn)品不好用”的想法，可能會(huì)漸漸疏遠(yuǎn)這個(gè)產(chǎn)品或者干脆將其棄之一旁，消費(fèi)者與產(chǎn)品產(chǎn)生了距離。拿發(fā)生在筆者身上真實(shí)的事件舉例，PSP作為掌上游戲機(jī)風(fēng)靡全球，周?chē)呐笥讯纪娴牟灰鄻?lè)乎，可是當(dāng)筆者拿到手里以后看到眾多按鍵頓時(shí)失去玩游戲的興致，如果不要翻閱說(shuō)明書(shū)或者需要有人在旁指導(dǎo)，根本不知從何下手，從此之后，筆者再也沒(méi)有玩過(guò)PSP。

認(rèn)知摩擦產(chǎn)生具有多種原因，產(chǎn)品設(shè)計(jì)與使用過(guò)程的認(rèn)知摩擦是相互關(guān)聯(lián)、互為因果的，用戶(hù)使用中的認(rèn)知摩擦現(xiàn)象是產(chǎn)品設(shè)計(jì)認(rèn)知的依據(jù)，產(chǎn)品設(shè)計(jì)與使用是“編碼”與“解碼”的關(guān)系。造成認(rèn)知摩擦的具體因素一方面來(lái)自于企業(yè)的認(rèn)識(shí)誤區(qū)，沒(méi)有正確的調(diào)整設(shè)計(jì)流程，處理好工程師、程序員和交互設(shè)計(jì)師的關(guān)系；另一方面來(lái)自于技術(shù)因素，無(wú)休止的技術(shù)疊加也是產(chǎn)生認(rèn)知摩擦的重要原因。如圖6所示，認(rèn)知摩擦系數(shù)與科技含量、功能性能成正比，簡(jiǎn)單的機(jī)械產(chǎn)品雖功能單一，但是并不會(huì)產(chǎn)生高認(rèn)知摩擦，相反越是高新技術(shù)、賦予越多的功能、專(zhuān)業(yè)度越高的產(chǎn)品，可以熟練掌握的人群就越少，越容易產(chǎn)生高認(rèn)知摩擦（圖6）。例如老式縫紉機(jī)和新式縫紉機(jī)，老式縫紉機(jī)只需要穿好線踩著下面的腳板就可以使用，新式縫紉機(jī)穿好線之后還需要面對(duì)眾多按鍵調(diào)節(jié)模式，不免讓人眼花繚亂。在具備縫紉機(jī)基本功能的情況下，新式縫紉機(jī)雖然功能強(qiáng)大，但老式縫紉機(jī)操作更簡(jiǎn)單易上手。（圖7）。

認(rèn)知摩擦之所以會(huì)產(chǎn)生是因?yàn)樵O(shè)計(jì)者在設(shè)計(jì)之前沒(méi)有對(duì)用戶(hù)進(jìn)行進(jìn)行全面的調(diào)研，設(shè)計(jì)者沒(méi)有去了解用戶(hù)的認(rèn)知能力處于怎樣一個(gè)水平、認(rèn)知摩擦不可避免，但可以盡量的減少。如何減少認(rèn)知摩擦？就要依靠交互設(shè)計(jì)了，設(shè)計(jì)者可以通過(guò)交互設(shè)計(jì)與用戶(hù)做信息的交流，一步步的引導(dǎo)用戶(hù)按照程序操作，朝著他所設(shè)定的目標(biāo)靠近，用戶(hù)不再手足無(wú)措，認(rèn)知摩擦便會(huì)減少，多次之后便可熟練操作。

（三）產(chǎn)品開(kāi)發(fā)中交互設(shè)計(jì)的目標(biāo)分析

一個(gè)好的產(chǎn)品設(shè)計(jì)應(yīng)該可以使消費(fèi)者在生理上和心理上都對(duì)其接受，生理性接受包括：易懂性、易學(xué)性、易記性、易對(duì)性，心理性接受包括：易受性、易解性。一個(gè)好的產(chǎn)品應(yīng)該做到能用、易用、好用、樂(lè)用，并且使消費(fèi)者用了安心、放心、舒心、稱(chēng)心。這就是交互設(shè)計(jì)的目標(biāo)，也是未來(lái)產(chǎn)品設(shè)計(jì)的發(fā)展方向之一。

諾曼曾經(jīng)說(shuō)過(guò)，美觀的物品更好用。使用美的產(chǎn)品，在感官上、思想上、體驗(yàn)上，都可以給使用者帶來(lái)愉悅感，歸根結(jié)底，一個(gè)好的設(shè)計(jì)不僅應(yīng)該解決用戶(hù)的實(shí)際問(wèn)題，在體驗(yàn)的過(guò)程中同時(shí)應(yīng)該讓用戶(hù)產(chǎn)生愉悅感。因此，在產(chǎn)品開(kāi)發(fā)中交互設(shè)計(jì)的目標(biāo)應(yīng)該包括以下兩點(diǎn)：情感化設(shè)計(jì)與全新的用戶(hù)體驗(yàn)。

1.情感化設(shè)計(jì)

徐恒醇在《生態(tài)美學(xué)》中對(duì)情緒和情感做了如下區(qū)分：情緒是外部情境的刺激下由機(jī)體需要滿足的狀況所引發(fā)的心理體驗(yàn)，具有明顯的時(shí)效性，往往隨著情境的消失而淡化。情感則主要是由社會(huì)認(rèn)知和文化價(jià)值導(dǎo)向所形成，是隨著理性的發(fā)展由情緒器官產(chǎn)生的心理體驗(yàn)。

當(dāng)人的需求得到滿足時(shí)，會(huì)產(chǎn)生愉快的情感，相反會(huì)產(chǎn)生沮喪的情感。情感化設(shè)計(jì)抓住特定人群某些特定的需求，以此和消費(fèi)者產(chǎn)生心理上的共鳴，讓消費(fèi)者覺(jué)得“這就是為我而設(shè)計(jì)的”，吸引消費(fèi)者眼球，促使消費(fèi)者為產(chǎn)品買(mǎi)單。

將生活中的常識(shí)、習(xí)慣等引入到產(chǎn)品設(shè)計(jì)中，也能使用戶(hù)花費(fèi)較少的時(shí)間掌握多功能的應(yīng)用方法。例如紅色常常向人傳遞警示、警告、危險(xiǎn)等信息，電腦軟件關(guān)閉窗口按鍵、遙控器的關(guān)閉按鈕通常會(huì)設(shè)置為紅色，用戶(hù)根據(jù)自己的生活經(jīng)驗(yàn)進(jìn)行判斷，告誡自己要小心點(diǎn)擊此類(lèi)按鈕，以免帶來(lái)不好的后果。

情感交互具有以下特點(diǎn)：

（1）因人而異

例如有的人是諾基亞的鐵桿粉絲，有的人熱衷于蘋(píng)果手機(jī)。習(xí)慣于用Iphone手機(jī)的人突然拿到諾基亞的手機(jī)可能覺(jué)得無(wú)從下手，用慣了安卓系統(tǒng)手機(jī)的用戶(hù)突然去用蘋(píng)果系統(tǒng)也會(huì)感到不適應(yīng)。由于人的文化背景、知識(shí)層次、審美標(biāo)準(zhǔn)、生活的習(xí)慣不同，對(duì)于產(chǎn)品的期望目標(biāo)、衡量標(biāo)準(zhǔn)、態(tài)度也不同，因此對(duì)于同一個(gè)產(chǎn)品會(huì)有完全不一樣的情感反應(yīng)也就不足為奇了。

（2）時(shí)效性

兒童都會(huì)喜歡芭比娃娃、變形金剛、汽車(chē)模型這類(lèi)的玩具，雖然這類(lèi)商品還在繼續(xù)生產(chǎn)中并且隨著工藝的提高變得越來(lái)越精美，但每個(gè)人隨著年齡的增長(zhǎng)，其周?chē)h(huán)境在不斷地變化，個(gè)人的期望目標(biāo)、衡量標(biāo)準(zhǔn)、態(tài)度也隨之變化，對(duì)于同一產(chǎn)品在不同的階段也經(jīng)常會(huì)有不同的反應(yīng)。

（3）復(fù)合性

同一個(gè)人對(duì)于同一件產(chǎn)品可能會(huì)產(chǎn)生多種情感。正是因?yàn)閷?duì)于產(chǎn)品的評(píng)估用戶(hù)有著多元的影響因素，產(chǎn)生的情感通常不會(huì)是單一的一種。很多情況下用戶(hù)對(duì)某一產(chǎn)品的外觀造型其實(shí)是喜愛(ài)的，但可能因?yàn)楫a(chǎn)品用起來(lái)不順手所以又不得不將其棄之一旁。

我們?cè)谠O(shè)計(jì)一個(gè)產(chǎn)品之前，必須將目標(biāo)人群的年齡層次、文化水平、家庭背景、、心理需求（包括顯性需求與隱性需求）、使用環(huán)境等做一番仔細(xì)嚴(yán)格的調(diào)查與分析，設(shè)計(jì)師站在用戶(hù)的角度觀察與思考，設(shè)計(jì)出來(lái)的產(chǎn)品才能被用戶(hù)更好地使用，解決切實(shí)的問(wèn)題，做到有的放矢、收放自如。

手機(jī)產(chǎn)品更新較快，幾個(gè)月就會(huì)推出一款新產(chǎn)品，但是沒(méi)有一款產(chǎn)品老少通用（圖8）。年輕人喜歡富含高科技并且功能強(qiáng)大的產(chǎn)品，所以他們喜歡的手機(jī)產(chǎn)品不僅需要通話、發(fā)短信、通訊錄這樣基本的功能，而且還需要良好的影音視聽(tīng)效果、高像素的拍照功能以及巨大的內(nèi)存來(lái)存儲(chǔ)下載的游戲、音樂(lè)、影片，超長(zhǎng)的待機(jī)時(shí)間等。沒(méi)有一個(gè)老年人挑選手機(jī)時(shí)會(huì)在乎它玩游戲的時(shí)候手感是否舒適，反而會(huì)注意屏幕按鍵上的字是不是夠大老花眼是不是能夠看清，手機(jī)響鈴聲音夠不夠響，手機(jī)解鎖過(guò)程不要繁復(fù)以免遇到緊急情況使用不便。由此可以看出交互設(shè)計(jì)的適用性是有年齡、人群、環(huán)境等限制的。

情感化設(shè)計(jì)，最應(yīng)該體現(xiàn)的是人性化設(shè)計(jì)，設(shè)計(jì)師應(yīng)該站在用戶(hù)的角度為用戶(hù)考慮，為用戶(hù)之所想，急用戶(hù)之所急，以人為設(shè)計(jì)中心，尊重人性，在力圖維持技術(shù)與情感之間平衡的同時(shí)，使產(chǎn)品不再冷冰冰，用戶(hù)在使用過(guò)程中獲得了內(nèi)心愉悅的審美體驗(yàn)。

2.全新的用戶(hù)體驗(yàn)方式

ISO 9241-210標(biāo)準(zhǔn)將用戶(hù)體驗(yàn)定義為 “人們對(duì)于針對(duì)使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)”。通俗來(lái)講就是“這個(gè)東西好不好用，用起來(lái)方不方便”。因此，用戶(hù)體驗(yàn)是主觀的，且其注重實(shí)際應(yīng)用。

心理學(xué)上將人腦分為三種不同的加工方式：本能的、行為的和反思的，三種方式對(duì)應(yīng)三種不同的體驗(yàn)層次，分別是感官的（Visceral），行為的（Behavioral）和反思的（Reflective）。用戶(hù)在使用產(chǎn)品的過(guò)程中首先是感官上對(duì)其做一個(gè)簡(jiǎn)單分析，例如產(chǎn)品的外觀、顏色、造型等，其次是行為即產(chǎn)品在使用中用起來(lái)是否順手，最后是反思過(guò)程，對(duì)產(chǎn)品進(jìn)行探索和思考。

用戶(hù)體驗(yàn)?zāi)繕?biāo)具體表現(xiàn)在以下幾個(gè)方面：

（1）使用時(shí)產(chǎn)生愉悅感

（2）產(chǎn)品富有趣味性

（3）產(chǎn)品富有美感，同時(shí)應(yīng)具有正能量

（4）使用戶(hù)在情感上得到滿足

這四方面是設(shè)計(jì)交互產(chǎn)品應(yīng)達(dá)到的用戶(hù)體驗(yàn)?zāi)繕?biāo)，缺一不可，都是為了使用戶(hù)在使用產(chǎn)品時(shí)得到更好地用戶(hù)體驗(yàn)。

新浪微博，作為近幾年國(guó)內(nèi)最火爆的社交網(wǎng)站，它有著良好的交互功能以及用戶(hù)體驗(yàn)，人們可以在這里記錄心情、發(fā)照片、聽(tīng)音樂(lè)、看視頻、關(guān)注新聞、或與認(rèn)識(shí)或不認(rèn)識(shí)甚至名人明星進(jìn)行互動(dòng)。微博為了更好用戶(hù)體驗(yàn)，會(huì)不斷地進(jìn)行改版，同時(shí)新設(shè)會(huì)員專(zhuān)享特權(quán)、分組可見(jiàn)以及點(diǎn)贊、閱讀量、推廣等新功能，在這里粉絲不再是名人的專(zhuān)利，一個(gè)普通人也可以在虛擬的網(wǎng)絡(luò)里擁有數(shù)量龐大的粉絲。這些功能不僅方便了用戶(hù)的使用，還可以使用戶(hù)之間更好更便捷的交流，使不少人成為“微博控”，拓寬了人們的視野，找到屬于自己的樂(lè)趣，使用戶(hù)身心都得到了放松（圖9）。

良好的用戶(hù)體驗(yàn)不僅是用戶(hù)在使用產(chǎn)品時(shí)的感受，也可以升級(jí)成為一種象征，在使用時(shí)看上去有面子、上檔次，將用戶(hù)發(fā)展成為此類(lèi)產(chǎn)品乃至此品牌的“忠實(shí)粉絲”，在年輕人群中占相當(dāng)部分的“蘋(píng)果粉”，他們追求或追捧蘋(píng)果公司旗下產(chǎn)品如Iphone、Ipod以及周邊產(chǎn)品，他們覺(jué)得使用蘋(píng)果的產(chǎn)品是時(shí)尚、品味、身份的象征，乃至為了獲得最新推出的產(chǎn)品不惜在專(zhuān)賣(mài)店門(mén)前排上十幾個(gè)小時(shí)的隊(duì)伍，使用戶(hù)為之“瘋狂”，這便是良好的用戶(hù)體驗(yàn)。

情感化設(shè)計(jì)目標(biāo)與全新的用戶(hù)體驗(yàn)?zāi)繕?biāo)二者缺一不可，都是為了用戶(hù)可以更好地使用產(chǎn)品，但二者又略有所不同，情感化設(shè)計(jì)是設(shè)計(jì)師站在用戶(hù)的角度，替用戶(hù)思考，為用戶(hù)解決問(wèn)題，而用戶(hù)體驗(yàn)性目標(biāo)則更多的偏向于用戶(hù)的主觀感受。二者雖有所區(qū)別但還互相影響，良好的用戶(hù)體驗(yàn)以情感化設(shè)計(jì)為前提，正是因?yàn)樵O(shè)計(jì)師站在用戶(hù)的角度進(jìn)行貼心合理的設(shè)計(jì)，所以用戶(hù)在使用產(chǎn)品時(shí)才會(huì)產(chǎn)生愉悅的心情；同時(shí)用戶(hù)體驗(yàn)的效果好壞與否又作為情感化設(shè)計(jì)改良的依據(jù)，正是因?yàn)橛幸恍┎缓玫挠脩?hù)體驗(yàn)才促使著設(shè)計(jì)不斷地更新改良，以最好的狀態(tài)呈現(xiàn)給用戶(hù)。

四、總結(jié)

交互設(shè)計(jì)是以用戶(hù)體驗(yàn)為基礎(chǔ)，關(guān)注人機(jī)交互與人機(jī)界面的設(shè)計(jì)，它作為產(chǎn)品與用戶(hù)之間信息交流溝通的橋梁，使人們?cè)谏砩霞靶睦砩隙伎梢愿玫亟邮墚a(chǎn)品。科學(xué)的進(jìn)步與發(fā)展已經(jīng)將現(xiàn)代人的生活及工作方式，如何將科技、情感、解決實(shí)際問(wèn)題、用戶(hù)體驗(yàn)結(jié)合在一個(gè)產(chǎn)品之上成為產(chǎn)品設(shè)計(jì)的新的研究方向，通過(guò)對(duì)交互設(shè)計(jì)信息交流的方式方法以及認(rèn)知摩擦的研究，了解到產(chǎn)品設(shè)計(jì)中的交互設(shè)計(jì)應(yīng)該達(dá)到情感化設(shè)計(jì)與全新的用戶(hù)體驗(yàn)這兩個(gè)目標(biāo)，將情感融入到設(shè)計(jì)之中，使用戶(hù)不僅能與產(chǎn)品順利的交流，在使用過(guò)程中還可以得到精神上的滿足與享受，激發(fā)對(duì)生活的熱情，讓生活變得更加豐富多彩。

參考文獻(xiàn)：

[1]李世國(guó).產(chǎn)品設(shè)計(jì)中交互設(shè)計(jì)的運(yùn)用[J].包裝設(shè)計(jì)，2007（4）.

[2]呂文奎.IT產(chǎn)品設(shè)計(jì)中的交互設(shè)計(jì)研究[D].重慶大學(xué)，2007.

[3]百度“交互設(shè)計(jì)”百科.

[4]李世國(guó)、顧振宇.交互設(shè)計(jì)[M].中國(guó)水利水電出版社，2012.

[5] Lan C A.交互設(shè)計(jì)之路――讓高科技回歸人性[M].北京電子工業(yè)出版社，2006.

[6]賀傳熙.產(chǎn)品設(shè)計(jì)及使用過(guò)程中的認(rèn)知摩擦分析[J].包裝設(shè)計(jì)，2010（4）.

第5篇：產(chǎn)品交互設(shè)計(jì)案例范文

關(guān)鍵詞：交互設(shè)計(jì)；界面設(shè)計(jì)；用戶(hù)體驗(yàn)設(shè)計(jì)；占位符

隨著現(xiàn)代信息科技的發(fā)展與互聯(lián)網(wǎng)絡(luò)的普及，各類(lèi)互聯(lián)網(wǎng)產(chǎn)品已經(jīng)被大眾廣泛接受。與傳統(tǒng)產(chǎn)業(yè)不同的是，互聯(lián)網(wǎng)產(chǎn)品對(duì)于普通用戶(hù)的獲得成本是極低的：傳統(tǒng)產(chǎn)業(yè)的用戶(hù)往往需要付出高昂的代價(jià)才能體驗(yàn)最好的商品與服務(wù)（如汽車(chē)、酒店），而互聯(lián)網(wǎng)用戶(hù)只需要以低廉的價(jià)格甚至免費(fèi)就能體驗(yàn)到最好的產(chǎn)品與服務(wù)（如社交軟件）。伴隨著高質(zhì)量產(chǎn)品與服務(wù)而來(lái)的，是不那么令人滿意的使用體驗(yàn)。因此，用戶(hù)體驗(yàn)（User-Experience）和交互設(shè)計(jì)（Interaction…Design）逐漸為人所關(guān)注。也正是這樣，傳統(tǒng)的設(shè)計(jì)體系中諸多被人忽視的要素也由于能夠改善用戶(hù)體驗(yàn)而逐漸被設(shè)計(jì)者重視起來(lái)。然而占位符文本（Placeholder…Text）仍是容易被設(shè)計(jì)者忽視的要素之一，占位符文本的錯(cuò)誤或不規(guī)范的使用在目前極為常見(jiàn)。因此，對(duì)其正確使用方式的研究對(duì)于人機(jī)交互科學(xué)具有重要的意義。

1占位符文本在交互設(shè)計(jì)中的功能性

1.1占位符在界面設(shè)計(jì)中的意義

占位符（Placeholder）是在信息通訊產(chǎn)品的界面設(shè)計(jì)中常用到的一種元素，它是交互設(shè)計(jì)的功能基礎(chǔ)，包含了具體的功能和信息的組織結(jié)構(gòu)。［1］用戶(hù)面對(duì)空白的電子表單等界面時(shí)，往往會(huì)產(chǎn)生不能理解交互方式的“認(rèn)知摩擦”。［2］占位符的主要作用就是在這類(lèi)界面布局中占據(jù)一定的空間面積，既能調(diào)節(jié)控制用戶(hù)界面的視覺(jué)傳達(dá)效果，又可以實(shí)現(xiàn)界面對(duì)用戶(hù)的默認(rèn)的提示、說(shuō)明、引導(dǎo)等功能。在用戶(hù)填寫(xiě)表單的界面中，占位符常常以文本的形式呈現(xiàn)，作為對(duì)表單填寫(xiě)欄或選項(xiàng)的補(bǔ)充說(shuō)明，因此被也稱(chēng)為占位符文本。甚至在當(dāng)下流行的“扁平化”設(shè)計(jì)語(yǔ)言中，為了使用戶(hù)填寫(xiě)表單更加流暢，即改善用戶(hù)對(duì)于表單填寫(xiě)界面的體驗(yàn)，簡(jiǎn)化表單的結(jié)構(gòu)、層級(jí)（如刪除表單的分項(xiàng)標(biāo)簽等），占位符文本的應(yīng)用顯得更加簡(jiǎn)潔、美觀。但是在不同產(chǎn)品與不同情境下，占位符文本具體的職能作用不盡相同。

1.2占位符文本在界面設(shè)計(jì)中的功能

使用占位符文本常見(jiàn)的目的有兩大類(lèi)別：視覺(jué)優(yōu)化、功能優(yōu)化。視覺(jué)優(yōu)化角度有三大具體功能：第一，統(tǒng)一視覺(jué)效果功能。基于占位符文本的表現(xiàn)形式為文本這一特性而實(shí)現(xiàn)，可以使界面上的圖形元素減少，使文本元素與線框成為界面的主要形式。第二，縮短表單（或界面）長(zhǎng)度功能。因?yàn)檎嘉环谋究梢詢(xún)?nèi)置于表單填寫(xiě)框區(qū)域內(nèi)，無(wú)須額外添加“標(biāo)簽”（label）元素，可以減少表單填寫(xiě)框區(qū)域外的標(biāo)簽文檔，從而達(dá)到縮短長(zhǎng)度的效果。第三，精簡(jiǎn)表單（或界面）結(jié)構(gòu)功能。與第二點(diǎn)類(lèi)似。常見(jiàn)的表單組成元素除了標(biāo)簽外，還有示例文本（為用戶(hù)填寫(xiě)的數(shù)據(jù)提供格式上的范例參考）、指令文本（提示用戶(hù)執(zhí)行相應(yīng)操作）等頁(yè)面元素，但它們往往會(huì)以不同層級(jí)展現(xiàn)，如“彈出窗口”“彈出氣泡”等。使用占位符文本可以降低對(duì)這類(lèi)不同層級(jí)、結(jié)構(gòu)的元素的使用頻率，界面層級(jí)淺的結(jié)構(gòu)訪問(wèn)路徑短，一定程度上可以幫助用戶(hù)對(duì)完整路徑進(jìn)行觀察。［3］綜合上述三點(diǎn)，視覺(jué)優(yōu)化的功能大致可以概括為對(duì)表單界面的視覺(jué)元素進(jìn)行整合，使之視覺(jué)傳達(dá)效果趨于整體化、簡(jiǎn)潔化。功能優(yōu)化角度有四大具體功能：第一，充當(dāng)標(biāo)簽（或輔助標(biāo)簽）文本。指在表單填寫(xiě)框區(qū)域內(nèi)的占位符文本充當(dāng)標(biāo)簽或輔助標(biāo)簽，以說(shuō)明用戶(hù)在此處填寫(xiě)的數(shù)據(jù)類(lèi)型、名稱(chēng)。第二，充當(dāng)指令文本。指應(yīng)用占位符文本在表單填寫(xiě)框區(qū)域內(nèi)對(duì)用戶(hù)執(zhí)行的操作給出指令或引導(dǎo)，同時(shí)讓用戶(hù)對(duì)數(shù)據(jù)填寫(xiě)的對(duì)應(yīng)區(qū)域有較為快速明確的定位。第三，充當(dāng)幫助文本。指應(yīng)用占位符文本在表單填寫(xiě)框區(qū)域內(nèi)就用戶(hù)填寫(xiě)的數(shù)據(jù)內(nèi)容、格式等問(wèn)題提供幫助與參考，便于讓相關(guān)表單填寫(xiě)經(jīng)驗(yàn)不足的用戶(hù)理解對(duì)于數(shù)據(jù)填寫(xiě)的具體要求。第四，充當(dāng)示例文本。是第三點(diǎn)功能的具體化、特殊化案例。在用戶(hù)無(wú)法掌握輸入數(shù)據(jù)的格式時(shí)，一個(gè)實(shí)例文本可以直觀地展現(xiàn)格式范例，并讓用戶(hù)在輸入框區(qū)域內(nèi)對(duì)照范例輸入。綜合上述四點(diǎn)，占位符文本的應(yīng)用旨在給用戶(hù)執(zhí)行數(shù)據(jù)輸入提供更加易用、順暢的步驟流程，簡(jiǎn)化人機(jī)交互關(guān)系，改善用戶(hù)體驗(yàn)。

2占位符文本對(duì)人機(jī)交互的干擾

2.1占位符文本對(duì)執(zhí)行流程的影響

占位符文本應(yīng)用的目的是改善用戶(hù)體驗(yàn)，其功能直接作用于用戶(hù)對(duì)于操作界面的使用流程。表單是互聯(lián)網(wǎng)信息產(chǎn)品中常見(jiàn)的用于主動(dòng)收集用戶(hù)數(shù)據(jù)的形式，其目的在于將用戶(hù)數(shù)據(jù)分類(lèi)并收集。表單填寫(xiě)框區(qū)域內(nèi)的占位符文本直接影響到用戶(hù)填寫(xiě)表單所需數(shù)據(jù)的流程，這種影響主要體現(xiàn)在用戶(hù)對(duì)于表單信息獲取的效率、在頁(yè)面停留時(shí)間（Time…on…Page）以及用戶(hù)填寫(xiě)數(shù)據(jù)錯(cuò)誤率的變化。用戶(hù)對(duì)于表單信息獲取的效率是不直觀可視的數(shù)據(jù)，一般表現(xiàn)為用戶(hù)開(kāi)始執(zhí)行填寫(xiě)表單的操作前的停止時(shí)間。通常意義上，操作前停止時(shí)間越長(zhǎng)便意味著用戶(hù)難以理解或執(zhí)行當(dāng)前的默認(rèn)操作，即這個(gè)頁(yè)面對(duì)使用者的影響會(huì)直接影響到人機(jī)交互的效率以及用戶(hù)體驗(yàn)。同理，由于表單界面是工具性界面，而非內(nèi)容傳播性頁(yè)面，所以用戶(hù)的頁(yè)面停留時(shí)間長(zhǎng)短與用戶(hù)體驗(yàn)呈負(fù)相關(guān)。缺失的或難以理解的功能性占位符文本會(huì)導(dǎo)致用戶(hù)執(zhí)行填寫(xiě)操作的效率低下，長(zhǎng)時(shí)間停留于表單界面。在相應(yīng)的計(jì)算機(jī)后臺(tái)程序技術(shù)的支持下，很多網(wǎng)頁(yè)與程序能夠在用戶(hù)填寫(xiě)信息的同時(shí)捕捉用戶(hù)填寫(xiě)、擦除數(shù)據(jù)等動(dòng)作。眾多實(shí)例證明，占位符文本的錯(cuò)誤或不規(guī)范的應(yīng)用除了會(huì)造成用戶(hù)理解困難之外，還會(huì)影響用戶(hù)填寫(xiě)操作的流暢性，增加了用戶(hù)的負(fù)擔(dān)，甚至可能導(dǎo)致操作的失敗，［4］造成諸如“反復(fù)修改已填數(shù)據(jù)”“填寫(xiě)過(guò)程多次中斷”等結(jié)果。此類(lèi)現(xiàn)象發(fā)生率較高，但容易被開(kāi)發(fā)者、設(shè)計(jì)者忽視，從而破壞整個(gè)產(chǎn)品的交互體驗(yàn)。

2.2占位符文本對(duì)用戶(hù)心理的影響

用戶(hù)界面設(shè)計(jì)是直接接觸并服務(wù)于人的設(shè)計(jì)，因此在人機(jī)交互的過(guò)程中，情感化的、難以用數(shù)據(jù)量化的用戶(hù)體驗(yàn)極為重要。用戶(hù)的體驗(yàn)通常取決于三點(diǎn)：需求是否被滿足、滿足需求的效率如何、需求之外的情感。表單填寫(xiě)是一個(gè)純粹的功能性步驟，是服務(wù)于用戶(hù)滿足需求的前期準(zhǔn)備工作。沒(méi)有人（或極少數(shù)人）會(huì)以填寫(xiě)表單為樂(lè)趣，將此作為自己使用產(chǎn)品的需求與動(dòng)力。因此，設(shè)計(jì)者要盡可能地簡(jiǎn)化這個(gè)步驟，用盡可能高效、簡(jiǎn)潔的方式引導(dǎo)用戶(hù)去執(zhí)行預(yù)設(shè)好的操作（填寫(xiě)表單）才是優(yōu)化表單界面用戶(hù)體驗(yàn)的方法。事實(shí)上，在對(duì)市面上現(xiàn)存的各類(lèi)網(wǎng)頁(yè)與程序進(jìn)行一個(gè)簡(jiǎn)單的抽樣調(diào)查之后，可以發(fā)現(xiàn)很多因?yàn)檎`用占位符文本而造成用戶(hù)誤解的案例。這種誤解會(huì)致使用戶(hù)的數(shù)據(jù)輸入效率和準(zhǔn)確度降低，進(jìn)而對(duì)產(chǎn)品的易用性產(chǎn)生懷疑。并且在表單界面停留時(shí)間的延長(zhǎng)，實(shí)質(zhì)上是用戶(hù)達(dá)成需求滿足這一結(jié)果的推遲，會(huì)引起用戶(hù)懷疑產(chǎn)品滿足自身需求的可行性。一旦用戶(hù)對(duì)產(chǎn)品的易用性、可行性產(chǎn)生了懷疑，就會(huì)破壞用戶(hù)對(duì)于產(chǎn)品、服務(wù)的信任感；對(duì)于不了解后臺(tái)技術(shù)的用戶(hù)而言，甚至可能產(chǎn)生對(duì)于技術(shù)、品牌的不信任感。信任感是建立良好的用戶(hù)情感體驗(yàn)的基石。因此，作為影響操作效率的重要因素的占位符文本的設(shè)計(jì)，對(duì)于建立良好的用戶(hù)情感體驗(yàn)有著至關(guān)重要的意義。

2.3占位符文本對(duì)交互的雙向反饋機(jī)制

用戶(hù)與產(chǎn)品發(fā)生人機(jī)交互的過(guò)程，是一個(gè)信息的雙向接收、發(fā)送的過(guò)程，與之相伴的還有雙向的反饋機(jī)制。作為用戶(hù)，產(chǎn)品輸出、傳遞信息的效率低下會(huì)影響到自身的信息接收效率。同時(shí)用戶(hù)低效率接收信息也會(huì)導(dǎo)致反饋行為遲緩、錯(cuò)誤率提高，進(jìn)而導(dǎo)致產(chǎn)品接收信息的效率降低。因此，研究占位符文本在人機(jī)交互流程中造成干擾的機(jī)制對(duì)于改善交互體驗(yàn)有著至關(guān)重要的作用。占位符文本的本質(zhì)是占位符的一種。起到的根本作用是占據(jù)空間位置，直接作用是提供信息。這信息包含諸多種類(lèi)，如位置信息（將不同功能區(qū)域進(jìn)行定位）、數(shù)據(jù)類(lèi)型信息（說(shuō)明該區(qū)域內(nèi)數(shù)據(jù)的類(lèi)型）、指令信息（提示或命令用戶(hù)執(zhí)行相應(yīng)操作）等。為了保證用戶(hù)有效獲取信息，占位符文本必須具有足夠的視覺(jué)刺激，過(guò)于淺的占位符文本顏色會(huì)導(dǎo)致在屏幕上難以辨認(rèn)。但是由于表單填寫(xiě)框區(qū)域內(nèi)本應(yīng)該為空白，因此占位符文本的存在本身就對(duì)用戶(hù)具有一定的視覺(jué)刺激與導(dǎo)向，所以需要對(duì)其視覺(jué)上的強(qiáng)調(diào)程度做好控制。如果將占位符文本的顏色設(shè)定為黑色（或正文文本的相應(yīng)顏色），則會(huì)與正文內(nèi)容產(chǎn)生視覺(jué)沖突（見(jiàn)圖3），導(dǎo)致用戶(hù)將占位符文本錯(cuò)誤理解為預(yù)設(shè)文本，進(jìn)而影響其對(duì)于數(shù)據(jù)填寫(xiě)區(qū)域的理解，降低此階段交互流程的效率。由于占位符文本具有多重功能，可以表達(dá)多種數(shù)據(jù)類(lèi)型，因此表單填寫(xiě)框區(qū)域內(nèi)的占位符文本應(yīng)該保證功能類(lèi)型的統(tǒng)一，否則會(huì)導(dǎo)致表單界面的信息傳遞邏輯混亂。例如，“登錄郵箱地址”數(shù)據(jù)填寫(xiě)框區(qū)域內(nèi)的占位符文本設(shè)定為“登錄密碼”數(shù)據(jù)填寫(xiě)框區(qū)域內(nèi)的占位符文本設(shè)定為“請(qǐng)輸入密碼”（充當(dāng)指令文本）。這個(gè)例子中，兩處相關(guān)聯(lián)的表單輸入框內(nèi)置兩種不同類(lèi)別的占位符文本，在面向用戶(hù)的信息傳遞環(huán)節(jié)沒(méi)有遵循統(tǒng)一的標(biāo)準(zhǔn)規(guī)范。這種情況下會(huì)導(dǎo)致用戶(hù)對(duì)于表單指令的理解產(chǎn)生偏差，如難以理解“這項(xiàng)占位符文本對(duì)用戶(hù)的指令與要求。一定程度上會(huì)導(dǎo)致用戶(hù)對(duì)此產(chǎn)品甚至是產(chǎn)品的企業(yè)形象產(chǎn)生“嚴(yán)謹(jǐn)性、專(zhuān)業(yè)性有所欠缺”的印象。此外，占位符本身具有“可替代”這一特性，即用戶(hù)在表單填寫(xiě)框區(qū)域內(nèi)進(jìn)行數(shù)據(jù)填寫(xiě)操作時(shí)，表單的交互系統(tǒng)默認(rèn)會(huì)以用戶(hù)當(dāng)前填寫(xiě)的數(shù)據(jù)覆蓋原本的占位符文本。這也造成了占位符文本給用戶(hù)的指令、幫助具有時(shí)間局限性。指令信息一般較短且容易理解，所以受到“時(shí)間局限性”的影響較小，但幫助文本（包括示例文本）通常長(zhǎng)度較長(zhǎng)，內(nèi)容類(lèi)別較多，導(dǎo)致在用戶(hù)填寫(xiě)表格時(shí)點(diǎn)擊文本框后會(huì)使幫助文本消失，因此對(duì)于幫助文本的記憶難度較大（見(jiàn)圖2）。對(duì)用戶(hù)來(lái)說(shuō)，瀏覽信息要比記憶更容易，理想的設(shè)計(jì)是用戶(hù)不用查閱說(shuō)明書(shū)就能清楚該產(chǎn)品的功能并進(jìn)行正確操作。［5］基于前文所述的“占位符文本具有‘時(shí)間局限性’”的特點(diǎn)，在用戶(hù)進(jìn)行交互操作、輸入一個(gè)較為陌生的數(shù)據(jù)或信息時(shí)，往往會(huì)輸入一部分后因?yàn)閷?duì)相關(guān)要求、規(guī)則的記憶模糊而導(dǎo)致輸入操作中斷甚至取消輸入，重新回到占位符文本未被用戶(hù)數(shù)據(jù)覆蓋的情境，再次閱讀幫助說(shuō)明。綜上所述，占位符文本具有“視覺(jué)強(qiáng)調(diào)性”“標(biāo)準(zhǔn)統(tǒng)一性”“時(shí)間局限性”三大特性的雙向反饋機(jī)制，并且在交互設(shè)計(jì)中需要進(jìn)行規(guī)范的應(yīng)用以保障人機(jī)交互的效率與用戶(hù)體驗(yàn)的質(zhì)量。

3占位符文本的人性化交互設(shè)計(jì)原則

對(duì)于占位符文本的應(yīng)用環(huán)境，可以確定在電子、信息領(lǐng)域的產(chǎn)品的數(shù)字交互界面，尤其是電子表單類(lèi)界面。因此，要明確占位符文本應(yīng)用的本質(zhì)：服務(wù)于用戶(hù)數(shù)據(jù)填寫(xiě)、傳遞，強(qiáng)調(diào)工具性、功能性。由此歸納出占位符文本的設(shè)計(jì)應(yīng)遵循三項(xiàng)基本原則：易用性原則、統(tǒng)一性原則和階段性原則。

3.1易用性原則

易用性原則即加強(qiáng)引導(dǎo)作用，降低使用難度。優(yōu)秀的工具是用戶(hù)察覺(jué)不到的工具，占位符文本的職能是降低用戶(hù)使用界面的負(fù)擔(dān)，而非增加用戶(hù)額外的關(guān)注點(diǎn)。因此，要求設(shè)計(jì)師在占位符文本的設(shè)計(jì)過(guò)程中了解用戶(hù)的語(yǔ)言、文化、思維模式，以提高占位符的可理解性。實(shí)現(xiàn)“置界面于用戶(hù)的控制之下”“減少用戶(hù)的記憶負(fù)擔(dān)”“保持界面的一致性”。［6］

3.2統(tǒng)一性原則

統(tǒng)一性原則也可以理解為秩序性，秩序不僅是效率的保證，也是交互邏輯的表現(xiàn)方式。占位符文本的類(lèi)別、定義、布局甚至是形式上的不統(tǒng)一，都是對(duì)界面設(shè)計(jì)背后的交互邏輯的破壞。既會(huì)混淆產(chǎn)品界面信息的傳遞，進(jìn)而影響用戶(hù)執(zhí)行交互操作的流程，又會(huì)破壞用戶(hù)使用產(chǎn)品時(shí)的主觀體驗(yàn)。

3.3階段性原則

占位符文本不是靜止不變的界面設(shè)計(jì)元素，在用戶(hù)進(jìn)行閱讀、輸入等不同行為的同時(shí)，與產(chǎn)品的交互關(guān)系也會(huì)隨之發(fā)生變化。因此，占位符文本在人機(jī)交互的過(guò)程中也是依各階段發(fā)生變化的。對(duì)應(yīng)用戶(hù)的不同行為、操作，占位符文本應(yīng)該表現(xiàn)以不同形式，執(zhí)行不同功能，不因位置布局而定義功能，而是以交互的不同階段來(lái)作出具體的定義。遵守這三項(xiàng)原則，才能保障占位符文本這一設(shè)計(jì)要素在人性化的交互過(guò)程中有效地起到相應(yīng)的作用，提升交互體驗(yàn)的質(zhì)量。

4結(jié)語(yǔ)

設(shè)計(jì)不僅是對(duì)樣式、外形的塑造，更是對(duì)人的服務(wù)和對(duì)服務(wù)方式的優(yōu)化與改良。在當(dāng)前社會(huì)互聯(lián)網(wǎng)產(chǎn)業(yè)發(fā)展的背景下，“人”這一因素在交互設(shè)計(jì)中得以不斷放大。交互設(shè)計(jì)也不再僅僅是設(shè)計(jì)一個(gè)用戶(hù)界面，而是更加著重于從作為人的用戶(hù)的視角出發(fā)，考慮用戶(hù)的本質(zhì)需求，以滿足用戶(hù)需求為根本目的，一切設(shè)計(jì)行為、要素為此服務(wù)。占位符文本作為多種用戶(hù)界面中不可缺失的關(guān)鍵元素，應(yīng)該遵循上述基本原則，做到標(biāo)準(zhǔn)化、規(guī)范化，實(shí)現(xiàn)更加高效的人機(jī)交互流程，提供給用戶(hù)更加優(yōu)質(zhì)的體驗(yàn)。

參考文獻(xiàn)：

［1］…黃本亮.交互設(shè)計(jì)的語(yǔ)義層面［J］.包裝工程，2013，34（2）：38.

［2］…Alan…Cooper（美）.交互設(shè)計(jì)之路——讓高科技產(chǎn)品回歸人性［M］.…Chris…Ding，譯，北京：電子工業(yè)出版社，2006：…41.

［4］…李世國(guó)，費(fèi)釬.和諧視野中的產(chǎn)品交互設(shè)計(jì)［J］.包裝工程，2009，30（1）：137-140.

［5］…于東玖，吳曉莉.設(shè)計(jì)中易用性原則與情感的關(guān)系［J］.包裝工程，2006，27（6）：308-309.

第6篇：產(chǎn)品交互設(shè)計(jì)案例范文

海報(bào)是通過(guò)圖片、文字、色彩等元素構(gòu)建而成的藝術(shù)品，是大眾信息的傳媒方式和視覺(jué)傳達(dá)表現(xiàn)的重要手段。通過(guò)設(shè)計(jì)元素的搭配和變化，海報(bào)給人們提供了一種新的語(yǔ)言和新的創(chuàng)意。在形式美法則指導(dǎo)下構(gòu)思動(dòng)態(tài)交互海報(bào)，并借助計(jì)算機(jī)多媒體技術(shù)使之達(dá)到互動(dòng)的目的。以此為基礎(chǔ)，對(duì)相關(guān)案例進(jìn)行了分析和探討，強(qiáng)調(diào)了將美學(xué)、交互方式與人的視覺(jué)高度融合的“動(dòng)態(tài)海報(bào)”新理念，進(jìn)而預(yù)測(cè)了未來(lái)動(dòng)態(tài)交互海報(bào)設(shè)計(jì)的發(fā)展趨勢(shì)。

關(guān)鍵詞：

動(dòng)態(tài)交互海報(bào)設(shè)計(jì)；形式美法則；交互方式；視覺(jué)感

一、引言

近年來(lái)，“動(dòng)態(tài)交互海報(bào)”已經(jīng)獲得了社會(huì)的廣泛關(guān)注，而且不斷出現(xiàn)在大眾的視野之中。動(dòng)態(tài)交互海報(bào)的使應(yīng)用前景十分廣闊，企業(yè)宣傳、產(chǎn)品展示、公益廣告都會(huì)與其關(guān)聯(lián)。尤其是伴隨著交互設(shè)計(jì)與可持續(xù)設(shè)計(jì)理念的發(fā)展，越來(lái)越多的藝術(shù)家和設(shè)計(jì)師都會(huì)關(guān)注作品與大眾之間的交流互動(dòng)以及體驗(yàn)感受，因而將設(shè)計(jì)創(chuàng)意重點(diǎn)投向了人的感受，其目的不僅僅要在視覺(jué)上吸引觀眾，更多的是要在觸覺(jué)、嗅覺(jué)等感官及大腦的聯(lián)想力方面左右觀眾。如此設(shè)計(jì)就可以使作品更加生動(dòng)、活力滿滿，就可以使作品具有更加強(qiáng)烈的震撼力。心理學(xué)家的研究表明，進(jìn)入人類(lèi)大腦的信息約有85%來(lái)自眼睛、10%來(lái)自耳朵，余下的5%則來(lái)自其他的器官[1]。這就證明人的感官反應(yīng)不再停留在視覺(jué)方面，而其他的感覺(jué)也起到了協(xié)助作用。毋庸置疑，具有交互性質(zhì)的動(dòng)態(tài)設(shè)計(jì)產(chǎn)品更能擴(kuò)大觀眾的愉悅感及其審美能力。因此，這種以視覺(jué)形式美法則為基礎(chǔ)并且加入了“動(dòng)態(tài)交互性”元素的設(shè)計(jì)理念所形成的藝術(shù)品，就可以定義為“動(dòng)態(tài)交互設(shè)計(jì)”。動(dòng)態(tài)交互設(shè)計(jì)在藝術(shù)設(shè)計(jì)領(lǐng)域尤其是海報(bào)設(shè)計(jì)中有著十分重要的意義。有基于此，本文擬從傳統(tǒng)海報(bào)的定義及特點(diǎn)入手，擴(kuò)展至動(dòng)態(tài)交互海報(bào)的定義及特點(diǎn)，將兩者對(duì)比，借以考察新的設(shè)計(jì)方法，進(jìn)而以相關(guān)的動(dòng)態(tài)交互海報(bào)作為案例，對(duì)其中關(guān)鍵性的設(shè)計(jì)思維進(jìn)行分析與探討，并預(yù)測(cè)動(dòng)態(tài)交互海報(bào)的發(fā)展前景。

二、傳統(tǒng)海報(bào)的定義及特點(diǎn)

1.定義

中國(guó)的“海報(bào)”最早問(wèn)世于上海。它是伴隨著商業(yè)活動(dòng)和商品經(jīng)濟(jì)的發(fā)展而登上歷史舞臺(tái)的，至今已經(jīng)成了一種社會(huì)化的傳播工具，具有向大眾介紹某一物品、事件的屬性；海報(bào)也是從視覺(jué)傳達(dá)中派生出來(lái)的平面設(shè)計(jì)形式與信息交互傳達(dá)相互結(jié)合的產(chǎn)物[2]。從嚴(yán)格意義上講，海報(bào)是以形象化的語(yǔ)言和藝術(shù)美的形式傳遞信息并作用于大眾的一種工具[3]11。

2.特點(diǎn)

（1）視覺(jué)沖擊力。視覺(jué)沖擊力是人情感的瞬間產(chǎn)物。海報(bào)要達(dá)到的目的就是在固有媒體制約下制造出意想不到的畫(huà)面效果，在頃刻間就能夠抓住人的視覺(jué)感受，并且讓其迅速理解具體的內(nèi)容。根據(jù)“視覺(jué)停留”理念，其含義為人的眼睛在觀看某種物體時(shí)，停留時(shí)間的長(zhǎng)短，看到的物體的形狀、大小以及顏色都能夠給人的大腦記憶系統(tǒng)留下深刻的印象[4]。因?yàn)楝F(xiàn)代社會(huì)的快速度和高頻率的影響，人們的生活節(jié)奏也越來(lái)越快。據(jù)研究，人的視覺(jué)接觸物品的時(shí)間正在逐步縮短，而在海報(bào)上停留的時(shí)間也在成正比例的減少，因此海報(bào)的特點(diǎn)之一就是要求視覺(jué)上具有沖擊力，在短時(shí)間內(nèi)能夠有效地吸引人的眼球，并盡可能地延長(zhǎng)其停留的時(shí)間。

（2）制作手段的多樣性。傳統(tǒng)海報(bào)的制作是沒(méi)有方法限制的，也沒(méi)有大小、尺寸等的統(tǒng)一規(guī)定。也就是說(shuō)海報(bào)可以讓設(shè)計(jì)師隨心所欲，既能設(shè)計(jì)巨幅的，也可以是小型的，而且在制作手法上也是多種多樣的。例如，絲網(wǎng)版畫(huà)印刷、手繪形式、攝影形式或者借助計(jì)算機(jī)軟件。海報(bào)的制作在空間上沒(méi)有任何限制，可以通過(guò)不同的手法和途徑以實(shí)施設(shè)計(jì)，達(dá)到有效傳遞信息的目的。海報(bào)制作手法的多樣性也證實(shí)了海報(bào)設(shè)計(jì)的包容性，即根據(jù)不同的手法與所使用的元素將視覺(jué)屬性中的顏色、形狀、位置等進(jìn)行組合與設(shè)計(jì)，最終以圖形或圖案的形式闡述相關(guān)的內(nèi)容。利用視覺(jué)暗示和啟示的手法將信息傳達(dá)給大眾，使大眾的心理行為與海報(bào)的視覺(jué)目的高度配合，這也是傳統(tǒng)海報(bào)的特點(diǎn)之一。

三、動(dòng)態(tài)交互海報(bào)的定義及特點(diǎn)

動(dòng)態(tài)交互海報(bào)對(duì)觀者有著強(qiáng)烈的吸引力，“2016年上海藝術(shù)設(shè)計(jì)展”中展示的“設(shè)計(jì)之變——動(dòng)態(tài)交互海報(bào)”提升了整個(gè)展會(huì)的觀賞價(jià)值，使會(huì)場(chǎng)充滿了新媒體的藝術(shù)氣息；因其強(qiáng)大的視覺(jué)沖擊力，使觀者隨時(shí)隨地地體驗(yàn)著科技與藝術(shù)的完美結(jié)合。“設(shè)計(jì)之變”展覽充分證明動(dòng)態(tài)交互設(shè)計(jì)為人的視聽(tīng)生活帶來(lái)的變化與創(chuàng)新。這種將圖形、圖案有機(jī)結(jié)合的設(shè)計(jì)，通過(guò)聲音以及畫(huà)面的不斷變化，產(chǎn)生的圖文并茂、聲像俱佳的情景，已經(jīng)滲透到了人們的生活之中，故其應(yīng)用領(lǐng)域也在不斷擴(kuò)大。由此可見(jiàn)，動(dòng)態(tài)交互海報(bào)已然成了一種新型的信息傳達(dá)手段，它可以極大地增強(qiáng)人們對(duì)藝術(shù)和美學(xué)的理解與欣賞以及心理的需求，使動(dòng)態(tài)交互設(shè)計(jì)擁有了最為廣闊的前途。

1.定義

隨著數(shù)字時(shí)代的到來(lái)，科學(xué)技術(shù)的進(jìn)步與多媒體藝術(shù)的發(fā)展，海報(bào)的展現(xiàn)形式也從傳統(tǒng)的二維模式轉(zhuǎn)變?yōu)橐匀藶楸尽⑷谌氍F(xiàn)代科技并與藝術(shù)完美結(jié)合的三維立體化形態(tài)[3]17。所謂的“動(dòng)態(tài)交互海報(bào)”是借助強(qiáng)烈的動(dòng)態(tài)和具有交互性能的畫(huà)面而引發(fā)人的注意力的一種海報(bào)形式，其圖形、圖案和顏色通過(guò)“不斷運(yùn)動(dòng)”所產(chǎn)生的變化而形成的新的畫(huà)面，既能迅速吸引人的眼球，更能喚起觀賞者的思考直至高度交互。其目的是為了更好、更容易地吸引人的注意力并讓其產(chǎn)生興趣，因此在數(shù)字化時(shí)代對(duì)動(dòng)態(tài)交互海報(bào)認(rèn)真研究就十分必要了。

2.特點(diǎn)

（1）設(shè)計(jì)元素的變化具有方向性。孫辛欣在《基于移動(dòng)終端應(yīng)用軟件的動(dòng)態(tài)交互設(shè)計(jì)研究》中指出，“方向運(yùn)動(dòng)指代的是物體從起始點(diǎn)到最終點(diǎn)的位置，其中位移的趨勢(shì)稱(chēng)之為運(yùn)動(dòng)走向，其運(yùn)動(dòng)方向有著多樣性，指示性和隱喻性。”[5]這一特性也適用于動(dòng)態(tài)交互海報(bào)的設(shè)計(jì)。也就是說(shuō)，在動(dòng)態(tài)交互海報(bào)設(shè)計(jì)中，設(shè)計(jì)元素的動(dòng)態(tài)變化控制著整個(gè)畫(huà)面的節(jié)奏，設(shè)計(jì)元素在方向上的變化是信息傳達(dá)必須依靠的一種行之有效的方法。方向性是一個(gè)變量，所以在動(dòng)態(tài)交互海報(bào)的設(shè)計(jì)中，針對(duì)圖形形狀，方向性變化就成了一種傳達(dá)矢量的工具，因?yàn)樗梢允乖O(shè)計(jì)作品更趨向于統(tǒng)一化、科技化，能與觀者的心理活動(dòng)緊密契合。

（2）圖形變化的交互性。圖形不僅僅在包裝、廣告等設(shè)計(jì)中有著特別的作用，在如今的新媒體設(shè)計(jì)中，也是不可或缺的重要內(nèi)容。圖形在整個(gè)信息傳遞的過(guò)程中，既包括格調(diào)、風(fēng)格和品牌信息的傳達(dá)，也能使圖形所表達(dá)的信息更加清晰化和更具可讀性。圖形的變化是信息傳達(dá)的一種方式，觀者對(duì)圖形或圖案變化的理解經(jīng)過(guò)大腦的加工，其所得到信息的這一過(guò)程稱(chēng)之為“圖形變化的交互方式過(guò)程”。圖形變化的交互性是動(dòng)態(tài)交互海報(bào)設(shè)計(jì)的重要目標(biāo)之一；正確的、統(tǒng)一的向眾多的觀者傳遞動(dòng)態(tài)的交互變化的表達(dá)形式而形成的設(shè)計(jì)理念是極具挑戰(zhàn)力的。

四、動(dòng)態(tài)交互海報(bào)與傳統(tǒng)海報(bào)的差異性比對(duì)

通過(guò)對(duì)傳統(tǒng)海報(bào)和動(dòng)態(tài)交互海報(bào)定義和特點(diǎn)的探討及分析，大致能夠看出兩者的差異。

1.真實(shí)變化成虛擬

傳統(tǒng)海報(bào)是設(shè)計(jì)師依靠筆和紙進(jìn)行設(shè)計(jì)然后通過(guò)排版等方式制作并印刷而成，動(dòng)態(tài)交互海報(bào)則是基于計(jì)算機(jī)軟件的設(shè)計(jì)活動(dòng)，是一種真實(shí)存在卻不需要借助紙張進(jìn)行的設(shè)計(jì)與制作，之后通過(guò)計(jì)算機(jī)或者電子屏幕給予展示與，即以網(wǎng)絡(luò)和數(shù)字技術(shù)為手段將圖形、文字等巨量的信息傳遞給人們。虛擬化、場(chǎng)景化是其最大的特點(diǎn)。

2.靜態(tài)變化成動(dòng)態(tài)

隨著數(shù)字技術(shù)的發(fā)展，海報(bào)的展示形態(tài)從靜止的狀態(tài)到動(dòng)畫(huà)的狀態(tài)是時(shí)代進(jìn)步的必然趨勢(shì)。動(dòng)態(tài)交互海報(bào)則是通過(guò)二維或者三維的形式從各個(gè)角度以及細(xì)節(jié)反復(fù)設(shè)計(jì)，并以動(dòng)畫(huà)的形式展示，亦即加入了連貫性的圖像、聲音等多元化的因素，從觸覺(jué)、聽(tīng)覺(jué)和一些特殊的感官信息中，能使海報(bào)真實(shí)、生動(dòng)并且富有運(yùn)動(dòng)感。以往那種固定的、靜態(tài)的形式正在向動(dòng)態(tài)感豐富、主體性明確、畫(huà)面流動(dòng)性特強(qiáng)的展示方式轉(zhuǎn)化。

五、動(dòng)態(tài)交互海報(bào)設(shè)計(jì)基于形式美法則的延伸以及相關(guān)案例

劉勰的《文心雕龍》就有“望今制奇，參古定法”的觀點(diǎn)，其大意是說(shuō)創(chuàng)新要在原有事物的基礎(chǔ)上進(jìn)行，并在相應(yīng)理論支持下，經(jīng)過(guò)創(chuàng)新思維與反復(fù)創(chuàng)作之后才能獲得新的創(chuàng)造物或者新的產(chǎn)品。動(dòng)態(tài)交互海報(bào)就是在基于形式美法則的基礎(chǔ)上所進(jìn)行的創(chuàng)新與提高，而所形成的新的交互方式與信息傳達(dá)手段，不僅滿足了人們?cè)谝曈X(jué)上的美感需求，而且體現(xiàn)了科技與藝術(shù)的完美結(jié)合；在很大程度上是以形式美法則的構(gòu)成原理作基礎(chǔ)，對(duì)圖形與動(dòng)態(tài)效果不斷變化，而形成的新的信息圖像的一種交互方式。動(dòng)態(tài)交互設(shè)計(jì)的含義可以分為兩個(gè)方面，第一，用科技手段表達(dá)海報(bào)的內(nèi)容以及人文情懷；第二，在對(duì)形式美法則認(rèn)可與肯定的基礎(chǔ)上再對(duì)設(shè)計(jì)理念與方法進(jìn)行延伸，即運(yùn)用交互理念實(shí)施重構(gòu)和解析，進(jìn)而派生出新的設(shè)計(jì)思維與設(shè)計(jì)聯(lián)想。因此在展現(xiàn)手法上還可以作如下的歸納。

1.對(duì)比與統(tǒng)一

在形式美法則指導(dǎo)下的對(duì)比與統(tǒng)一所表達(dá)的是根據(jù)基本的定型技巧，將不同的事物、形體、色彩等進(jìn)行對(duì)比，即把兩個(gè)明顯對(duì)立的元素置放在同一空間之中，經(jīng)過(guò)設(shè)計(jì)，使其既對(duì)立又和諧，既矛盾又統(tǒng)一，通過(guò)強(qiáng)烈反差獲得鮮明對(duì)比，以求得互補(bǔ)和互助的效果[6]89-92。“上海”的字體設(shè)計(jì)直接使用了對(duì)比與統(tǒng)一的手段，即將藍(lán)色斜條圖案與黃色方形圖案拼貼而成的中文文字進(jìn)行了形狀上的統(tǒng)一與視覺(jué)上的強(qiáng)烈對(duì)比，以此為基礎(chǔ)再加入紅色的英文字母，而變化的方向及過(guò)程則采用統(tǒng)一的自下而上的變換方式。在最終展現(xiàn)的形式上其設(shè)計(jì)元素仍然是統(tǒng)一的方塊及斜條圖案樣式，但是其顏色和位置卻具有了動(dòng)態(tài)的交互變化。

2.分散與交融

形式美法則對(duì)“對(duì)稱(chēng)”問(wèn)題是這樣表述的：對(duì)稱(chēng)的構(gòu)成能表達(dá)秩序、安靜和穩(wěn)定、莊重與威嚴(yán)等心理感覺(jué)，并能給人以美感[6]92。在動(dòng)態(tài)交互海報(bào)中，以藍(lán)色點(diǎn)狀作為最基本的設(shè)計(jì)元素，通過(guò)分散和交融的方式實(shí)施變化。在整個(gè)變化的過(guò)程中，將藍(lán)色的點(diǎn)狀匯集而形成了字母“h”。這就是典型的分散和交融手法的綜合應(yīng)用，其結(jié)果展示的是一種字體。分散的藍(lán)色點(diǎn)狀和字母h兩種元素相結(jié)合，創(chuàng)造出新的圖案，能夠給觀者的視覺(jué)造就運(yùn)動(dòng)感，于是也就創(chuàng)造了多種思維的可能。

3.拆解與重構(gòu)

隨著社會(huì)的發(fā)展與進(jìn)步，人們對(duì)美學(xué)的訴求與鑒賞能力也在不斷發(fā)生變化。一些動(dòng)態(tài)交互海報(bào)對(duì)設(shè)計(jì)元素的加工、提煉以及處理，創(chuàng)作出新形象的藝術(shù)形式，能夠增強(qiáng)海報(bào)的視覺(jué)沖擊力，也能夠滿足人的審美需要以及美學(xué)訴求。在形式美法則中強(qiáng)調(diào)節(jié)奏與韻律，不僅要求畫(huà)面具有統(tǒng)一的節(jié)奏感還要求畫(huà)面具有統(tǒng)一的韻律感，如此，就可以使整個(gè)畫(huà)面在結(jié)構(gòu)上具有故事性以及強(qiáng)烈的運(yùn)動(dòng)氛圍。在圖3的動(dòng)態(tài)交互海報(bào)中，其設(shè)計(jì)元素都是人們習(xí)見(jiàn)的標(biāo)點(diǎn)符號(hào)，在設(shè)計(jì)師的安排下，將同一畫(huà)面中的標(biāo)點(diǎn)符號(hào)實(shí)施方向和角度的變化甚至是拆分，即對(duì)順序進(jìn)行重構(gòu)，而安排符號(hào)的運(yùn)動(dòng)軌跡和運(yùn)動(dòng)方向。在重構(gòu)的最后階段拼湊出新的圖案。此種拆解與重構(gòu)的設(shè)計(jì)手法也能體現(xiàn)現(xiàn)代人的審美意識(shí)，更能體現(xiàn)形式美法則。

4.夸張與變形

夸張與變形的基礎(chǔ)都是針對(duì)客觀事物和客觀現(xiàn)象的一種具有人類(lèi)強(qiáng)烈情感因素的再次創(chuàng)作。將不同的設(shè)計(jì)元素重新組合，運(yùn)用獨(dú)特的交互方式推動(dòng)運(yùn)動(dòng)和畫(huà)面的不斷變化，通過(guò)圖形化設(shè)計(jì)將設(shè)計(jì)理念借助創(chuàng)新手段進(jìn)行展示。如海報(bào)是要告訴人們電影“港囧”在18天后上映。在這個(gè)動(dòng)態(tài)的交互電影海報(bào)中，運(yùn)用日本浮世繪的藝術(shù)手段傳達(dá)其視覺(jué)效果，將所要的18天之后電影上映的信息借助海報(bào)中的燈籠給予展現(xiàn)，下部的海浪也在不斷變化，因此在視覺(jué)上緊緊抓住觀者的同時(shí)，也將重要的信息傳遞出去了。這個(gè)動(dòng)態(tài)的電影海報(bào)運(yùn)用夸張和變形的手法展示了設(shè)計(jì)師的設(shè)計(jì)思維和設(shè)計(jì)理念。又如瑞典的一家藥店品牌Apotek海報(bào)也是運(yùn)用夸張的手法將內(nèi)容展示得淋漓盡致的。這張海報(bào)安置在地鐵站，其目的是要推廣藥店的護(hù)發(fā)素產(chǎn)品。在列車(chē)沒(méi)有抵達(dá)車(chē)站時(shí)，海報(bào)中模特的發(fā)型是固定的；當(dāng)列車(chē)即將駛?cè)霑r(shí)，由于特定的感應(yīng)裝置激活了廣告牌中的相關(guān)元素，動(dòng)態(tài)交互開(kāi)始，隨之著重介紹產(chǎn)品的性能、特點(diǎn)和用法。在視覺(jué)和觸覺(jué)上能夠給觀者提供一種錯(cuò)覺(jué)，以為海報(bào)真的可以隨著列車(chē)的運(yùn)行而不斷運(yùn)動(dòng)和變化。

六、動(dòng)態(tài)交互海報(bào)的發(fā)展趨勢(shì)

在全球化大背景下，動(dòng)態(tài)海報(bào)的廣泛應(yīng)用可以為廣告帶來(lái)更多的商業(yè)利益[7]。動(dòng)態(tài)海報(bào)能夠借助多維的動(dòng)感體驗(yàn)和強(qiáng)烈的視覺(jué)沖擊力以吸引人的注意力，可以更好地表達(dá)主題，在滿足人的審美需求的同時(shí)，也能夠讓人在動(dòng)態(tài)交互海報(bào)中接受和尋找更多的信息。在人們的生活中，經(jīng)常能夠和“H5頁(yè)面廣告”打交道，這則根基于智能手機(jī)的使用，可以說(shuō)H5頁(yè)面開(kāi)啟了動(dòng)態(tài)海報(bào)設(shè)計(jì)的歷史。通過(guò)人機(jī)互動(dòng)，海報(bào)與動(dòng)態(tài)與交互有機(jī)結(jié)合，亦即通過(guò)交互方式的變化和用戶(hù)的參與感覺(jué)，甚至可以讓用戶(hù)加入到動(dòng)態(tài)海報(bào)的設(shè)計(jì)活動(dòng)之中，形成全新的、個(gè)體意識(shí)強(qiáng)烈的創(chuàng)作效果。動(dòng)態(tài)交互海報(bào)不僅推動(dòng)了動(dòng)態(tài)交互海報(bào)的設(shè)計(jì)，甚至加速了互聯(lián)網(wǎng)設(shè)計(jì)的步伐。

七、語(yǔ)結(jié)

在大數(shù)據(jù)的影響下，人們對(duì)視覺(jué)沖擊感的要求也在不斷提高，視覺(jué)美感和動(dòng)態(tài)感以及參與感的結(jié)合也更加緊密。因此設(shè)計(jì)師再也不能將動(dòng)態(tài)和畫(huà)面截然分成兩個(gè)對(duì)立的部分，動(dòng)態(tài)交互設(shè)計(jì)可以與任何設(shè)計(jì)實(shí)行視覺(jué)和觸覺(jué)上的高度結(jié)合。如今，數(shù)字化設(shè)計(jì)是當(dāng)今設(shè)計(jì)發(fā)展的重要推動(dòng)力，動(dòng)態(tài)交互海報(bào)設(shè)計(jì)也是廣告設(shè)計(jì)發(fā)展的必然趨勢(shì)。

作者：王芷 單位：武漢理工大學(xué)

注釋

①圖1來(lái)源：ShanghaiType動(dòng)態(tài)字體秀.

②圖2來(lái)源：ShanghaiType動(dòng)態(tài)字體秀.

③圖3來(lái)源：ShanghaiType動(dòng)態(tài)字體秀

④圖4來(lái)源：港囧電影宣傳海報(bào).

⑤圖5來(lái)自：瑞典兒童癌癥基金會(huì).

參考文獻(xiàn)

[1]周旭.談視覺(jué)感知特征與包裝設(shè)計(jì)表現(xiàn)[J].裝飾，200（64）：116-117.

[2]百度百科.海報(bào)的概念[EB/OL].(2013-03-31)[2016-01-20]

[3]孟娟.數(shù)字動(dòng)態(tài)海報(bào)設(shè)計(jì)與展示研究[D].西安：西安理工大學(xué)，2008：11.

[4]百度百科.視覺(jué)停留的概念[EB/OL].（2008-04-23）[2016-02-09]

[5]孫辛欣.基于移動(dòng)終端應(yīng)用軟件的動(dòng)態(tài)交互設(shè)計(jì)研究[J].包裝工，201（432）:35-36.

第7篇：產(chǎn)品交互設(shè)計(jì)案例范文

［關(guān)鍵詞］ 電影動(dòng)畫(huà)；3D角色開(kāi)發(fā)；數(shù)字界面導(dǎo)航；交互設(shè)計(jì)

在數(shù)字技術(shù)飛躍發(fā)展的今天，數(shù)字特技技術(shù)被廣泛地應(yīng)用于電影中，借助各種圖形圖像軟件技術(shù)制作動(dòng)畫(huà)形象和真人形象的完美結(jié)合。現(xiàn)今已有數(shù)不盡的動(dòng)畫(huà)電影充斥于我們的生活，我國(guó)改革的浪潮為動(dòng)畫(huà)電影的發(fā)展也帶來(lái)了豐富的營(yíng)養(yǎng)，先進(jìn)的國(guó)外數(shù)字技術(shù)引入我國(guó)，與現(xiàn)代電影藝術(shù)相結(jié)合，完成一幅幅生動(dòng)的動(dòng)畫(huà)形象畫(huà)面，動(dòng)畫(huà)形象在21世紀(jì)的電影市場(chǎng)里充當(dāng)著不可或缺的角色。

隨著互聯(lián)網(wǎng)的迅速發(fā)展，數(shù)字化時(shí)代悄然而至，在這個(gè)大環(huán)境中信息和軟件類(lèi)產(chǎn)品逐漸開(kāi)始成熟，計(jì)算機(jī)人機(jī)交互與用戶(hù)界面走過(guò)基于字符命令語(yǔ)言式界面的歷史長(zhǎng)河，跨入圖形數(shù)字技術(shù)的繁盛時(shí)代。

信息革命的第三次浪潮推動(dòng)著當(dāng)今社會(huì)進(jìn)入了數(shù)字化的信息時(shí)代。在這個(gè)背景下，數(shù)字內(nèi)容與數(shù)字藝術(shù)設(shè)計(jì)作為新興學(xué)科、邊緣交叉學(xué)科迅速發(fā)展起來(lái)。其中，數(shù)字動(dòng)畫(huà)和數(shù)字互動(dòng)設(shè)計(jì)成為相互影響的兩大設(shè)計(jì)熱點(diǎn)。電影動(dòng)畫(huà)本身是相對(duì)完善的一個(gè)獨(dú)立產(chǎn)業(yè)，數(shù)字技術(shù)的引入推動(dòng)了其發(fā)展速度和影響力，三維動(dòng)畫(huà)的CG效果、畫(huà)面感染力、影像效果均給觀眾帶來(lái)了一次又一次的震撼，并因此產(chǎn)生巨大的商業(yè)利潤(rùn)和社會(huì)效應(yīng)；交互設(shè)計(jì)是“一個(gè)關(guān)于限定人與人造物、環(huán)境及其系統(tǒng)的行為的設(shè)計(jì)學(xué)科”。其體系的逐漸完善已經(jīng)取代了初期的軟件設(shè)計(jì)或網(wǎng)頁(yè)設(shè)計(jì)，并以更客觀更科學(xué)的結(jié)構(gòu)不斷處于發(fā)展和完善之中。其核心的思想明確提出了“人”與“計(jì)算機(jī)”之間的關(guān)系和聯(lián)系及如何優(yōu)化和設(shè)計(jì)之間的聯(lián)系。

數(shù)字設(shè)計(jì)領(lǐng)域的作品中，動(dòng)畫(huà)電影作品也好，交互藝術(shù)作品也好，用戶(hù)獲得的體驗(yàn)的質(zhì)量及其數(shù)字藝術(shù)作品的價(jià)值決定了最終設(shè)計(jì)成敗與否。將兩大領(lǐng)域結(jié)合起來(lái)考慮，電影動(dòng)畫(huà)卡通形象的流行性與普及性結(jié)合互動(dòng)設(shè)計(jì)帶給用戶(hù)的高度可控性與體驗(yàn)性無(wú)疑能夠誕生出一種全新的、感染力極強(qiáng)的作品形式。

下面本文就數(shù)字互動(dòng)設(shè)計(jì)中，尤其網(wǎng)絡(luò)媒介界面下的交互導(dǎo)航設(shè)計(jì)進(jìn)行探討，主要是動(dòng)畫(huà)電影中3D角色導(dǎo)航的基礎(chǔ)研究及其應(yīng)用。

一、理論背景

（一）動(dòng)畫(huà)產(chǎn)業(yè)與角色形象

從長(zhǎng)達(dá)120分鐘的動(dòng)畫(huà)電影到僅僅幾十秒的動(dòng)畫(huà)系列短片，包括漫畫(huà)、插畫(huà)作品中，卡通角色形象是這類(lèi)作品不可或缺的組成部分。卡通形象的塑造與宣傳推廣帶來(lái)了廣泛的社會(huì)影響與商業(yè)潛力，發(fā)達(dá)城市、國(guó)家的動(dòng)漫衍生產(chǎn)品90％以上都是以角色模型作為市場(chǎng)開(kāi)發(fā)核心。

從韓國(guó)最有名氣的卡通角色之一“流氓兔”進(jìn)行調(diào)查，我們可以得到以下數(shù)值：僅僅2001年，該角色形象衍生產(chǎn)品就多達(dá)1 700多種，這還不包括利用該角色進(jìn)行的媒體拓展，其產(chǎn)值達(dá)到了1 200萬(wàn)韓幣。

國(guó)產(chǎn)并商業(yè)化的卡通形象不多，但是“小破孩”卻異軍突起，成為角色形象衍生開(kāi)發(fā)的經(jīng)典案例。這個(gè)卡通角色是上海拾荒動(dòng)畫(huà)公司歷經(jīng)多年精心打造的網(wǎng)絡(luò)動(dòng)畫(huà)明星。2003年10月在第二屆中國(guó)視協(xié)動(dòng)畫(huà)短片學(xué)術(shù)獎(jiǎng)評(píng)選活動(dòng)中，《小破孩》系列動(dòng)畫(huà)片被評(píng)為2003年度最聚網(wǎng)絡(luò)人氣動(dòng)畫(huà)獎(jiǎng)。2005年1月，首屆中國(guó)網(wǎng)絡(luò)交互動(dòng)畫(huà)專(zhuān)業(yè)專(zhuān)項(xiàng)大獎(jiǎng)“金閃客獎(jiǎng)”頒獎(jiǎng)典禮在北京人民大會(huì)堂頒獎(jiǎng)，“小破孩”又獲得年度最佳網(wǎng)絡(luò)卡通形象獎(jiǎng)。其衍生產(chǎn)品豐富多樣，從包裝印刷物到手機(jī)彩信，創(chuàng)造出高額的產(chǎn)值。

將3D動(dòng)畫(huà)卡通形象作為互動(dòng)元素用于多媒體數(shù)字界面進(jìn)行導(dǎo)航，形式上雖然只是該動(dòng)畫(huà)角色衍生品的推廣與應(yīng)用策略，但就數(shù)字內(nèi)容創(chuàng)作而言，卻具有突破性的革新意義。角色成為構(gòu)筑導(dǎo)航體系的基礎(chǔ)載體。

（二）交互性與導(dǎo)航設(shè)計(jì)

交互活動(dòng)其實(shí)自古以來(lái)就一直是人類(lèi)文化的組成部分，演講、交談、訪問(wèn)……互動(dòng)已經(jīng)融入了生活的各個(gè)部分。互動(dòng)這種行為，準(zhǔn)確說(shuō)是在兩者之間，不論其個(gè)體是生命還是機(jī)器，進(jìn)行連續(xù)的作用和反應(yīng)的過(guò)程。這個(gè)過(guò)程傳遞的負(fù)荷，即信息。不管是遠(yuǎn)古時(shí)候的烽煙、竹簡(jiǎn)、紙張，還是近現(xiàn)代的媒體、電視、網(wǎng)絡(luò)，技術(shù)的不斷更新促進(jìn)了信息傳達(dá)和傳遞的效率，信息的形式也變得更加豐富，這就要求信息導(dǎo)航的出現(xiàn)。

數(shù)字媒介中的導(dǎo)航設(shè)計(jì)與軍事活動(dòng)、航海航天中的導(dǎo)航概念不同，數(shù)字媒介下的導(dǎo)航除了要求高效的數(shù)據(jù)引導(dǎo)和信息導(dǎo)向，還強(qiáng)調(diào)視覺(jué)的美觀和創(chuàng)意的趣味性、交互操作的有效性及動(dòng)態(tài)效果的感染力。導(dǎo)航結(jié)構(gòu)的種類(lèi)很多，一般說(shuō)來(lái)，比較常見(jiàn)的有遞序列構(gòu)造、階層構(gòu)造、分級(jí)構(gòu)造、網(wǎng)狀構(gòu)造等。從形態(tài)來(lái)看，導(dǎo)航經(jīng)歷了從完全的命令字符行導(dǎo)航、圖形圖標(biāo)導(dǎo)航、動(dòng)態(tài)圖像導(dǎo)航幾個(gè)階段，如今，富有情趣和寫(xiě)實(shí)風(fēng)格的場(chǎng)景導(dǎo)航也開(kāi)始出現(xiàn)，3D角色導(dǎo)航無(wú)疑將對(duì)導(dǎo)航設(shè)計(jì)起到有益的完善和補(bǔ)充。

（三）數(shù)字電影和互動(dòng)電影的出現(xiàn)

1.數(shù)字電影的出現(xiàn)

從20世紀(jì)70年代開(kāi)始，我國(guó)已經(jīng)進(jìn)入到數(shù)字技術(shù)時(shí)代，其態(tài)勢(shì)發(fā)展迅猛，同時(shí)帶動(dòng)計(jì)算機(jī)、廣播通信系統(tǒng)領(lǐng)域的發(fā)展融合，就以往的所謂的媒體技術(shù)產(chǎn)業(yè)來(lái)說(shuō)，在融合了數(shù)字技術(shù)后的實(shí)力快速膨脹，在現(xiàn)代社會(huì)的發(fā)展中成為主力軍。

2.互動(dòng)電影的出現(xiàn)

以往的傳統(tǒng)電影只是膠片形式的，所表現(xiàn)的故事情節(jié)變化發(fā)展相當(dāng)受限制，再讓人意想不到也就是能表現(xiàn)幾個(gè)結(jié)尾的想象，即便這樣，也是導(dǎo)演預(yù)先安排的，故事的情節(jié)綱要不能隨意改動(dòng)，受眾群體只能被動(dòng)地觀賞影片情節(jié)而沒(méi)有任何意見(jiàn)。

可是，進(jìn)入到數(shù)字電影時(shí)代就不一樣了，現(xiàn)在市場(chǎng)上已出現(xiàn)一種可擦寫(xiě)的光碟，當(dāng)電影被做成這種格式后，觀眾可以根據(jù)自己的要求來(lái)設(shè)置故事情節(jié)的發(fā)展變化，一改以往的被動(dòng)觀看形式。

二、3D角色導(dǎo)航體系的基礎(chǔ)構(gòu)建

（一）對(duì)網(wǎng)絡(luò)媒介導(dǎo)航設(shè)計(jì)的分析

網(wǎng)絡(luò)媒介因其傳遞的信息性質(zhì)不同而具有豐富多樣的界面類(lèi)型和界面風(fēng)格，這不同風(fēng)格又影響到導(dǎo)航的動(dòng)態(tài)設(shè)計(jì)與交互形式。

就本質(zhì)而言，在數(shù)字互動(dòng)設(shè)計(jì)中，尤其在網(wǎng)絡(luò)環(huán)境下的數(shù)字界面中，交互活動(dòng)是在指向及其應(yīng)答的框架內(nèi)實(shí)現(xiàn)的。

當(dāng)我們將藝術(shù)化的外觀剝開(kāi)，其行為模型都是基于“作用、反作用、應(yīng)答、反饋”這樣的機(jī)理。但是，數(shù)字媒介要想以強(qiáng)大的感染力號(hào)召觀者，就必須有用、有效，并且有趣，找到能“吸引眼球”的方式表現(xiàn)自己。也就是說(shuō)，導(dǎo)航體系的設(shè)計(jì)意識(shí)非常重要。而可惜的是，大部分?jǐn)?shù)字界面中，這個(gè)方面并沒(méi)有引起重視。

動(dòng)畫(huà)網(wǎng)站“Shrek”的導(dǎo)航體系及其結(jié)構(gòu)分析。該網(wǎng)站通過(guò)網(wǎng)絡(luò)傳播的媒介模式，利用數(shù)字化CG技術(shù)和界面設(shè)計(jì)思維將“Shrek”這個(gè)角色形象通過(guò)游戲?qū)蛹?jí)式的遞進(jìn)模式在不同場(chǎng)景中的狀態(tài)與信息頁(yè)面相結(jié)合，實(shí)現(xiàn)了對(duì)信息本體的傳達(dá)，同時(shí)也強(qiáng)化了卡通角色及其動(dòng)畫(huà)故事的宣傳力度。但是，該作品并沒(méi)有實(shí)現(xiàn)用戶(hù)直接與3D角色之間的相互影響和交互操作，不能算是真正意義上的3D角色導(dǎo)航。

（二）動(dòng)畫(huà)電影3D角色導(dǎo)航體系的基礎(chǔ)構(gòu)建

數(shù)字互動(dòng)設(shè)計(jì)是一個(gè)相對(duì)非常廣闊的數(shù)字設(shè)計(jì)領(lǐng)域，顯然動(dòng)畫(huà)電影3D角色導(dǎo)航的應(yīng)用也就有了一定的限制和范圍。根據(jù)其特點(diǎn)和優(yōu)勢(shì)，基礎(chǔ)研究中將網(wǎng)絡(luò)媒介尤其面向娛樂(lè)類(lèi)用戶(hù)的動(dòng)畫(huà)網(wǎng)站作為主要應(yīng)用平臺(tái)進(jìn)行導(dǎo)航體系的構(gòu)建。動(dòng)畫(huà)電影3D導(dǎo)航體系基于互動(dòng)設(shè)計(jì)的設(shè)計(jì)準(zhǔn)則即結(jié)合了傳統(tǒng)審美和屏幕界面的動(dòng)態(tài)效果，以滿足用戶(hù)主體為主的需求、愿望、目標(biāo)及體驗(yàn)效果為主要目標(biāo)。

動(dòng)畫(huà)電影3D角色導(dǎo)航體系的主要特點(diǎn)是利用3D動(dòng)畫(huà)角色響應(yīng)用戶(hù)操作而進(jìn)行信息導(dǎo)航的數(shù)字化界面體系。其中3D是指該角色形象給人的感覺(jué)是三維立體的；其角色動(dòng)作分為用戶(hù)互動(dòng)動(dòng)作與導(dǎo)航轉(zhuǎn)換動(dòng)作，均結(jié)合相應(yīng)的小動(dòng)畫(huà)實(shí)現(xiàn)視覺(jué)的傳達(dá)。其結(jié)構(gòu)首選遵守導(dǎo)航原則和人機(jī)交互原則，即趣味性與交互操作性都必須圍繞導(dǎo)航這個(gè)重點(diǎn)，要以傳達(dá)信息的直接和明確為第一準(zhǔn)則。3D角色導(dǎo)航體系的結(jié)構(gòu)可以被描述為“舞臺(tái)”與“演員”的隱喻。完全不同于傳統(tǒng)的導(dǎo)航界面或者導(dǎo)航體系，該3D角色導(dǎo)航體系的屏幕界面就類(lèi)似一個(gè)“舞臺(tái)”，而3D角色則類(lèi)似于舞臺(tái)上的“演員”。視覺(jué)重心是該演員的動(dòng)作與表現(xiàn)，而這些動(dòng)作和表現(xiàn)，由觀眾互動(dòng)產(chǎn)生。

例如，NEOSTREAM網(wǎng)站使用3D角色和過(guò)渡動(dòng)畫(huà)進(jìn)行動(dòng)態(tài)交互導(dǎo)航，僅1999年就達(dá)到了高達(dá)每月1 000 000人次的點(diǎn)擊率。該網(wǎng)站使用的角色是采取“開(kāi)放式角色開(kāi)發(fā)”創(chuàng)造的卡通形象并建立起通過(guò)角色動(dòng)態(tài)與情節(jié)場(chǎng)景引導(dǎo)信息的站點(diǎn)界面結(jié)構(gòu)，其主界面中動(dòng)態(tài)動(dòng)畫(huà)與文字、圖像的展示都融合在同一個(gè)空間之內(nèi)。從進(jìn)站畫(huà)面來(lái)看，信息結(jié)構(gòu)一共有7個(gè)大的分支，即鏈接到7個(gè)子信息界面。角色與這7個(gè)選項(xiàng)之間由動(dòng)畫(huà)關(guān)系結(jié)合起來(lái)，并非像傳統(tǒng)導(dǎo)航那樣，按鈕是按鈕，內(nèi)容是內(nèi)容；Neostream的頁(yè)面轉(zhuǎn)換通過(guò)過(guò)渡動(dòng)畫(huà)進(jìn)行首尾連接，每個(gè)動(dòng)畫(huà)在3～5秒之間，簡(jiǎn)潔但富有視覺(jué)沖擊力；其配合延續(xù)了用戶(hù)對(duì)頁(yè)面信息關(guān)注的程度，它并非單獨(dú)打開(kāi)一個(gè)窗口或出現(xiàn)新的版面，仍然在原來(lái)的“活動(dòng)區(qū)”內(nèi)推進(jìn)引導(dǎo)進(jìn)程；導(dǎo)航動(dòng)畫(huà)開(kāi)始讓用戶(hù)感覺(jué)到瀏覽與等待的樂(lè)趣。這個(gè)傳達(dá)過(guò)程中，以neo為主角的卡通角色造型的推廣也隨之開(kāi)展開(kāi)來(lái)，相關(guān)產(chǎn)品、相關(guān)形象的應(yīng)用，包括游戲項(xiàng)目的開(kāi)展。整個(gè)信息交流過(guò)程的互動(dòng)顯得游刃有余不露痕跡，完全被隱沒(méi)在用戶(hù)對(duì)導(dǎo)航的體驗(yàn)與探索中。

綜上，動(dòng)畫(huà)電影3D角色導(dǎo)航體系的基礎(chǔ)結(jié)構(gòu)可以進(jìn)行說(shuō)明，作為設(shè)計(jì)模型，也可以用于進(jìn)一步深入研究和設(shè)計(jì)細(xì)化。

三、 結(jié)語(yǔ)及展望

就目前而言，在當(dāng)前的網(wǎng)絡(luò)媒介下，3D角色導(dǎo)航能夠靠自己靈活、生動(dòng)的感染力和吸引力，給用戶(hù)留下深刻的印象，從而實(shí)現(xiàn)對(duì)電影動(dòng)畫(huà)角色形象的二次傳達(dá)和再宣傳，達(dá)到拓展角色衍生領(lǐng)域的目的。其二，數(shù)字交互設(shè)計(jì)的媒介并不局限于網(wǎng)絡(luò)傳播，任何具有數(shù)字界面的數(shù)碼產(chǎn)品都可以采取角色導(dǎo)航的方式實(shí)現(xiàn)其功能，甚至，從交互藝術(shù)的角度，該導(dǎo)航體系的引入可以實(shí)現(xiàn)一種新的圖像變化形式，讓用戶(hù)從另外一種角度來(lái)體驗(yàn)角色和故事模式。

技術(shù)、社會(huì)及每個(gè)個(gè)體之間存在著復(fù)雜的相互影響，信息的交流、組織，數(shù)據(jù)的表現(xiàn)和存儲(chǔ)、索引，視覺(jué)審美和體驗(yàn)新奇的要求以及各個(gè)產(chǎn)業(yè)和科學(xué)本身的發(fā)展與進(jìn)步，都將影響數(shù)字設(shè)計(jì)學(xué)科的走向，對(duì)動(dòng)畫(huà)設(shè)計(jì)、交互設(shè)計(jì)和導(dǎo)航設(shè)計(jì)的探索沒(méi)有終點(diǎn)。我們有理由相信，不論是數(shù)字互動(dòng)設(shè)計(jì)還是動(dòng)畫(huà)電影3D角色導(dǎo)航，數(shù)字內(nèi)容創(chuàng)作這個(gè)領(lǐng)域的探索沒(méi)有盡頭。

［參考文獻(xiàn)］

［1］ 馮廣超.數(shù)字媒體概論［M］.北京：中國(guó)人民大學(xué)出版社，2004.

［2］ ［美］戴維•希爾曼.數(shù)字媒體：技術(shù)與應(yīng)用［M］.北京：清華大學(xué)出版社，2002.

［3］ 黃鳴奮.數(shù)碼戲劇學(xué)［M］.廈門(mén)：廈門(mén)大學(xué)出版社，2003.

［4］ 胡飛.基于網(wǎng)絡(luò)媒介的交互設(shè)計(jì)研究［J］.華僑大學(xué)學(xué)報(bào),2003(03).

第8篇：產(chǎn)品交互設(shè)計(jì)案例范文

關(guān)鍵詞：UED 產(chǎn)品設(shè)計(jì) 用戶(hù)體驗(yàn) 互聯(lián)網(wǎng)

中圖分類(lèi)號(hào)：TB472

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2015）12-0036-02

一 引言

隨著科學(xué)技術(shù)的進(jìn)步、工業(yè)化大生產(chǎn)、微機(jī)時(shí)代的到來(lái)、微機(jī)的普及化、大型機(jī)中型機(jī)陸續(xù)被淘汰，“科技以人為本”成為流行元素，UED作為企業(yè)或公司的部門(mén)團(tuán)隊(duì)逐步成為其市場(chǎng)競(jìng)爭(zhēng)的利器，那些關(guān)注UED的企業(yè)得以在市場(chǎng)中占領(lǐng)更多的市場(chǎng)份額，并得以生存下來(lái)；而不太關(guān)注UED的企業(yè)則逐漸被淘汰。而UED則逐漸成為目前流行的元素，并不再局限于IT行業(yè)，滲透到了其他行業(yè)之中。

二 UED目的與作用

1.1 團(tuán)隊(duì)目標(biāo)

UED是以用戶(hù)研究為中心，以用戶(hù)需求為目標(biāo)而進(jìn)行的一種設(shè)計(jì)手段。設(shè)計(jì)過(guò)程注重以用戶(hù)為中心。用戶(hù)體驗(yàn)的概念從開(kāi)發(fā)的最早期就開(kāi)始進(jìn)入整個(gè)流程，并貫穿始終。作為一個(gè)團(tuán)隊(duì)組織，基本特征就要有組織分工，也就是能為用戶(hù)創(chuàng)造更好服務(wù)，以獲取商業(yè)上的成功為目標(biāo)。UED的存在正是在這個(gè)共同的基礎(chǔ)上，形成讓整個(gè)組織高效運(yùn)作的一種分工形式，借助這個(gè)形式賦予的角色――用戶(hù)體驗(yàn)研究、交互、視覺(jué)等更有效率地創(chuàng)造服務(wù)價(jià)值。UED除了分工還需要合理地組織結(jié)構(gòu)將權(quán)力分化到每一個(gè)團(tuán)隊(duì)成員，進(jìn)行決策間接參與，促進(jìn)整個(gè)組織有序運(yùn)作。

1.2 設(shè)計(jì)各階段UED的主要工作

首先，根據(jù)目標(biāo)用戶(hù)群的特征、競(jìng)品系列的分析、業(yè)務(wù)具體要求等總結(jié)產(chǎn)品關(guān)鍵詞；以確定設(shè)計(jì)方向及設(shè)計(jì)風(fēng)格。在這個(gè)時(shí)期，調(diào)研報(bào)告和竟品分析都已大致完成，用戶(hù)研究、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)等通過(guò)各自的工作分析，都已對(duì)產(chǎn)品在一定程度上有了較深的理解。這個(gè)時(shí)候交互和視覺(jué)首先要先做一個(gè)重要的工作――設(shè)定關(guān)鍵詞。關(guān)鍵詞有三個(gè)維度：產(chǎn)品定位、目標(biāo)用戶(hù)、產(chǎn)品傳達(dá)。

其次，產(chǎn)品經(jīng)理、用戶(hù)研究、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)需要以這三個(gè)維度為標(biāo)準(zhǔn)，頭腦風(fēng)暴出各種關(guān)鍵詞再進(jìn)行篩選、歸類(lèi)。在這個(gè)過(guò)程中，大家要互通有無(wú)，取長(zhǎng)補(bǔ)短，以達(dá)成一致認(rèn)識(shí)。使設(shè)計(jì)師非常明確產(chǎn)品的設(shè)計(jì)方向，避免因溝通問(wèn)題而導(dǎo)致的修改返工。

接下來(lái)便是根據(jù)篩選出來(lái)的關(guān)鍵詞來(lái)制作視覺(jué)情緒板，用以確定具體的色彩方案。這個(gè)過(guò)程也是大家共同完成的：根據(jù)上述關(guān)鍵詞，每個(gè)人各自尋找一定數(shù)量的圖片建立圖片庫(kù)；用戶(hù)研究去進(jìn)行簡(jiǎn)易昀用戶(hù)訪談，好最終確定主要關(guān)鍵詞。

最后通過(guò)對(duì)產(chǎn)品業(yè)務(wù)的理解，結(jié)合之前作的競(jìng)品分析、用研報(bào)告、集體討論等內(nèi)容，開(kāi)始設(shè)計(jì)制作，完成可以交付給開(kāi)發(fā)的各類(lèi)設(shè)計(jì)產(chǎn)出物。這個(gè)過(guò)程大體可以分成四個(gè)層次：

①基礎(chǔ)的內(nèi)容管理：字體庫(kù)、圖片庫(kù)、案例庫(kù)、品牌傳達(dá)、用戶(hù)模型等。

②方法論：竟品分析、VIRS、故事板等等。

⑧設(shè)計(jì)體系化：DPL、用例、設(shè)計(jì)工具等。

④設(shè)計(jì)產(chǎn)出：demo、原型、概念設(shè)計(jì)等。

三 UED團(tuán)隊(duì)內(nèi)的職位與作用影響

2.1 用戶(hù)體驗(yàn)設(shè)計(jì)研究

用戶(hù)體驗(yàn)設(shè)計(jì)是一份執(zhí)著于解決問(wèn)題的工作，是通過(guò)設(shè)計(jì)具體的產(chǎn)品來(lái)滿足用戶(hù)的需求。在這里，用戶(hù)體驗(yàn)的設(shè)計(jì)原則是以用戶(hù)為中心，通過(guò)拆分用戶(hù)的行為，來(lái)為他們?cè)O(shè)計(jì)最簡(jiǎn)潔的操作步驟。

2.1.1 戶(hù)體驗(yàn)對(duì)產(chǎn)品的影響

①86%的用戶(hù)在高峰期遇到糟糕體驗(yàn)后不再回來(lái)；

②90%的用戶(hù)認(rèn)為網(wǎng)站信息分類(lèi)體驗(yàn)不好不可接受，這一比例由2009年的29%上升為11年37%；

③用戶(hù)在電商網(wǎng)站糟糕體驗(yàn)比例達(dá)61%；新聞或信息站點(diǎn)50%，零售網(wǎng)站22%；

④體驗(yàn)不好后果：75%跑到競(jìng)爭(zhēng)對(duì)手網(wǎng)站；43%對(duì)網(wǎng)站留下不好印象并告訴他人。

2.1.2 用戶(hù)體驗(yàn)中數(shù)據(jù)分析的運(yùn)用

隨著互聯(lián)網(wǎng)行業(yè)的迅速發(fā)展，大數(shù)據(jù)時(shí)代的到來(lái)，用研設(shè)計(jì)已經(jīng)不僅僅可以通過(guò)用戶(hù)訪談的方法去了解用戶(hù)了，更可以通過(guò)分析用戶(hù)問(wèn)卷調(diào)查數(shù)據(jù)以及網(wǎng)站頁(yè)面數(shù)據(jù)等方式，了解用戶(hù)的需求以及用戶(hù)在使用產(chǎn)品時(shí)所遇到的種種問(wèn)題。而且，直接通過(guò)接觸用戶(hù)去進(jìn)行調(diào)查，了解到的用戶(hù)需求有可能只是個(gè)案。所以為了增強(qiáng)客觀性，通常都會(huì)采用大樣本調(diào)查，從數(shù)據(jù)實(shí)證的角度，進(jìn)一步更準(zhǔn)確和客觀地找到用戶(hù)的普遍需求。通過(guò)對(duì)數(shù)據(jù)分析結(jié)果與用戶(hù)訪談所得到的定性分析結(jié)論，進(jìn)行比較和綜合分析，這樣設(shè)計(jì)師才能夠從不同的角度了解用戶(hù)的真實(shí)需求。

2.2 交互設(shè)計(jì)

所謂交互設(shè)計(jì)，就是通過(guò)分析用戶(hù)心理模型、設(shè)計(jì)任務(wù)流程、運(yùn)用交互知識(shí)，把業(yè)務(wù)邏輯（功能規(guī)格或內(nèi)容需求）以用戶(hù)能理解的方式表達(dá)給用戶(hù)，最終實(shí)現(xiàn)產(chǎn)品戰(zhàn)略（公司需求和用戶(hù)需求的最佳平衡點(diǎn)）的過(guò)程。交互設(shè)計(jì)要解決的問(wèn)題主要是“如何將產(chǎn)品定位與用戶(hù)的真實(shí)需求深度融合”，深度融合并非一味滿足，主要因?yàn)橛袝r(shí)候一個(gè)新產(chǎn)品的定位并非理論化和理想化，需要考慮到創(chuàng)新，也會(huì)受到各種因素的影響，比如開(kāi)發(fā)時(shí)間限制、底層技術(shù)框架制約等，只能盡可能滿足用戶(hù)需求。

交互設(shè)計(jì)在項(xiàng)目中的作用

①節(jié)省其他環(huán)節(jié)的時(shí)間，更容易實(shí)現(xiàn)“術(shù)業(yè)有專(zhuān)攻”

②跟進(jìn)各個(gè)環(huán)節(jié)，保證產(chǎn)出物質(zhì)量

③提高設(shè)計(jì)質(zhì)量，提升設(shè)計(jì)效率

④促使項(xiàng)目流程更合理，更有規(guī)劃

⑤協(xié)助產(chǎn)品經(jīng)理組織各個(gè)環(huán)節(jié)，是整個(gè)項(xiàng)目的有力推動(dòng)者

從《用戶(hù)體驗(yàn)的要素》中可以得知，設(shè)計(jì)的基礎(chǔ)在于對(duì)用戶(hù)需求（目標(biāo)）和網(wǎng)站目標(biāo)的綜合考量。無(wú)論是功能、結(jié)構(gòu)、還是界面，都是在這個(gè)基礎(chǔ)上去逐漸設(shè)計(jì)實(shí)現(xiàn)的。其中，用戶(hù)目標(biāo)是交互設(shè)計(jì)師無(wú)法忽視的重要前提：如何引導(dǎo)無(wú)目標(biāo)用戶(hù)，使之成為有目標(biāo)的用戶(hù)？如何平衡不同用戶(hù)之間的目標(biāo)？這些則是交互設(shè)計(jì)師應(yīng)該認(rèn)真思考的問(wèn)題。

2.3 視覺(jué)設(shè)計(jì)

通過(guò)詞條解析可初步了解，視覺(jué)設(shè)計(jì)是針對(duì)眼睛官能的主觀形式的表現(xiàn)手段和結(jié)果。主要針對(duì)被傳達(dá)對(duì)象而有所表現(xiàn)，缺少對(duì)設(shè)計(jì)者自身視覺(jué)需求因素的訴求。視覺(jué)傳達(dá)既傳達(dá)給視覺(jué)觀眾也同時(shí)傳達(dá)給設(shè)計(jì)者本人，因此深入的視覺(jué)傳達(dá)研究已經(jīng)關(guān)注到視覺(jué)的方方面面感受，所以亦稱(chēng)其為視覺(jué)設(shè)計(jì)。

2.3.1 視覺(jué)設(shè)計(jì)的目的

而在互聯(lián)網(wǎng)行業(yè)中，視覺(jué)設(shè)計(jì)已經(jīng)不僅僅只是針對(duì)眼睛官能的主觀形式的表達(dá)了，其意義已經(jīng)更加寬泛為產(chǎn)品的整個(gè)形象設(shè)計(jì)，即通過(guò)外在的設(shè)計(jì)等美化手法使人們通過(guò)視覺(jué)、聽(tīng)覺(jué)等各種感官在大腦中形成對(duì)某事物或任務(wù)的整體印象，而且由于意識(shí)的主觀能動(dòng)性，頭腦中形成的不同形象也會(huì)對(duì)人的行為產(chǎn)生各種不同的影響，而其設(shè)計(jì)的最終目的，是希望產(chǎn)生符合設(shè)計(jì)期望目標(biāo)的結(jié)果――為用戶(hù)而設(shè)計(jì)。

當(dāng)用戶(hù)第一次使用一個(gè)產(chǎn)品時(shí)，會(huì)迫切需要知道下一步該做什么，當(dāng)逐漸熟悉產(chǎn)品后，還需要知道信息與信息之間的聯(lián)系，從而進(jìn)行其他功能的探索，而在解決用戶(hù)體驗(yàn)的需求上，界面的視覺(jué)應(yīng)滿足：

①重要的信息易發(fā)現(xiàn)

②信息與信息之間的關(guān)系清楚

2.3.2 視覺(jué)設(shè)計(jì)的作用

在此需要了解，優(yōu)化信息的傳遞是對(duì)色彩差異化的設(shè)計(jì)，優(yōu)化信息邏輯關(guān)系，是對(duì)形態(tài)差異化的設(shè)計(jì)。且視覺(jué)設(shè)計(jì)師還需要做到維系和突出公司的整體品牌形象，畢竟在體驗(yàn)經(jīng)濟(jì)時(shí)代，需要有相應(yīng)的工具方法來(lái)管理、預(yù)測(cè)和設(shè)計(jì)用戶(hù)如何期待一個(gè)產(chǎn)品服務(wù)，使用產(chǎn)品服務(wù)的體驗(yàn)以及使用之后產(chǎn)生的口碑。這一切更多的則是為了創(chuàng)造品牌價(jià)值。

第9篇：產(chǎn)品交互設(shè)計(jì)案例范文

(某網(wǎng)站購(gòu)物車(chē))

以安裝軟件為例，通常來(lái)說(shuō)軟件的文件較大，安裝文件加載的時(shí)間會(huì)稍微長(zhǎng)一點(diǎn)，軟件界面沒(méi)有任何反饋提示，想象一下你置身于中的情景，是不是非常容易讓人感到煩躁不安，原因是由于安裝軟件過(guò)程是由用戶(hù)主導(dǎo)的，用戶(hù)安裝軟件目的是為了完成他自身目標(biāo)，而此時(shí)界面無(wú)任何提示，用戶(hù)對(duì)此突然失去了控制，導(dǎo)致目標(biāo)中斷無(wú)法完成。此時(shí)此刻戶(hù)關(guān)閉軟件重新安裝，如果較長(zhǎng)時(shí)間還沒(méi)有響應(yīng)，用戶(hù)會(huì)選擇離開(kāi)。

我們通過(guò)什么方法來(lái)避免或徹底解決這些問(wèn)題呢?我們前面提到了兩種機(jī)制，分別是“正面反饋和負(fù)面反饋。”我們是不是可以在安裝的過(guò)程的界面增加一個(gè)安裝進(jìn)度條，數(shù)值和進(jìn)度同時(shí)變化，這樣不會(huì)偏離用戶(hù)把控范圍，如安裝進(jìn)度條，郵箱表單賬號(hào)輸入正確時(shí)，界面回饋給用戶(hù)的對(duì)勾提示狀態(tài)，稱(chēng)之為正面反饋。

(photoshop安裝安裝進(jìn)度提示條)

(序列號(hào)輸入正確對(duì)勾提示狀態(tài))

通過(guò)正面反饋機(jī)制，我們可以逐漸幫助用戶(hù)打消這些顧慮，幫助他們建立信心，讓他們感到一切都在順利的進(jìn)行著，防止用戶(hù)在做了正確的事情之后由于擔(dān)心自己操作有誤而撤消之前的行為。這一點(diǎn)，對(duì)于那些對(duì)自己在計(jì)算設(shè)備操作能力方面缺乏信心的用戶(hù)來(lái)說(shuō)尤為重要。這類(lèi)用戶(hù)，其實(shí)未必真正缺乏操作技能，只是在很多時(shí)候，由于系統(tǒng)沒(méi)有作出足夠的正面反饋，致使他們對(duì)自己的判斷產(chǎn)生了疑慮。我們要利用這兩種機(jī)制打消大小用戶(hù)方面的顧慮。

在舉幾個(gè)負(fù)面反饋機(jī)制的案例，我們?cè)趤?lái)想象一種情景。接上述案例，軟件安裝完成，告知你的填寫(xiě)序列號(hào)不符合規(guī)范，而且之前你填寫(xiě)過(guò)的序列號(hào)并沒(méi)有保存下來(lái)，需要重新輸入。用戶(hù)心里此刻會(huì)有較大的落差，因?yàn)樽隽藷o(wú)用功，其實(shí)我們完全可以用戶(hù)在輸入序列號(hào)的過(guò)程中，實(shí)時(shí)匹配，如果序列號(hào)錯(cuò)誤，我們要要通過(guò)錯(cuò)誤提示，第一時(shí)間告訴用戶(hù)你填寫(xiě)的序列號(hào)不正確，及時(shí)幫助用戶(hù)糾正錯(cuò)誤。.

通過(guò)負(fù)面反饋機(jī)制，我們也可以準(zhǔn)確無(wú)誤幫助用戶(hù)減少錯(cuò)誤的操作，確保在第一時(shí)間告知用戶(hù)的操作不正確，及時(shí)改正， 已達(dá)到用戶(hù)的輸入符合網(wǎng)站自身運(yùn)營(yíng)需要。讓用戶(hù)感受到一切都在順利的進(jìn)行著，這一點(diǎn)，對(duì)于互聯(lián)網(wǎng)專(zhuān)家型用戶(hù)，主流型和菜鳥(niǎo)級(jí)用戶(hù)都尤為重要。專(zhuān)家型的用戶(hù)特征習(xí)慣拿來(lái)一個(gè)網(wǎng)站，通常不會(huì)看你提供的文字介紹說(shuō)明使用幫助，想通過(guò)網(wǎng)站希望盡快達(dá)成的自己目標(biāo)。比如說(shuō)下載資料。

反饋式交互設(shè)計(jì)的優(yōu)秀案例

正面反饋機(jī)制

用戶(hù)與數(shù)據(jù)內(nèi)容內(nèi)容發(fā)生交互時(shí)，都需要正面反饋，比如說(shuō)注冊(cè)、登陸、驗(yàn)證、微博的轉(zhuǎn)發(fā)評(píng)論等等。特別用戶(hù)在使用支付類(lèi)的產(chǎn)品交易時(shí)，我們要卻確保用戶(hù)輸入的信息是符合規(guī)范的，是正確的，所以我們要對(duì)用戶(hù)實(shí)施正確的引導(dǎo)。

(Google 注冊(cè)界面表單的提示信息 )

鏈接的移入和移出：網(wǎng)站產(chǎn)品特性不同，整個(gè)頁(yè)面的長(zhǎng)度會(huì)在一屏顯示，在不影響視覺(jué)的前提了，我們需要對(duì)某個(gè)模塊弱化或者是強(qiáng)化。比如說(shuō)網(wǎng)站頁(yè)腳，用戶(hù)點(diǎn)擊相對(duì)比例比較低，我們將弱化顯示，當(dāng)鼠標(biāo)移入到產(chǎn)品模塊當(dāng)中，模塊顏色會(huì)加深。在這方面twitter產(chǎn)品是一個(gè)不錯(cuò)的范例，默認(rèn)頁(yè)腳灰色字體，不會(huì)喧賓奪主，當(dāng)用戶(hù)鼠標(biāo)移入到這個(gè)模塊當(dāng)中，系統(tǒng)判斷用戶(hù)可能需要通過(guò)頁(yè)腳了解網(wǎng)站的相關(guān)信息，文字區(qū)域色值改變，由灰色變成黑色。在視覺(jué)呈現(xiàn)的方式上，正面反饋可以讓我們的用戶(hù)體驗(yàn)更上一層樓，如虎添翼。

按鈕的提示狀態(tài)：內(nèi)容為空時(shí)不可點(diǎn)擊的按鈕狀態(tài)和有內(nèi)容的按鈕的區(qū)別。按鈕為灰色狀態(tài)不可發(fā)表內(nèi)容

(google plus當(dāng)前狀態(tài)不可內(nèi)容)

(當(dāng)有內(nèi)容之后，按鈕被點(diǎn)亮，內(nèi)容可以正常)

加載的過(guò)程：下拉自動(dòng)翻頁(yè)的功能，會(huì)載入較多內(nèi)容，如果沒(méi)有l(wèi)oading..等字樣，告訴用戶(hù)你所看的內(nèi)容正在加載，榮請(qǐng)稍等片刻。用戶(hù)會(huì)感到迷惑之前，還容易導(dǎo)致用戶(hù)誤以為自己的操作有誤，容易撤銷(xiāo)之前的操作。除了文字提示以外，Google plus 的做法在Loading的圓球增加動(dòng)態(tài)的效果，告知用戶(hù)你所等待的內(nèi)容正在加載。

(Google plus加載過(guò)程中圓球注水的效果)

(鏈接：用戶(hù)點(diǎn)擊過(guò)的鏈接狀態(tài))

負(fù)面反饋機(jī)制

在人生的道路上，每個(gè)人都難免犯錯(cuò)誤，重要的是我們?nèi)绾渭m正自己的錯(cuò)誤。對(duì)于網(wǎng)站的使用者用戶(hù)而言，為了不讓用戶(hù)繼續(xù)錯(cuò)誤下去，我們幫助他們糾正錯(cuò)誤也同樣重要。在上文我們舉了一個(gè)序列號(hào)案例來(lái)做作為負(fù)面反饋機(jī)制的案例，為了讓讓大家理解更透徹，在這里在舉幾個(gè)案例，加深下印象。

文字超出提示文字：例如在Twitter中發(fā)表內(nèi)容時(shí)，當(dāng)文字超出140字時(shí)，TWITTER在第一時(shí)間用紅色負(fù)數(shù)的數(shù)字代表你已經(jīng)超出的字?jǐn)?shù)，按鈕為灰色，不可點(diǎn)擊，希望你及時(shí)做刪減。

(Twitter文字超出提示狀態(tài))

(豆瓣：不符合規(guī)范表單字段提示)

反饋式交互設(shè)計(jì)常用的幾種方法：

利用視覺(jué)來(lái)提供反饋式交互設(shè)計(jì)

我們可以改變界面的視覺(jué)呈現(xiàn)效果和視覺(jué)元素屬性來(lái)改變反饋的表型形式。譬如在鼠標(biāo)移入圖片增加浮動(dòng)層，改變風(fēng)格樣式，增加圖片圈選的效果，或者頁(yè)面的配色和大小等方式來(lái)實(shí)施正面反饋。前面提到鏈接被點(diǎn)擊之前和被點(diǎn)擊之后所呈現(xiàn)高對(duì)比的背景色。Google plus加載過(guò)程中注水的過(guò)程，或者用戶(hù)注冊(cè)時(shí)填寫(xiě)正確時(shí)所給出的狀態(tài)提示圖標(biāo)。再比如Twitter中頁(yè)腳模塊，鼠標(biāo)劃入通過(guò)改變文字顏色等方式來(lái)突出顯示

在比如一個(gè)非常典型的例子，鼠標(biāo)指針的狀態(tài)變化。操作者(用戶(hù))將鼠標(biāo)移動(dòng)到可輸入文字的文本區(qū)域，指針會(huì)發(fā)生變化，變成I的標(biāo)識(shí)，意味著可輸字。再比如鼠標(biāo)鼠標(biāo)指針的狀態(tài)變化，當(dāng)用戶(hù)將鼠標(biāo)指向一個(gè)可交互的界面元素，如鏈接或者是按鈕，他們會(huì)希望按鈕變成手形，鏈接變?yōu)槭中危⒃黾酉聞澗€，來(lái)反饋并告知用戶(hù)鏈接和文本區(qū)別。如果系統(tǒng)在這里并沒(méi)有做出符合或者達(dá)到符合用戶(hù)預(yù)期的反饋，那么用戶(hù)很有可能會(huì)為此感到迷惑，甚至不解。

利用動(dòng)畫(huà)效果提供反饋

其實(shí)，動(dòng)畫(huà)自身就屬于視覺(jué)表現(xiàn)的一種方式，比如說(shuō)登陸WordPress管理后臺(tái)時(shí)，用戶(hù)名和密碼錯(cuò)誤，登陸框表單會(huì)表現(xiàn)出抖動(dòng)的效果。提示用戶(hù)輸入用戶(hù)名或密碼錯(cuò)誤。根據(jù)動(dòng)畫(huà)的視覺(jué)表現(xiàn)是，也可以將動(dòng)畫(huà)效果運(yùn)用在反饋上

比如說(shuō)頁(yè)面內(nèi)的錨點(diǎn)鏈接跳轉(zhuǎn)，在系統(tǒng)默認(rèn)的情況下，錨點(diǎn)跳轉(zhuǎn)沒(méi)有任何動(dòng)畫(huà)過(guò)度效果，頁(yè)面只是很突兀的移動(dòng)到錨點(diǎn)所指定的位置，而現(xiàn)如今，我們可以在很多優(yōu)秀注重用戶(hù)體驗(yàn)的網(wǎng)站中看到具有平滑滾動(dòng)效果鏈接的跳轉(zhuǎn)。部分網(wǎng)站在頁(yè)面在目標(biāo)到達(dá)位置后，將錨點(diǎn)所指定的位置進(jìn)行高亮顯示。這種細(xì)微的改變使得整個(gè)交互方式更加符合用戶(hù)的直接。同時(shí)可以很清晰的講交互結(jié)果呈現(xiàn)給用戶(hù)。