B2C網(wǎng)站設(shè)計(jì)中微交互研究

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了B2C網(wǎng)站設(shè)計(jì)中微交互研究范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：微交互作為引導(dǎo)電子商務(wù)網(wǎng)站設(shè)計(jì)發(fā)展的新的理論原則，受到國外交互設(shè)計(jì)師的廣泛推崇，但在國內(nèi)卻并未被熟知。本文通過分析國內(nèi)電子商務(wù)發(fā)展現(xiàn)狀，詳細(xì)闡釋了微交互的理論方法與設(shè)計(jì)原則。深入探討微交互理論在電子商務(wù)網(wǎng)站界面設(shè)計(jì)中的應(yīng)用與表現(xiàn)形式，微交互注重細(xì)節(jié)設(shè)計(jì)，追求設(shè)計(jì)元素的提煉和對細(xì)節(jié)的再塑造是最簡單的交互設(shè)計(jì)。簡約主義是微交互設(shè)計(jì)的本質(zhì)，其簡約、人性化的交互流對于優(yōu)化b2c網(wǎng)站交互設(shè)計(jì)，完善消費(fèi)者用戶體驗(yàn)都有很大的幫助。

關(guān)鍵詞：微交互設(shè)計(jì)；B2C電商網(wǎng)站；簡約主義；用戶體驗(yàn)

1本課題的研究背景

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

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

“微交互設(shè)計(jì)”由美國知名交互設(shè)計(jì)師DanSaffer提出，“微”指代細(xì)節(jié)，微交互即是指交互中的細(xì)節(jié)設(shè)計(jì)。在微交互設(shè)計(jì)過程中通過深層次的解構(gòu)、簡化、重組設(shè)計(jì)細(xì)節(jié)，使交互設(shè)計(jì)變得簡約、優(yōu)雅、人性化，以達(dá)到流(Flow）的用戶體驗(yàn)狀態(tài)。積極心理學(xué)大師齊克森米哈里（MihalyCsikszentmihalyi）曾這樣定義流：“當(dāng)人們?nèi)硇牡赝度氲侥硞€(gè)活動時(shí)，他們會對周圍的事物視而不見。這種狀態(tài)被稱為流（Flow)。”相對于用戶而言，優(yōu)秀的微交互是看不到設(shè)計(jì)規(guī)則的，在交互過程中用戶將會達(dá)到一種沉醉式的融入狀態(tài)，并樂意完成目標(biāo)任務(wù)。微交互在設(shè)計(jì)形式上與傳統(tǒng)全局式的設(shè)計(jì)略有不同，主要采用解構(gòu)與重組的設(shè)計(jì)方法，把整體的交互流程細(xì)分為無數(shù)個(gè)細(xì)小的交互模塊，分析對比每個(gè)微交互模塊存在的必要性與合理性，刪除價(jià)值率較低的微設(shè)計(jì)組成部分，進(jìn)而深化細(xì)節(jié)設(shè)計(jì)，最后將微交互模塊進(jìn)行合理化的組合以創(chuàng)建簡約的交互設(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)站，而對于電子商務(wù)管理者來說，網(wǎng)站的品牌創(chuàng)立與經(jī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)+行動計(jì)劃”的提出，我國首部《電子商務(wù)法》即將頒布，B2C電子商務(wù)十幾年的發(fā)展，使得其設(shè)計(jì)也相對比較成熟，積累了一定的B2C設(shè)計(jì)法則，但是設(shè)計(jì)的同質(zhì)化，消費(fèi)者網(wǎng)購意識的成熟與理性都會影響網(wǎng)站品牌形象的塑造?！霸O(shè)計(jì)需要滿足情境中的目標(biāo)，一方面，設(shè)計(jì)必須適合它所在的場所，另一方面，使用情境決定了用戶在什么情況下對產(chǎn)品產(chǎn)生期望值，期望值是用戶體驗(yàn)最基本要素。”[1]微交互是交互設(shè)計(jì)的基本組成部分，從微交互設(shè)計(jì)角度探討B(tài)2C網(wǎng)站界面設(shè)計(jì)實(shí)際上是從交互設(shè)計(jì)的本源來完善細(xì)化交互設(shè)計(jì)。通過微交互對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)者，減弱甚至抵消用戶在購買的某些FUD情緒，建立購買信心并獲信任，使其在同類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ì)法則，簡約、統(tǒng)一、個(gè)性化、防錯(cuò)性等設(shè)計(jì)原則對于細(xì)節(jié)的再設(shè)計(jì)與優(yōu)化都有一定的指導(dǎo)作用。

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

簡約主義作為一種被各領(lǐng)域不斷追隨和探索的思想潮流，其主要來源于西方現(xiàn)代主義建筑設(shè)計(jì)，米斯•凡德羅提出“少即是多”，勒•柯布西耶倡導(dǎo)的“純凈的形體”與沃爾特•格羅佩斯的結(jié)構(gòu)主義都反對多余的裝飾，推崇簡約主義，強(qiáng)調(diào)功能在設(shè)計(jì)中的主要地位。簡約主義雖然來源于西方現(xiàn)代主義，但是在古老的中國傳統(tǒng)文化中的發(fā)展已極具歷史，老子提出：“少則得，多則惑?！笨鬃釉凇稑酚?#8226;樂論篇》中提到：“大樂必易，大禮必簡”。莊子的“樸素而天下莫能與之爭美”。宋代畫家葛守昌提倡：“精而造疏，簡而意足”，都強(qiáng)調(diào)事物的本質(zhì)在于回歸極致的樸素，繁中求簡，重在掌握事物的發(fā)展規(guī)律。不論是西方現(xiàn)代主義還是東方傳統(tǒng)思想，衍生至如今引領(lǐng)設(shè)計(jì)潮流的簡約主義設(shè)計(jì)，在設(shè)計(jì)的表達(dá)上同樣遵循著相同的藝術(shù)標(biāo)準(zhǔn)：強(qiáng)調(diào)設(shè)計(jì)對物質(zhì)自然形態(tài)的表達(dá)，去除不必要的裝飾，用簡潔的元素表現(xiàn)事物的本質(zhì)，講究節(jié)奏、韻律、一致性，注重留白與對比，追求空間上的自由。但是在設(shè)計(jì)最終的藝術(shù)形態(tài)表現(xiàn)上也存在差異，西方設(shè)計(jì)強(qiáng)調(diào)構(gòu)圖的嚴(yán)謹(jǐn)性和設(shè)計(jì)元素的理性應(yīng)用，注重功能性和視覺上的和諧之美，而東方的儒道、禪宗則更多追求意境里的空靈、恬淡與自由，崇尚情感意境的升華。相對于復(fù)雜的用戶界面，簡約主義界面易于使用，讓用戶掌握主動權(quán)，更符合現(xiàn)代人快節(jié)奏的瀏覽模式，更利于創(chuàng)建流暢的用戶體驗(yàn)環(huán)境。簡約主義不僅注重視覺層面上的簡化設(shè)計(jì)，同時(shí)在結(jié)構(gòu)層面簡化操作行為，傳承儒道、禪宗等古老的文化哲學(xué)，將禪宗美學(xué)中淡然、自由、愉悅、寧靜的精神理念融入交互設(shè)計(jì)當(dāng)中，追求高層次的娛樂需求層次理論即高級別的流式用戶體驗(yàn)。在簡約主義風(fēng)格設(shè)計(jì)中，美國saks官網(wǎng)設(shè)計(jì)表現(xiàn)尤為突出，界面采用統(tǒng)一的黑白灰三色，不添加任何其他顏色，利用黑白色塊區(qū)域構(gòu)成和諧簡約的界面風(fēng)格。廣告圖采用極具創(chuàng)意的簡約藝術(shù)拍攝手法，意在將用戶的視線吸引在主要商品上，避免其他多余裝飾的干擾。

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

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

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

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

5結(jié)語

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

注釋

①《設(shè)計(jì)》中“移動支付平臺設(shè)計(jì)中的交互體驗(yàn)研究”北方工業(yè)大學(xué)工業(yè)設(shè)計(jì)系劉勇翔歐婧

參考文獻(xiàn)：

[1]KUOHM，CHENCW，HSUCH.AStudyofInformationandAidingInterfaceDesigninB2CWebSites[C]//Proceedingsofthe2009IEEEIEEM，2009：852—855.

[2]KUOHM，CHENCW，HSUCH.AStudyofB2CSupportingInterfaceDesignSystemfortheElderly[J].HumanFactorsandErgonomicsinManufacturing&ServiceIndustries，2012，22（6）：528—540.

[3](孫辛欣,靳文奎.移動應(yīng)用中的情感交互設(shè)計(jì)研究[J].包裝工程,2014，35（14）：46—50.)

[4]趙知為.基于用戶體驗(yàn)下的界面設(shè)計(jì)[J].今傳媒,2012,8(2):21—24)

[5]劉永翔，歐婧.移動支付平臺設(shè)計(jì)中的交互體驗(yàn)研究[J].設(shè)計(jì)，2015，208（1)106-109.

作者：錢程 唐德紅 單位：湖北工業(yè)大學(xué)工業(yè)設(shè)計(jì)院