范文一：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：852855.

　　[2]KUOHM，CHENCW，HSUCH.AStudyofB2CSupportingInterfaceDesignSystemfortheElderly[J].HumanFactorsandErgonomicsinManufacturingServiceIndustries，2012，22(6)：528540.

　　[3](孙辛欣,靳文奎.移动应用中的情感交互设计研究[J].包装工程,2014，35(14)：4650.)

　　[4]赵知为.基于用户体验下的界面设计[J].今传媒,2012,8(2):2124)

　　[5]刘永翔，欧婧.移动支付平台设计中的交互体验研究[J].设计，2015，208(1)106-109.

　　范文二：动态网站设计中PHP技术的应用

　　随着信息技术以及电子技术的不断发展和进步，信息基础设施已经日趋完善。互联网在人们的日常生活中发挥着重要的作用，现实生活中的很多活动可以在动态网站上进行。PHP作为一种动态网站的开发语言，PHP技术在动态网站设计中的应用最为广泛。

　　1动态网页工作的原理分析

　　动态网页工作的原理包括三方面的内容：首先是充分利用浏览器，使其向服务器发出请求，打开某一动态网页;服务器收到该请求后会将该网页输送至应用程序服务器。其次是应用程序服务器对应用程序指令加以查询后，会将指令发送给数据库的驱动程序，驱动程序查询数据后，将记录返回给驱动程序，在由其将距离发送给应用程序服务器。最后就是应用程序服务器在网页中插入数据，使动态网页转变为静态网页，服务器将此传给浏览器，经浏览器转换HTML标签，从而显示出结果。

　　2PHP技术的优势分析

　　PHP从开发到现在，已有十几年的发展历史，PHP已经成为最受欢迎的网站开发语言之一。PHP技术之所以能在动态网站设计中被广泛应用，主要是其具有较多优势，具体包括以下几点：一是具有较高的安全性，PHP程序代码与Apache服务器相连接，能使PHP具有较为灵活的安全设定，从而有效提高其安全性能。二是能支持大量的数据库，PHP能与多种数据库向兼容，如DBZ、oracle、SQLserver、Access、MySQL等多种主流以及非主流数据库。其中PHP与MySQL能良好兼容，其具有免费的特性，可以进行跨平台运行，是目前最佳的组合。三是具有跨平台的特性，PHP能支持较多的操作系统平台，能支持多种主流Web服务器，如IIS以及Apache等，且应用较为广泛。四是具有较快的代码执行速度，一般而言，PHP在内存中占据较少的系统资源，因此其具有较快的代码执行速度。五是易学易用，PHP中有着较为丰富的函数库，其在结合HTML语言进行使用时，主要以脚本语言为依据，且语法简单易学，书写也很简洁明了，比较容易学习掌握。六是具有免费的源代码，PHP、MySQL数据库以及Apache服务器都属于免费软件，将彼此相结合，不仅能有效满足开发商的需求，还能使网站经营者的运行费用降低。七是模板化的执行程序，能有效合理地分开程序逻辑和用户界面，对网站的后续开发以及维护具有促进作用。八是支持面向对象的程序开发与过程，对于面向对象的程序开发和过程，能够进行两次风格的开发，且对向下具有较好的兼容性。就是加速引擎为Zend，其能保证开发系统的稳定性以及迅速性，在网站建设中应用较为广泛。

　　3PHP技术在动态网站设计中的应用

　　PHP技术在动态网页设计中的应用具体体现在三个方面：一是动态页面的结构;二是数据库的连接和访问;三是PHP动态网页的应用。

　　3.1动态页面的结构

　　PHP文件作为一种HTML文档，其可以在服务器断执行脚本，由Web服务器执行脚本，并生成与之相应的HTML语言，与网页中原有的HTML语言向融合，成为原有HTML语言中的一部分，从而作用到前端。值的注意的是，文件名必须要.PHP结尾。一般来说，PHP文件的构成包括四个部分，分别是PHP语言命令、HTML标记、脚本语言以及include函数。其中PHP语言命令作为一种语言代码，其是位于PHP标签内;对于HTML标记而言，使用的HTML标记都能够使用;脚本语言一般包括PHP语言支持功能以及自带的Perl、Java以及C，这样可以有效增强编程的功能。当然如果将html语言加入到PHP文件中，如table，这样可以在浏览器中显示出从数据库中获取的数据。在查询数据库中的记录时，可以充分利用SQL，并通过Table对象，对数据库中的数据进行有效显示。在设计PHP文件的界面时，为了便于设计，可以充分采用Weaver以及Dream等可视化工具。一般而言，WebServer可以处理用户的请求，当其处理完用户的请求后，可以将结果发送到用户端的浏览器上，以便用户及时看到结果。

　　3.2数据库的连接和访问

　　当用户在请求一个PHP的主页时，服务器必须要对其请求进行响应，并调动PHP来执行该文件，对其中的脚本加以解释执行。如果脚本中出现访问数据库的请求，必须要以相关函数为依据，连接与之相应的数据库，从而有效完成其操作。另外，PHP要以数据库访问的结构为依据，将其生产成HTML代码，从而将其传输到客户端。这样的操作，用户将看到的是HTML网页，而不是PHP代码，从而可以有效提高系统的安全性。

　　3.3PHP动态网页的应用

　　就现阶段而言，动态网站的设计方法主要包括ADO(ActiveXDataObject)、IDC(InernetDatabaseConnector)、CGI(CommonGatewayInteriace)，CGI具有较快的执行速度，且使用简单，能有效节约系统的资源，之占用较小的磁盘空间。PHP结合CGI，可以实现网站的动态化，使其能更为快速高效，便于网站的维护和管理。动态网站建设的核心技术将会是PHP与CGI相结合的技术，这两者的结合能为PHP技术提供广阔的发展空间。

　　4PHP技术的发展前景

　　PHP技术具有灵活简单的特点，其功能强大，PHP技术已经被广泛应用在动态网站设计中，如网易、腾讯、搜狐以及百度等在设计动态网站时，都是采用的PHP技术。毋庸置疑，PHP技术在今后具有非常广阔的发展空间，其作为一种开放语言，能充分吸取用户的意见和建议，满足用户的需求。就现阶段而言，PHP5的性能有了很大提高，其提高了近5倍左右，并且PHP5的相关硬件以及软件技术、语言规范等在不断发展和完善。PHP较为适合小型的上午网站，不适宜与较大的电子商务网站，要想有效弥补PHP技术上的不足，必须要不断研发新技术，将PHP与CGI进行有效结合。

　　5结束语

　　在动态网站设计中，充分应用PHP技术，用户浏览网页的大部分工作，可以通过PHP技术转化到服务器端而进行，这样有利于减轻浏览器的负担。另外，在使用一般的文本时，可以使程序的编辑得以有效实现。PHP技术具有较多的优点，如多变、快速、高效以及简单等，能为网站提高大量的信息，从而便于用户实时查询。