互联网+下Web设计中的用户体验关键问题探讨

陈 上

（海南软件职业技术学院,海南 琼海 571400）

网站设计师在进行网页设计时都会关注用户体验。提高用户体验也是设计行业发展的驱动力。网站是企业对外宣传的主要门户,网站设计的成败直接影响到企业的发展与市场竞争力。所以,设计师在进行网页设计时既要关注网站的内容和功能,也要重视用户体验,通过良好的用户体验来提高用户的忠诚度,提高企业核心竞争力。

1 用户体验的重要性

用户体验是用户在使用产品或者服务过程中的一种个人主观心理感受。互联网+技术的发展带来了技术的创新与发展,以用户为中心、以人为本的理念越来越被重视,用户体验也成为Web2.0创新的关键。

用户在进行网站访问时是一种自助的方式,不需要进行培训,也不需要相关的指导说明。因此,在网站访问过程中,遇到任何困难,都需要用户自己去解决。所以,和其他产品相比,网站建设上的用户体验更加重要。对企业来说,良好的用户体验可以更好地吸引客户,让客户有一个积极的态度,提高网站的访问量和访问时间,提升网页访问给企业带来的经济效益。

2 互联网+下Web设计中用户体验设计存在的问题

从心理学角度来说,用户体验是用户在交互过程中的一种心理反应。交互设计中认知超载与工作记忆是两个非常重要的概念。认知超载就是大脑超负荷运行。人大脑的信息处理能力是有限的,所以如果外界所传递的信息量高于大脑处理的极值时,人的大脑就将发生超载的问题,大脑处理信息的速度将会变慢。工作记忆则是不对当前信息进行加工,而将其存储起来的有限容量的记忆系统,也是知觉、记忆与动作的链接点。或者说,工作记忆属于长期记忆的前期阶段。

好的用户体验可以使用户在使用过程中把重心放在所要达成的目标上,而不是页面的布局上,在不知不觉的过程中完成操作的行为。相反的,复杂的网页会让用户把重心放在一些无关紧要的问题上,比如页面信息填写、界面选择等都会影响用户的体验,打断用户的情境体验,造成Web设计认知超载。认知超载的类型较多,包括动作、过渡的刺激、过多的选择、模棱两可的页面、内部的不连贯性和不易找到的页面。

多余的动作：每一个操作都会增加用户的认知负荷,因此过多的操作会影响用户体验,打断用户思路,甚至会让用户产生不满、抵触的情绪。用户工作记忆的重心在特定目标上,所以多余的动作会消耗用户过多的精力,增加用户的工作记忆负担。简单的步骤则可以减少用户体验过程中不必要的麻烦,让用户在流畅、自然、平滑的情境中完成目标。

过度的刺激：用户在完成目标以前,大脑会把目标之外的刺激进行归类,但是用户注意力的分散会导致一部分工作记忆被占用。如果用户在页面浏览时,上面有过多的照片、动画、广告等内容,用户的工作记忆会被过多占用,用户难以将注意力放在自己关注的目标上。这些过多的元素,尤其是视觉上容易吸引用户注意力的元素的出现将会分散用户过多的注意力。实际上,用户在选择时更倾向于选择视觉简单的网站。因此,在页面设计时不必要的元素是可以去除的,这样就可以有效减少页面加载时间,给用户带来更好的交互体验。

过多的选择：希克定律认为,如果用户有多个选项可以选择时,他们做决定所需要花费的时间就会越长。希克定律也被用于网页界面、软件菜单的设计中。从设计角度来看,在人机交互过程中,用户可以选择的选项越多,用户做决策所需要的时间就越长。不过,另一方面,用户又喜欢有更多的选择。对客户来说,具有购物功能的网站就相当于购物街,有很多种产品,但是对用户来说怎样快速找到所需要的产品是主要任务。因此,把多个选项整理到一个集合中就是最好的处理方式,比如天猫国际。实际上这也是当前购物网站应用最多的一种组合方式,把不同的种类商品放置在隐藏菜单内。在大菜单下用户的选择虽然很多,但是分类整合模式减少了用户的选择负担。

模棱两可的页面：混乱的Web页面也会让用户消耗大量的时间去研究页面操作方式,因此模棱两可的图标会降低用户的点击、浏览欲望。因此,在进行Web页面设计时需要重视已经被用户接纳和了解的视觉提示图标的使用。这样,用户在进行页面操作时就可以根据自身所理解的图标进行操作。比如,确定、取消等标准的标签就容易被识别。标准化的标签可以提高用户页面浏览的舒适度,降低用户的反应时间。

内部的不连贯性：网站上的元素和其他元素之间应该具有内在的连贯性。如果网页上各元素之间的连贯性较差就会造成网站设计风格的不统一。因此,在进行网页设计时要注意风格的统一,制定风格指南。比如花瓣网在设计上就非常重视内部的连贯性。

不易找到的页面：对网页来说,导航条是必不可少的元素之一。所以,在进行导航条设置时应将其放在醒目的地方,这样可以让用户随意、快速地进行网页浏览,而不用担心找不到导航。

3 互联网+下Web设计中用户体验关键点分析

基于用户体验的Web设计的关键在于在设计的每一个步骤都将用户体验列为重点,始终坚持以用户为中心,以为用户提高良好的体验为目的。不同类型网站的用户体验设计有所不同,不过其最终目的都是一样的。在Web设计中良好用户体验应关注以下几点。

3.1 用户需求分析

网页建设的目的主要包括两个方面：一是为企业获得更多的客户,提高企业的收益；二是降低企业的营销、宣传成本,控制企业经营成本。要实现上述两个目标就要重视与网页访问者的关系,提高网页的潜在客户转换率。所以,在进行Web设计时需要先对用户进行调查,结合调查结果对用户的需求进行分析和研究。用户调查主要包括三个方面：一是对网页浏览用户进行定位,明确网页浏览者是哪些人；二是对用户的Web技术水平与适应性要求、群体偏好等相关内容进行了解；三是明确不同角色用户的需求。同时,根据用户需求优先级对网页相关内容进行分类、设计和排序,为后期网页的设计奠定基础。

3.2 页面设计布局

网站设计的主要目的就是通过简单、有效、直接的方式将网站信息传递给用户。所以,对设计者来说,只是将信息放在网页上是远远不够的,而需要通过用户可以理解与接受的方式进行呈现。在进行网页设计时需要通过设计排版将各种元素呈现给客户。网页组件主要分为文本、图形、图片、颜色等内容。其中,文字又分为正文、导航、菜单以及各种标志灯。要提高网页的视觉效果,设计人员就需要结合人们的心理与生理特点来设计符合客户视觉过程的网页。同时,设计人员还要注意不同元素之间的关系,如大小、距离、位置等。

网页布局类型主要包括T型、相同型、口型、匡型等。其中,T型的主要特点是网页结构清晰、主次分明,不过T型布局的规则比较严格,对客户的吸引性不强；相同型布局的主要特点是可以更好地利用整个页面,可以展示的信息量较大,但是过于单一和死板,容易让用户产生疲劳；口型布局的主要特点是结构清晰,但是同样不够灵活；匡型布局的主要特点是布局整齐,而且容易给客户带来较大的视觉冲击。

网页是信息的载体,所以网页的设计实际上就是信息的结构设计与布局搭配。设计者在进行网页设计时要关注关键页面的布局,比如主页、信息页面等。其他的页面也需要根据布局进行信息和内容上的调整。设计者在进行信息布局时应了解视觉流原理,采用预留空间原则,为客户提供最方便的阅读方式,同时也方便后期的网站维护。信息布局过程中应把即时信息与关键信息放在视觉中心,同时考虑固定信息与变化信息之间的平衡性。

在进行网页设计时还需要考虑图片多媒体页面的大小与应用。页面的大小和显示器的大小、分辨率有直接关系。因此,考虑到电子终端尺寸问题,设计者在进行网页设计时需要考虑网页显示时针和终端、浏览器等之间的兼容性。网页设计完成之后应在不同终端设备与浏览器上进行调试,使不同媒体页面显示效果尽量一致。

综合上述可以看出,网页布局中用户体验观念的体现主要是信息排版。因此,设计者要想让页面吸引人,给用户留下深刻的印象就要把握好主次关系,使用户能够快速地找到所需要的信息。不过,网站本身还具有一定的独特性,所以设计者还要关注网页的打开速度。研究发现,网页打开速度超过20秒就没有用户愿意使用。

3.3 网页设计色彩搭配

用户打开网页之后,其第一印象就是网页的色彩搭配。所以,不管网站的设计多独特、多个性化,功能使用多便捷,倘若网页的色彩搭配不合理,使人产生不舒适的感觉,那么用户都不会在同一个界面停留过多的时间。有研究发现,彩色页面和黑白色页面相比,使用者对彩色页面的记忆效果更好,这说明彩色页面比黑白色页面更容易吸引人。在常用的非颜色匹配上,灰色是一种主要颜色,能够和其他颜色进行匹配,实现两种不同颜色的和谐过渡。

网页设计过程中都会使用一种颜色作为主色调,主色调在整个页面中要占有绝对的比例。提高网站的辨识度,增加用户的亲切感。生活中常见的,在颜色使用上如春节各大购物网站就会以红色为主要色调。通常,网站的标准颜色要控制在三个以内。对网站设计者来说,首先要确定网站的主色调。主色调的选择需要结合网站的服务对象、网站自身功能、传达信息内容等来进行。

辅助色在网页设计中的占比很小,但是辅助色同样非常重要,可以丰富页面,给用户带来更好的视觉体验。辅助色使用时要注意整个页面的整体性,不能让辅助色盖过主色调。网页的颜色匹配方法主要包括色差法、色调调整法和对比色匹配法。色差法就是主色与辅助色都在一个色相上,整个页面给人一种一体化的整体感；色调调合则使用同一色调构成的配合,整个页面既给人一种整体性的视觉感,同也体现了不同颜色上的搭配；对比配色设计法使用范围最广,是一种通过色相、纯度、明度的对比给用户带来视觉上的冲击,更容易吸引用户的注意。在对比配色设计时,只要合理配置不同颜色的比例页面也会给人一种整体性的感觉。同时,要注意背景与不同信息内容之间的颜色对比要大一些,这样可以凸显出文本信息。

3.4 网站功能设计

由前文分析可知,用户在进行信息处理、规划与记忆细节等处理时其能力是有限的。在功能规划时期,这些因素还会进一步对用户的判断产生干扰。因此,在进行页面设计时,设计者往往会想,如果用户需要某某功能。所以,很多设计者认为,网页的功能越多,能力就越强。实际上,有超过60%的软件功能没有或者很少被使用。对没有使用过的人来说,可能一些新奇的功能吸引力很强,但是很多客户在使用产品之后,他们的重心就开始由功能转向可用性。对用户来说,他们的需求应该是功能质量上的改进,而不是功能数量上的增加。所以,可以删除一些不必须的功能,简化网页功能项目。

网站设计者在进行功能删除之后需要把可以满足用户需求的功能按照操作的难易程度进行排序。对于一些很少有用户看的文字、口号等进行删除；去除重合、相近的分项栏,让用户更好地区分主次信息；去除一些重复的链接,简化页面点击项；简化按钮样式,使用户可以快速地分辨不同按钮的功能与意义；减少不必要的广告数量,避免广告过多让用户产生厌倦与不耐烦；阐述容易让用户分散注意力的元素,例如一些可有可无的分割线等。简化后的页面更容易被用户接纳和喜爱。

以购物网站为例,在进行购物网站页面浏览时,我们会发现网页的顶部与底部通常都会有一些导航链接,这些导航链接的存在实际上会分散用户的注意力。对于一些已经打算购买或者摇摆不定的客户来说,这些链接的存在意味着他们可以有更多的选择,此时客户就会犹豫或者转而浏览导航链接,延长了客户的购买决策时间,增加了购买决策的变动性。不过,在进行页面删除时,也不能删除过多,否则同样会影响客户的使用体验。对客户来说,他们也希望自己有更多的掌握权,单一的选择容易让客户产生被支配的感觉,同样不利于用户体验的提升。很多心理学家认为,人的瞬时存储空间只有4个左右的项,因此在进行页面设计时要注意分块的控制。网页界面细节过多也会影响用户的阅读体验,分散用户阅读注意力。

4 结束语

随着互联网技术的发展,Web技术也从静态发展到动态,发展到现在的Web3.0时代。Web3.0通过每位用户探索求知的力量将知识有机的组织联系起来,实现知识深化,激发新的思维和灵感,以用户为中心,强调网络的对等性,具有更好的交互性。设计师在进行网站设计时要重视Web3.0技术的优越性,重视用户体验,通过良好的用户体验来提高用户的粘度,促进企业健康、可持续发展。