B2C網站設計中微交互研究

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

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

關鍵詞：微交互設計；B2C電商網站；簡約主義；用戶體驗

1本課題的研究背景

網絡技術的發展與普及不僅改變了消費者傳統消費觀念，也促使越來越多的B2C電子商務網站不斷涌現，企業科學化的管理發展理念和中國設計行業的進步與完善使得部分B2C網站呈現良好的發展態勢。然而隨著物質文明與精神文明的進步，網購者的消費心理不再是簡單地擁有商品，愉悅、簡潔、人性化、個性化的購物體驗成為消費購物的重要組成部分。微交互注重細節、簡化交互行為，追求細微之處的實用性、易用性、簡潔性的設計理念很好地迎合了現代消費者的購物需求，成為提升B2C網站轉化率，樹立品牌形象，獲得穩定消費群體的重要組成部分。

2微交互設計定義

“微交互設計”由美國知名交互設計師DanSaffer提出，“微”指代細節，微交互即是指交互中的細節設計。在微交互設計過程中通過深層次的解構、簡化、重組設計細節，使交互設計變得簡約、優雅、人性化，以達到流(Flow）的用戶體驗狀態。積極心理學大師齊克森米哈里（MihalyCsikszentmihalyi）曾這樣定義流：“當人們全身心地投入到某個活動時，他們會對周圍的事物視而不見。這種狀態被稱為流（Flow)。”相對于用戶而言，優秀的微交互是看不到設計規則的，在交互過程中用戶將會達到一種沉醉式的融入狀態，并樂意完成目標任務。微交互在設計形式上與傳統全局式的設計略有不同，主要采用解構與重組的設計方法，把整體的交互流程細分為無數個細小的交互模塊，分析對比每個微交互模塊存在的必要性與合理性，刪除價值率較低的微設計組成部分，進而深化細節設計，最后將微交互模塊進行合理化的組合以創建簡約的交互設計模式。

3微交互與B2C電子商務網站的優化關系

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

4微交互在B2C網站中的設計原則

雖然微交互設計的提出與發展時間較短，但在交互設計的研究基礎上，B2C網站的微交互在細節設計過程中也遵循一定的設計法則，簡約、統一、個性化、防錯性等設計原則對于細節的再設計與優化都有一定的指導作用。

4.1簡約主義設計原則

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

4.2個性化設計原則

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

4.3防錯性設計原則

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

5結語

德國著名工業設計師迪特•拉姆斯（DieterRams）說：“我認為細節比藍圖更重要。沒有細節，一切皆是空談。細節是本質，是評價質量的標準。”微交互設計最重要的價值是其細微之處的實用性、易用性、簡潔性。微交互設計實質上是交互設計的本質，是交互設計的細化，以更細微、全面的視角重新審視和完善交互設計。微交互設計的本質在于服務用戶，簡化設計去除多余的裝飾，創建簡潔的交互流程和樸素優雅的界面風格，讓用戶享受自由愉悅的購物體驗。

注釋

①《設計》中“移動支付平臺設計中的交互體驗研究”北方工業大學工業設計系劉勇翔歐婧

參考文獻：

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

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

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

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

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

作者：錢程 唐德紅 單位：湖北工業大學工業設計院