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

1、本課題的研究背景

    網(wǎng)絡(luò)技術(shù)的發(fā)展與普及不僅改變了消費(fèi)者傳統(tǒng)消費(fèi)觀念，也促使越來(lái)越多的B2C電子商務(wù)網(wǎng)站不斷涌現(xiàn)，企業(yè)科學(xué)化的管理發(fā)展理念和中國(guó)設(shè)計(jì)行業(yè)的進(jìn)步與完善使得部分B2C網(wǎng)站呈現(xiàn)良好的發(fā)展態(tài)勢(shì)。然而隨著物質(zhì)文明與精神文明的進(jìn)步，網(wǎng)購(gòu)者的消費(fèi)心理不再是簡(jiǎn)單地?fù)碛猩唐罚鋹偂⒑?jiǎn)潔、人性化、個(gè)性化的購(gòu)物體驗(yàn)成為消費(fèi)購(gòu)物的重要組成部分。微交互注重細(xì)節(jié)、簡(jiǎn)化交互行為，追求細(xì)微之處的實(shí)用性、易用性、簡(jiǎn)潔性的設(shè)計(jì)理念很好地迎合了現(xiàn)代消費(fèi)者的購(gòu)物需求，成為提升B2C網(wǎng)站轉(zhuǎn)化率，樹立品牌形象，獲得穩(wěn)定消費(fèi)群體的重要組成部分。

2、微交互設(shè)計(jì)定義

    “微交互設(shè)計(jì)” 由美國(guó)知名交互設(shè)計(jì)師Dan Saffer提出，“微” 指代細(xì)節(jié)，微交互即是指交互中的細(xì)節(jié)設(shè)計(jì)。在微交互設(shè)計(jì)過程中通過深層次的解構(gòu)、簡(jiǎn)化、重組設(shè)計(jì)細(xì)節(jié)，使交互設(shè)計(jì)變得簡(jiǎn)約、優(yōu)雅、人性化，以達(dá)到流(Flow）的用戶體驗(yàn)狀態(tài)。積極心理學(xué)大師齊克森米哈里（MihalyCsikszentmihalyi） 曾這樣定義流： “當(dāng)人們?nèi)硇牡赝度氲侥硞€(gè)活動(dòng)時(shí)，他們會(huì)對(duì)周圍的事物視而不見。這種狀態(tài)被稱為流（Flow)?！?相對(duì)于用戶而言，優(yōu)秀的微交互是看不到設(shè)計(jì)規(guī)則的，在交互過程中用戶將會(huì)達(dá)到一種沉醉式的融入狀態(tài)，并樂意完成目標(biāo)任務(wù)。微交互在設(shè)計(jì)形式上與傳統(tǒng)全局式的設(shè)計(jì)略有不同，主要采用解構(gòu)與重組的設(shè)計(jì)方法，把整體的交互流程細(xì)分為無(wú)數(shù)個(gè)細(xì)小的交互模塊，分析對(duì)比每個(gè)微交互模塊存在的必要性與合理性，刪除價(jià)值率較低的微設(shè)計(jì)組成部分，進(jìn)而深化細(xì)節(jié)設(shè)計(jì)，最后將微交互模塊進(jìn)行合理化的組合以創(chuàng)建簡(jiǎn)約的交互設(shè)計(jì)模式。

3、微交互與B2C電子商務(wù)網(wǎng)站的優(yōu)化關(guān)系

    傳統(tǒng)理念認(rèn)為，知名的電子商務(wù)網(wǎng)站擁有大量的穩(wěn)定消費(fèi)群體，消費(fèi)者也愿意選擇知名度比較高的品牌網(wǎng)站，而對(duì)于電子商務(wù)管理者來(lái)說，網(wǎng)站的品牌創(chuàng)立與經(jīng)營(yíng)涉及眾多相關(guān)因素，產(chǎn)品質(zhì)量、網(wǎng)站媒體宣傳、穩(wěn)定的消費(fèi)群體、大的客戶流量、優(yōu)秀的網(wǎng)站設(shè)計(jì)、良好的用戶體驗(yàn)、好的商業(yè)模式和盈利等。隨著 “互聯(lián)網(wǎng)+行動(dòng)計(jì)劃” 的提出，我國(guó)首部《電子商務(wù)法》即將頒布，B2C電子商務(wù)十幾年的發(fā)展，使得其設(shè)計(jì)也相對(duì)比較成熟，積累了一定的B2C設(shè)計(jì)法則，但是設(shè)計(jì)的同質(zhì)化，消費(fèi)者網(wǎng)購(gòu)意識(shí)的成熟與理性都會(huì)影響網(wǎng)站品牌形象的塑造?！霸O(shè)計(jì)需要滿足情境中的目標(biāo)，一方面，設(shè)計(jì)必須適合它所在的場(chǎng)所，另一方面，使用情境決定了用戶在什么情況下對(duì)產(chǎn)品產(chǎn)生期望值，期望值是用戶體驗(yàn)最基本要素?！盵1]微交互是交互設(shè)計(jì)的基本組成部分，從微交互設(shè)計(jì)角度探討B(tài)2C網(wǎng)站界面設(shè)計(jì)實(shí)際上是從交互設(shè)計(jì)的本源來(lái)完善細(xì)化交互設(shè)計(jì)。通過微交互對(duì)B2C網(wǎng)站的再設(shè)計(jì)與優(yōu)化，創(chuàng)建合理的信息架構(gòu)、恰當(dāng)?shù)膬?nèi)容與優(yōu)雅的視覺設(shè)計(jì)，在細(xì)節(jié)設(shè)計(jì)與整體的用戶體驗(yàn)上潛移默化吸引和影響消費(fèi)者，減弱甚至抵消用戶在購(gòu)買的某些FUD情緒，建立購(gòu)買信心并獲信任，使其在同類B2C網(wǎng)站中脫穎而出。

4、微交互在B2C網(wǎng)站中的設(shè)計(jì)原則

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

4.1 簡(jiǎn)約主義設(shè)計(jì)原則

    簡(jiǎn)約主義作為一種被各領(lǐng)域不斷追隨和探索的思想潮流，其主要來(lái)源于西方現(xiàn)代主義建筑設(shè)計(jì)，米斯·凡德羅提出 “少即是多”，勒·柯布西耶倡導(dǎo)的 “純凈的形體” 與沃爾特·格羅佩斯的結(jié)構(gòu)主義都反對(duì)多余的裝飾，推崇簡(jiǎn)約主義，強(qiáng)調(diào)功能在設(shè)計(jì)中的主要地位。簡(jiǎn)約主義雖然來(lái)源于西方現(xiàn)代主義，但是在古老的中國(guó)傳統(tǒng)文化中的發(fā)展已極具歷史，老子提出：“少則得，多則惑?！?孔子在《樂記·樂論篇》中提到： “大樂必易，大禮必簡(jiǎn)”。莊子的 “樸素而天下莫能與之爭(zhēng)美”。宋代畫家葛守昌提倡：“精而造疏，簡(jiǎn)而意足”，都強(qiáng)調(diào)事物的本質(zhì)在于回歸極致的樸素，繁中求簡(jiǎn)，重在掌握事物的發(fā)展規(guī)律。

   不論是西方現(xiàn)代主義還是東方傳統(tǒng)思想，衍生至如今引領(lǐng)設(shè)計(jì)潮流的簡(jiǎn)約主義設(shè)計(jì)，在設(shè)計(jì)的表達(dá)上同樣遵循著相同的藝術(shù)標(biāo)準(zhǔn)： 強(qiáng)調(diào)設(shè)計(jì)對(duì)物質(zhì)自然形態(tài)的表達(dá)，去除不必要的裝飾，用簡(jiǎn)潔的元素表現(xiàn)事物的本質(zhì)，講究節(jié)奏、韻律、一致性，注重留白與對(duì)比，追求空間上的自由。但是在設(shè)計(jì)最終的藝術(shù)形態(tài)表現(xiàn)上也存在差異，西方設(shè)計(jì)強(qiáng)調(diào)構(gòu)圖的嚴(yán)謹(jǐn)性和設(shè)計(jì)元素的理性應(yīng)用，注重功能性和視覺上的和諧之美，而東方的儒道、禪宗則更多追求意境里的空靈、恬淡與自由，崇尚情感意境的升華。相對(duì)于復(fù)雜的用戶界面，簡(jiǎn)約主義界面易于使用，讓用戶掌握主動(dòng)權(quán)，更符合現(xiàn)代人快節(jié)奏的瀏覽模式，更利于創(chuàng)建流暢的用戶體驗(yàn)環(huán)境。簡(jiǎn)約主義不僅注重視覺層面上的簡(jiǎn)化設(shè)計(jì)，同時(shí)在結(jié)構(gòu)層面簡(jiǎn)化操作行為，傳承儒道、禪宗等古老的文化哲學(xué)，將禪宗美學(xué)中淡然、自由、愉悅、寧?kù)o的精神理念融入交互設(shè)計(jì)當(dāng)中，追求高層次的娛樂需求層次理論即高級(jí)別的流式用戶體驗(yàn)。

   在簡(jiǎn)約主義風(fēng)格設(shè)計(jì)中，美國(guó)saks官網(wǎng)設(shè)計(jì)（圖1）表現(xiàn)尤為突出，界面采用統(tǒng)一的黑白灰三色，不添加任何其他顏色，利用黑白色塊區(qū)域構(gòu)成和諧簡(jiǎn)約的界面風(fēng)格。廣告圖采用極具創(chuàng)意的簡(jiǎn)約藝術(shù)拍攝手法，意在將用戶的視線吸引在主要商品上，避免其他多余裝飾的干擾。

4.2、個(gè)性化設(shè)計(jì)原則

    個(gè)性化是微交互設(shè)計(jì)原則的重要構(gòu)成部分，個(gè)性化與統(tǒng)一性在網(wǎng)站設(shè)計(jì)中并不是矛盾對(duì)立面，而是密不可分的協(xié)作與輔助的關(guān)系，統(tǒng)一的設(shè)計(jì)規(guī)律之下，在不影響用戶購(gòu)物流暢性的情況下適當(dāng)?shù)丶尤雮€(gè)性化元素，營(yíng)造隨和自由的購(gòu)物環(huán)境，避免網(wǎng)站同質(zhì)化的交互體驗(yàn)。個(gè)性化的情感互動(dòng)一直是B2C網(wǎng)站不斷追求而又難以達(dá)到的設(shè)計(jì)高度，設(shè)計(jì)不當(dāng)極易引起用戶反感，但是消費(fèi)者都是情感豐富的復(fù)雜群體，個(gè)性化、人性化的設(shè)計(jì)很容易激發(fā)消費(fèi)者的情感共鳴。恰當(dāng)?shù)膫€(gè)性化設(shè)計(jì)會(huì)給消費(fèi)者帶來(lái)無(wú)限的驚喜，驚喜作為人類積極情緒的本能反應(yīng)會(huì)讓顧客戶忽略周邊元素，減弱潛在抗拒感并重新定位產(chǎn)品價(jià)值，打破某些阻止用戶注冊(cè)和購(gòu)買的大腦思維模式，激發(fā)消費(fèi)者潛在的購(gòu)物欲望。但是人與生俱來(lái)的情感靈敏度，不容許設(shè)計(jì)個(gè)性化的做作與欺騙，所以在個(gè)性化設(shè)計(jì)的過程中，要充分考慮用戶體驗(yàn)心理，根據(jù)內(nèi)容和消費(fèi)者的不同定制個(gè)性化設(shè)計(jì)，不同的情境中運(yùn)用不同的設(shè)計(jì)策略。界面設(shè)計(jì)不是無(wú)聲的控制面板而是消費(fèi)者與網(wǎng)站互動(dòng)的場(chǎng)景媒介，個(gè)性化互動(dòng)的過程加深了用戶對(duì)網(wǎng)站的認(rèn)知與記憶，利于網(wǎng)站品牌魅力的傳播，進(jìn)而樹立持久的品牌忠誠(chéng)度。在個(gè)性化需求設(shè)計(jì)中Photojojo（圖2） 電子商務(wù)網(wǎng)站一直做的比較成熟。為吸引消費(fèi)者的購(gòu)買，經(jīng)常在網(wǎng)站細(xì)節(jié)設(shè)計(jì)中添加個(gè)性化用戶需求設(shè)計(jì)元素。在購(gòu)物車按鈕和產(chǎn)品圖片展示區(qū)域設(shè)置定位狀的圖標(biāo)，標(biāo)簽注明“DO NOT PULL” 吸引用戶的好奇心，當(dāng)用戶抵擋不住誘惑點(diǎn)擊按鈕，會(huì)突然出現(xiàn)橘紅色的木偶手臂，將界面拉向產(chǎn)品說明，用戶驚奇興奮之余，會(huì)更多的注意到了商品的其他細(xì)節(jié)信息，這種人性化的設(shè)計(jì)很好的避免了用戶錯(cuò)過重要的商品信息，同樣有效的增加了用戶的購(gòu)買率。

4.3、防錯(cuò)性設(shè)計(jì)原則

    防錯(cuò)性是微交互設(shè)計(jì)人性化的重要表現(xiàn)，防錯(cuò)性原則不是要求用戶一定不出錯(cuò)，而是通過細(xì)節(jié)的再設(shè)計(jì)最大限度降低用戶出錯(cuò)所造成的損失。不論從系統(tǒng)設(shè)計(jì)還是用戶使用角度來(lái)分析不出錯(cuò)是極其困難的。防錯(cuò)性原則首要任務(wù)是提前預(yù)知用戶可能出現(xiàn)的錯(cuò)誤并進(jìn)行相應(yīng)的設(shè)計(jì)調(diào)整，區(qū)分用戶必填和選填內(nèi)容，提供默認(rèn)選項(xiàng)和按鈕，系統(tǒng)自動(dòng)保存默認(rèn)選項(xiàng)以簡(jiǎn)化繁瑣的操作步驟，減少用戶的工作量，從而減少或者避免用戶犯錯(cuò)。而對(duì)于無(wú)法規(guī)避的錯(cuò)誤，在設(shè)計(jì)錯(cuò)誤消息時(shí)，不僅要相應(yīng)地傳達(dá)錯(cuò)誤類型，并最大程度上給予錯(cuò)誤的改正意見，同時(shí)保持設(shè)計(jì)模式、文案語(yǔ)義的一致性與人性化。對(duì)于防錯(cuò)性，亞馬遜提供了非常人性化的設(shè)計(jì)服務(wù)，紅色標(biāo)出出錯(cuò)的位置，同時(shí)自動(dòng)糾正錯(cuò)誤信息，較為精確的給予正確信息并給出修改建議，最大限度降低了用戶的操作損失。（圖3）

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

    德國(guó)著名工業(yè)設(shè)計(jì)師迪特·拉姆斯（Dieter Rams ）說： “我認(rèn)為細(xì)節(jié)比藍(lán)圖更重要。沒有細(xì)節(jié)，一切皆是空談。細(xì)節(jié)是本質(zhì)，是評(píng)價(jià)質(zhì)量的標(biāo)準(zhǔn)?！?微交互設(shè)計(jì)最重要的價(jià)值是其細(xì)微之處的實(shí)用性、易用性、簡(jiǎn)潔性。微交互設(shè)計(jì)實(shí)質(zhì)上是交互設(shè)計(jì)的本質(zhì)，是交互設(shè)計(jì)的細(xì)化，以更細(xì)微、全面的視角重新審視和完善交互設(shè)計(jì)。微交互設(shè)計(jì)的本質(zhì)在于服務(wù)用戶，簡(jiǎn)化設(shè)計(jì)去除多余的裝飾，創(chuàng)建簡(jiǎn)潔的交互流程和樸素優(yōu)雅的界面風(fēng)格，讓用戶享受自由愉悅的購(gòu)物體驗(yàn)。