微交互在b2g網(wǎng)站設(shè)計中的應(yīng)用與研究

1、<p>　　微交互在B2G網(wǎng)站設(shè)計中的應(yīng)用與研究</p><p><b>　　摘要： </b></p><p>　　微交互作為引導(dǎo)電子商務(wù)網(wǎng)站設(shè)計發(fā)展的新的理論原則，受到國外交互設(shè)計師的廣泛推崇，但在國內(nèi)卻并未被熟知。本文通過分析國內(nèi)電子商務(wù)發(fā)展現(xiàn)狀，詳細(xì)闡釋了微交互的理論方法與設(shè)計原則。深入探討微交互理論在電子商務(wù)網(wǎng)站界面設(shè)計中的應(yīng)用與表現(xiàn)形式，微交互注重

2、細(xì)節(jié)設(shè)計，追求設(shè)計元素的提煉和對細(xì)節(jié)的再塑造是最簡單的交互設(shè)計。簡約主義是微交互設(shè)計的本質(zhì)，其簡約、人性化的交互流對于優(yōu)化B2C網(wǎng)站交互設(shè)計，完善消費(fèi)者用戶體驗(yàn)都有很大的幫助。 </p><p><b>　　關(guān)鍵詞： </b></p><p>　　微交互設(shè)計 B2C電商網(wǎng)站 簡約主義 用戶體驗(yàn) </p><p>　　1.本課題的研究背景 <

3、;/p><p>　　網(wǎng)絡(luò)技術(shù)的發(fā)展與普及不僅改變了消費(fèi)者傳統(tǒng)消費(fèi)觀念，也促使越來越多的B2C電子商務(wù)網(wǎng)站不斷涌現(xiàn)，企業(yè)科學(xué)化的管理發(fā)展理念和中國設(shè)計行業(yè)的進(jìn)步與完善使得部分B2C網(wǎng)站呈現(xiàn)良好的發(fā)展態(tài)勢。然而隨著物質(zhì)文明與精神文明的進(jìn)步，網(wǎng)購者的消費(fèi)心理不再是簡單地?fù)碛猩唐?，愉悅、簡潔、人性化、個性化的購物體驗(yàn)成為消費(fèi)購物的重要組成部分。微交互注重細(xì)節(jié)、簡化交互行為，追求細(xì)微之處的實(shí)用性、易用性、簡潔性的設(shè)計理念很好地

4、迎合了現(xiàn)代消費(fèi)者的購物需求，成為提升B2C網(wǎng)站轉(zhuǎn)化率，樹立品牌形象，獲得穩(wěn)定消費(fèi)群體的重要組成部分。 </p><p>　　2.微交互設(shè)計定義 </p><p>　　“微交互設(shè)計”由美國知名交互設(shè)計師Dan saffer提出，“微”指代細(xì)節(jié)，微交互即是指交互中的細(xì)節(jié)設(shè)計。在微交互設(shè)計過程中通過深層次的解構(gòu)、簡化、重組設(shè)計細(xì)節(jié)，使交互設(shè)計變得簡約、優(yōu)雅、人眭化，以達(dá)到流（FlOW）的用戶體驗(yàn)

5、狀態(tài)。積極心理學(xué)大師齊克森米哈里（Mihaly Csikszentmihalyi）曾這樣定義流：“當(dāng)人們?nèi)硇牡赝度氲侥硞€活動時，他們會對周圍的事物視而不見。這種狀態(tài)被稱為流（Flow）?！毕鄬τ谟脩舳?，優(yōu)秀的微交互是看不到設(shè)計規(guī)則的，在交互過程中用戶將會達(dá)到一種沉醉式的融入狀態(tài)，并樂意完成目標(biāo)任務(wù)。微交互在設(shè)計形式上與傳統(tǒng)全局式的設(shè)計略有不同，主要采用解構(gòu)與重組的設(shè)計方法，把整體的交互流程細(xì)分為無數(shù)個細(xì)小的交互模塊，分析對比每個微交

6、互模塊存在的必要性與合理性，刪除價值率較低的微設(shè)計組成部分，進(jìn)而深化細(xì)節(jié)設(shè)計，最后將微交互模塊進(jìn)行合理化的組合以創(chuàng)建簡約的交互設(shè)計模式。 </p><p>　　3.微交互與B2C電子商務(wù)網(wǎng)站的優(yōu)化關(guān)系 </p><p>　　傳統(tǒng)理念認(rèn)為，知名的電子商務(wù)網(wǎng)站擁有大量的穩(wěn)定消費(fèi)群體，消費(fèi)者也愿意選擇知名度比較高的品牌網(wǎng)站，而對于電子商務(wù)管理者來說，網(wǎng)站的品牌創(chuàng)立與經(jīng)營涉及眾多相關(guān)因素，產(chǎn)品質(zhì)量

7、、網(wǎng)站媒體宣傳、穩(wěn)定的消費(fèi)群體、大的客戶流量、優(yōu)秀的網(wǎng)站設(shè)計、良好的用戶體驗(yàn)、好的商業(yè)模式和盈利等。隨著“互聯(lián)網(wǎng)+行動計劃”的提出，我國首部《電子商務(wù)法》即將頒布，B2C電子商務(wù)十幾年的發(fā)展，使得其設(shè)計也相對比較成熟，積累了一定的B2C設(shè)計法則，但是設(shè)計的同質(zhì)化，消費(fèi)者網(wǎng)購意識的成熟與理性都會影響網(wǎng)站品牌形象的塑造?！霸O(shè)計需要滿足情境中的目標(biāo)，一方面，設(shè)計必須適合它所在的場所，另―方面，使用情境決定了用戶在什么情況下對產(chǎn)品產(chǎn)生期望值，期

8、望值是用戶體驗(yàn)最基本要素?！?</p><p>　　微交互是交互設(shè)計的基本組成部分，從微交互設(shè)計角度探討B(tài)2C網(wǎng)站界面設(shè)計實(shí)際上是從交互設(shè)計的本源來完善細(xì)化交互設(shè)計。通過微交互對B2C網(wǎng)站的再設(shè)計與優(yōu)化，創(chuàng)建合理的信息架構(gòu)、恰當(dāng)?shù)膬?nèi)容與優(yōu)雅的視覺設(shè)計，在細(xì)節(jié)設(shè)計與整體的用戶體驗(yàn)上潛移默化吸引和影響消費(fèi)者，減弱甚至抵消用戶在購買的某些FUD情緒，建立購買信心并獲信任，使其在同類B2C網(wǎng)站中脫穎而出。 </p&

9、gt;<p>　　4.微交互在B2C網(wǎng)站中的設(shè)計原則 </p><p>　　雖然微交互設(shè)計的提出與發(fā)展時間較短，但在交互設(shè)計的研究基礎(chǔ)上，B2C網(wǎng)站的微交互在細(xì)節(jié)設(shè)計過程中也遵循一定的設(shè)計法則，簡約、統(tǒng)一、個性化、防錯性等設(shè)計原則對于細(xì)節(jié)的再設(shè)計與優(yōu)化都有一定的指導(dǎo)作用。 </p><p>　　4.1簡約主義設(shè)計原則 </p><p>　　簡約主義作為

10、一種被各領(lǐng)域不斷追隨和探索的思想潮流，其主要來源于西方現(xiàn)代主義建筑設(shè)計，米斯?凡德羅提出“少即是多”，勒?柯布西耶倡導(dǎo)的“純凈的形體”與沃爾特?格羅佩斯的結(jié)構(gòu)主義都反對多余的裝飾，推祟簡約主義，強(qiáng)調(diào)功能在設(shè)計中的主要地位。簡約主義雖然來源于西方現(xiàn)代主義，但是在古老的中國傳統(tǒng)文化中的發(fā)展已極具歷史，老子提出：“少則得，多則惑?！笨鬃釉凇稑酚?樂論篇》中提到：“大樂必易，大禮必簡”。莊子的“樸素而天下莫能與之爭美”。宋代畫家葛守昌提倡：“精

11、而造疏，簡而意足”，都強(qiáng)調(diào)事物的本質(zhì)在于回歸極致的樸素，繁中求簡，重在掌握事物的發(fā)展規(guī)律。 </p><p>　　不論是西方現(xiàn)代主義還是東方傳統(tǒng)思想，衍生至如今引領(lǐng)設(shè)計潮流的簡約主義設(shè)計，在設(shè)計的表達(dá)上同樣遵循著相同的藝術(shù)標(biāo)準(zhǔn)：強(qiáng)調(diào)設(shè)計對物質(zhì)自然形態(tài)的表達(dá)，去除不必要的裝飾，用簡潔的元素表現(xiàn)事物的本質(zhì)，講究節(jié)奏、韻律、一致性，注重留白與對比，追求空間上的自由。但是在設(shè)計最終的藝術(shù)形態(tài)表現(xiàn)上也存在差異，西方設(shè)計強(qiáng)調(diào)

12、構(gòu)圖的嚴(yán)謹(jǐn)性和設(shè)計元素的理性應(yīng)用，注重功能性和視覺上的和諧之美，而東方的儒道、禪宗則更多追求意境里的空靈、恬淡與自由，祟尚情感意境的升華。 </p><p>　　相對于復(fù)雜的用戶界面，簡約主義界面易于使用，讓用戶掌握主動權(quán)，更符合現(xiàn)代人快節(jié)奏的瀏覽模式，更利于創(chuàng)建流暢的用戶體驗(yàn)環(huán)境。簡約主義不僅注重視覺層面上的簡化設(shè)計，同時在結(jié)構(gòu)層面簡化操作行為，傳承儒道、禪宗等古老的文化哲學(xué)，將禪宗美學(xué)中淡然、自由、愉悅、寧靜

13、的精神理念融入交互設(shè)計當(dāng)中，追求高層次的娛樂需求層次理論即高級別的流式用戶體驗(yàn)。 </p><p>　　在簡約主義風(fēng)格設(shè)計中，美國saks官網(wǎng)設(shè)計（圖1）表現(xiàn)尤為突出，界面采用統(tǒng)一的黑白灰三色，不添加任何其他顏色，利用黑白色塊區(qū)域構(gòu)成和諧簡約的界面風(fēng)格。廣告圖采用極具創(chuàng)意的簡約藝術(shù)拍攝手法，意在將用戶的視線吸引在主要商品上，避免其他多余裝飾的干擾。 </p><p>　　4.2個性化設(shè)計原

14、則 　　個性化是微交互設(shè)計原則的重要構(gòu)成部分，個性化與統(tǒng)一性在網(wǎng)站設(shè)計中并不是矛盾對立面，而是密不可分的協(xié)作與輔助的關(guān)系，統(tǒng)一的設(shè)計規(guī)律之下，在不影響用戶購物流暢性的情況下適當(dāng)?shù)丶尤雮€性化元素，營造隨和自由的購物環(huán)境，避免網(wǎng)站同質(zhì)化的交互體驗(yàn)。個性化的情感互動一直是B2C網(wǎng)站不斷追求而又難以達(dá)到的設(shè)計高度，設(shè)計不當(dāng)極易引起用戶反感，但是消費(fèi)者都是情感豐富的復(fù)雜群體，個性化、人性化的設(shè)計很容易激發(fā)消費(fèi)者的情感共鳴。恰當(dāng)?shù)膫€性化設(shè)計會給消

15、費(fèi)者帶來無限的驚喜，驚喜作為人類積極情緒的本能反應(yīng)會讓顧客戶忽略周邊元素，減弱潛在抗拒感并重新定位產(chǎn)品價值，打破某些阻止用戶注冊和購買的大腦思維模式，激發(fā)消費(fèi)者潛在的購物欲望。但是人與生俱來的情感靈敏度，不容許設(shè)計個性化的做作與欺騙，所以在個性化設(shè)計的過程中，要充分考慮用戶體驗(yàn)心理，根據(jù)內(nèi)容和消費(fèi)者的不同定制個性化設(shè)計，不同的情境中運(yùn)用不同的設(shè)計策略。界面設(shè)計不是無聲的控制面板而是消費(fèi)者與網(wǎng)站互動的場景媒介，個性化互動的過程加深了用戶對

16、網(wǎng)站的認(rèn)知與記憶，利于網(wǎng)站品牌魅力的傳播，進(jìn)而樹立持久的品牌忠誠度。 </p><p>　　在個性化需求設(shè)計中Photojojo（圖2）電子商務(wù)網(wǎng)站一直做的比較成熟。為吸引消費(fèi)者的購買，經(jīng)常在網(wǎng)站細(xì)節(jié)設(shè)計中添加個性化用戶需求設(shè)計元素。在購物車按鈕和產(chǎn)品圖片展示區(qū)域設(shè)置定位狀的圖標(biāo)，標(biāo)簽注明“DO NOT PULL”吸引用戶的好奇心，當(dāng)用戶抵擋不住誘惑點(diǎn)擊按鈕，會突然出現(xiàn)橘紅色的木偶手臂，將界面拉向產(chǎn)品說明，用戶驚

17、奇興奮之余，會更多的注意到了商品的其他細(xì)節(jié)信息，這種人性化的設(shè)計很好的避免了用戶錯過重要的商品信息，同樣有效的增加了用戶的購買率。 </p><p>　　4.3防錯性設(shè)計原則 </p><p>　　防錯性是微交互設(shè)計人性化的重要表現(xiàn)，防錯性原則不是要求用戶一定不出錯，而是通過細(xì)節(jié)的再設(shè)計最大限度降低用戶出錯所造成的損失。不論從系統(tǒng)設(shè)計還是用戶使用角度來分析不出錯是極其困難的。防錯性原則首要

18、任務(wù)是提前預(yù)知用戶可能出現(xiàn)的錯誤并進(jìn)行相應(yīng)的設(shè)計調(diào)整，區(qū)分用戶必填和選填內(nèi)容，提供默認(rèn)選項和按鈕，系統(tǒng)自動保存默認(rèn)選項以簡化繁瑣的操作步驟，減少用戶的工作量，從而減少或者避免用戶犯錯。而對于無法規(guī)避的錯誤，在設(shè)計錯誤消息時，不僅要相應(yīng)地傳達(dá)錯誤類型，并最大程度上給予錯誤的改正意見，同時保持設(shè)計模式、文案語義的一致性與人性化。對于防錯性，亞馬遜提供了非常人性化的設(shè)計服務(wù)，紅色標(biāo)出出錯的位置，同時自動糾正錯誤信息，較為精確的給予正確信息并給

19、出修改建議，最大限度降低了用戶的操作損失。（圖3） </p><p><b>　　5.結(jié)語 </b></p><p>　　德國著名工業(yè)設(shè)計師迪特?拉姆斯（Dieter Rams）說：“我認(rèn)為細(xì)節(jié)比藍(lán)圖更重要。沒有細(xì)節(jié)，一切皆是空談。細(xì)節(jié)是本質(zhì)，是評價質(zhì)量的標(biāo)準(zhǔn)?！蔽⒔换ピO(shè)計最重要的價值是其細(xì)微之處的實(shí)用性、易用性、簡潔性。微交互設(shè)計實(shí)質(zhì)上是交互設(shè)計的本質(zhì)，是交互設(shè)計的