1、1微交互在 B2G 网站设计中的应用与研究摘要: 微交互作为引导电子商务网站设计发展的新的理论原则,受到国外交互设计师的广泛推崇,但在国内却并未被熟知。本文通过分析国内电子商务发展现状,详细阐释了微交互的理论方法与设计原则。深入探讨微交互理论在电子商务网站界面设计中的应用与表现形式,微交互注重细节设计,追求设计元素的提炼和对细节的再塑造是最简单的交互设计。简约主义是微交互设计的本质,其简约、人性化的交互流对于优化 B2C网站交互设计,完善消费者用户体验都有很大的帮助。 关键词: 微交互设计 B2C 电商网站 简约主义 用户体验 1.本课题的研究背景 网络技术的发展与普及不仅改变了消费者传统消费
2、观念,也促使越来越多的 B2C 电子商务网站不断涌现,企业科学化的管理发展理念和中国设计行业的进步与完善使得部分 B2C 网站呈现良好的发展态势。然而随着物质文明与精神文明的进步,网购者的消费心理不再是简单地拥有商品,愉悦、简洁、人性化、个性化的购物体验成为消费购物的重要组成部分。微交互注重细节、简化交互行为,追求细微之处的实用性、易用性、简洁性的设计理念很好地迎合了现代消费者的购物需求,成为提升 B2C 网站转化率,树立品牌形象,获得稳定消费群体的重要组成部分。22.微交互设计定义 “微交互设计”由美国知名交互设计师 Dan saffer 提出, “微”指代细节,微交互即是指交互中的细节设计
3、。在微交互设计过程中通过深层次的解构、简化、重组设计细节,使交互设计变得简约、优雅、人眭化,以达到流(FlOW)的用户体验状态。积极心理学大师齐克森米哈里(Mihaly Csikszentmihalyi)曾这样定义流:“当人们全身心地投入到某个活动时,他们会对周围的事物视而不见。这种状态被称为流(Flow) 。”相对于用户而言,优秀的微交互是看不到设计规则的,在交互过程中用户将会达到一种沉醉式的融入状态,并乐意完成目标任务。微交互在设计形式上与传统全局式的设计略有不同,主要采用解构与重组的设计方法,把整体的交互流程细分为无数个细小的交互模块,分析对比每个微交互模块存在的必要性与合理性,删除价值
4、率较低的微设计组成部分,进而深化细节设计,最后将微交互模块进行合理化的组合以创建简约的交互设计模式。 3.微交互与 B2C 电子商务网站的优化关系 传统理念认为,知名的电子商务网站拥有大量的稳定消费群体,消费者也愿意选择知名度比较高的品牌网站,而对于电子商务管理者来说,网站的品牌创立与经营涉及众多相关因素,产品质量、网站媒体宣传、稳定的消费群体、大的客户流量、优秀的网站设计、良好的用户体验、好的商业模式和盈利等。随着“互联网+行动计划”的提出,我国首部电子商务法即将颁布,B2C 电子商务十几年的发展,使得其设计也相3对比较成熟,积累了一定的 B2C 设计法则,但是设计的同质化,消费者网购意识的
5、成熟与理性都会影响网站品牌形象的塑造。 “设计需要满足情境中的目标,一方面,设计必须适合它所在的场所,另方面,使用情境决定了用户在什么情况下对产品产生期望值,期望值是用户体验最基本要素。 ” 微交互是交互设计的基本组成部分,从微交互设计角度探讨 B2C 网站界面设计实际上是从交互设计的本源来完善细化交互设计。通过微交互对 B2C 网站的再设计与优化,创建合理的信息架构、恰当的内容与优雅的视觉设计,在细节设计与整体的用户体验上潜移默化吸引和影响消费者,减弱甚至抵消用户在购买的某些 FUD 情绪,建立购买信心并获信任,使其在同类 B2C 网站中脱颖而出。 4.微交互在 B2C 网站中的设计原则 虽
6、然微交互设计的提出与发展时间较短,但在交互设计的研究基础上,B2C 网站的微交互在细节设计过程中也遵循一定的设计法则,简约、统一、个性化、防错性等设计原则对于细节的再设计与优化都有一定的指导作用。 4.1 简约主义设计原则 简约主义作为一种被各领域不断追随和探索的思想潮流,其主要来源于西方现代主义建筑设计,米斯?凡德罗提出“少即是多” ,勒?柯布西耶倡导的“纯净的形体”与沃尔特?格罗佩斯的结构主义都反对多余的装饰,推祟简约主义,强调功能在设计中的主要地位。简约主义虽然来源于西方现代主义,但是在古老的中国传统文化中的发展已极具历史,老4子提出:“少则得,多则惑。 ”孔子在乐记.乐论篇中提到:“大
7、乐必易,大礼必简” 。庄子的“朴素而天下莫能与之争美” 。宋代画家葛守昌提倡:“精而造疏,简而意足” ,都强调事物的本质在于回归极致的朴素,繁中求简,重在掌握事物的发展规律。 不论是西方现代主义还是东方传统思想,衍生至如今引领设计潮流的简约主义设计,在设计的表达上同样遵循着相同的艺术标准:强调设计对物质自然形态的表达,去除不必要的装饰,用简洁的元素表现事物的本质,讲究节奏、韵律、一致性,注重留白与对比,追求空间上的自由。但是在设计最终的艺术形态表现上也存在差异,西方设计强调构图的严谨性和设计元素的理性应用,注重功能性和视觉上的和谐之美,而东方的儒道、禅宗则更多追求意境里的空灵、恬淡与自由,祟尚
8、情感意境的升华。 相对于复杂的用户界面,简约主义界面易于使用,让用户掌握主动权,更符合现代人快节奏的浏览模式,更利于创建流畅的用户体验环境。简约主义不仅注重视觉层面上的简化设计,同时在结构层面简化操作行为,传承儒道、禅宗等古老的文化哲学,将禅宗美学中淡然、自由、愉悦、宁静的精神理念融入交互设计当中,追求高层次的娱乐需求层次理论即高级别的流式用户体验。 在简约主义风格设计中,美国 saks 官网设计(图 1)表现尤为突出,界面采用统一的黑白灰三色,不添加任何其他颜色,利用黑白色块区域构成和谐简约的界面风格。广告图采用极具创意的简约艺术拍摄手法,意在将用户的视线吸引在主要商品上,避免其他多余装饰的
9、干扰。 54.2 个性化设计原则 个性化是微交互设计原则的重要构成部分,个性化与统一性在网站设计中并不是矛盾对立面,而是密不可分的协作与辅助的关系,统一的设计规律之下,在不影响用户购物流畅性的情况下适当地加入个性化元素,营造随和自由的购物环境,避免网站同质化的交互体验。个性化的情感互动一直是 B2C 网站不断追求而又难以达到的设计高度,设计不当极易引起用户反感,但是消费者都是情感丰富的复杂群体,个性化、人性化的设计很容易激发消费者的情感共鸣。恰当的个性化设计会给消费者带来无限的惊喜,惊喜作为人类积极情绪的本能反应会让顾客户忽略周边元素,减弱潜在抗拒感并重新定位产品价值,打破某些阻止用户注册和购
10、买的大脑思维模式,激发消费者潜在的购物欲望。但是人与生俱来的情感灵敏度,不容许设计个性化的做作与欺骗,所以在个性化设计的过程中,要充分考虑用户体验心理,根据内容和消费者的不同定制个性化设计,不同的情境中运用不同的设计策略。界面设计不是无声的控制面板而是消费者与网站互动的场景媒介,个性化互动的过程加深了用户对网站的认知与记忆,利于网站品牌魅力的传播,进而树立持久的品牌忠诚度。 在个性化需求设计中 Photojojo(图 2)电子商务网站一直做的比较成熟。为吸引消费者的购买,经常在网站细节设计中添加个性化用户需求设计元素。在购物车按钮和产品图片展示区域设置定位状的图标,标签注明“DO NOT PU
11、LL”吸引用户的好奇心,当用户抵挡不住诱惑点击按钮,会突然出现橘红色的木偶手臂,将界面拉向产品说明,用户惊奇兴奋之余,会更多的注意到了商品的其他细节信息,这种人性化的设计很6好的避免了用户错过重要的商品信息,同样有效的增加了用户的购买率。4.3 防错性设计原则 防错性是微交互设计人性化的重要表现,防错性原则不是要求用户一定不出错,而是通过细节的再设计最大限度降低用户出错所造成的损失。不论从系统设计还是用户使用角度来分析不出错是极其困难的。防错性原则首要任务是提前预知用户可能出现的错误并进行相应的设计调整,区分用户必填和选填内容,提供默认选项和按钮,系统自动保存默认选项以简化繁琐的操作步骤,减少
12、用户的工作量,从而减少或者避免用户犯错。而对于无法规避的错误,在设计错误消息时,不仅要相应地传达错误类型,并最大程度上给予错误的改正意见,同时保持设计模式、文案语义的一致性与人性化。对于防错性,亚马逊提供了非常人性化的设计服务,红色标出出错的位置,同时自动纠正错误信息,较为精确的给予正确信息并给出修改建议,最大限度降低了用户的操作损失。 (图3) 5.结语 德国著名工业设计师迪特?拉姆斯(Dieter Rams)说:“我认为细节比蓝图更重要。没有细节,一切皆是空谈。细节是本质,是评价质量的标准。 ”微交互设计最重要的价值是其细微之处的实用性、易用性、简洁性。微交互设计实质上是交互设计的本质,是交互设计的细化,以更细微、全面的视角重新审视和完善交互设计。微交互设计的本质在于服务用户,简化设计去除多余的装饰,创建简洁的交互流程和朴素优雅的7界面风格,让用户享受自由愉悦的购物体验。