基于用户体验的网页UI设计

基于用户体验的网页UI设计

【摘要】本文基于用户体验剖析网页UI设计，阐述了网页界面视觉设计和网页界面交互设计重要性。结合当前人们的生活方式、行为习惯及心理体验等方面论述如何进行网页UI设计。

【关键词】网页UI设计；视觉设计；视觉吸引；交互设计；交互艺术

随着信息化的深入，网页成为人们浏览信息、获取信息、放眼世界的主要窗口之一。在传统网页的界面设计中，人们认为网页界面设计就是美工，而美工就是单纯对网页进行装饰。随着网络技术的发展与普及，网页界面设计的技术在不断的进步，设计的理念也在不断的更新，网页界面设计不再是单纯的视觉设计，而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计，基于用户体验的网页UI设计是当前研究的热点。

一、网页UI设计及用户体验

UI即User Interface（用户界面）的简称，指对软件的人机交互、操作逻辑、界面美观的整体设计。网页UI设计用户体验（User Experience，简称UE）则是一种纯主观在用户使用产品过程中建立起来的感受。由于生活习惯、文化背景、行为方式及心理体验等不同，用户体验产品时会有不同的感受，一个好的UI设计要能充分满足大众的需求，使用户在体验过程中都能心情愉悦、操作流畅、交互高效。

就网页UI设计而言，用户浏览网页的需求是什么？抽象出来可以归纳为两点：一浏览信息，二操作数据。这里的数据是指在数据库中躺着的数据，用户在单纯浏览信息时，不会对页面背后的“数据”造成任何操作，但用户进行点击链接、跳转页面和处理信息时，就要和页面背后的数据进行交互。所以，在做网页UI 设计时候主要满足于用户的这两方面的需求，第一是用户在浏览信息时候，要有一个赏心悦目的界面，即网页界面的视觉设计要美观。第二是用户在操作数据时候要高效，即网页界面的交互设计灵活。

二、网页界面视觉设计

爱美之心人皆有之，漂亮的网页界面能吸引浏览者的眼球、提高网页的浏览量。传统网页美工设计，更注重网页的布局以及网页的颜色搭配，换言之，就是重在设计网页平面效果图和以及对网页进行装饰。随着人们生活节奏的加快，快餐文化日渐丰富，仅靠传统网页美工已不能适应当今网页发展的需要。那么，如何让你的网站跟上时代的步伐，满足当今用户的需求呢？

从用户体验出发：什么东西能让我们从电脑屏幕上看到接近于现实世界的东西？是视觉吸引，视觉吸引是非常有效的提示工具，通常在用户第一次打开某个应用，或进入某个新的界面时出现。简单的视觉吸引能扭转乾坤，把令人沮丧万

分的第一次使用经历变成满意的产品使用体验。[1]常见的网页视觉吸引的模式：

1.对话框

这是最常见的视觉吸引模式，它是网页中一种次要窗口，包含按钮和各种选项，通过它可以完成特定命令或任务。

2.提示

提示指给予相应的提醒、明示和解释，它可以出现在网页中的任何位置，比对话框更能融入到网页的应用情景。

3.使用导航

导航是网页布局中最重要的元素之一，是网页主要内容的提炼，是网站的框架更是网站信息的分类，直观漂亮的导航能吸引用户的操作。

4.视频演示

将视频嵌入到网页当中，通过视频形象直观的画面来吸引浏览者。在进行视频嵌入设计时，为了便于用户的操作，一般要提供常见的视频控制选项（停止、暂停、音量控制等）。

5.首次使用引导

用户首次使用网页或是网页界面中的某些操作时候，提供适当的引导，帮助用户进入操作界面，比如说利用图像或是其他视觉线索来引导用户使用。

6.持续视觉吸引

持续视觉吸引设计，主要是将一些网页元素进行有别于其他网页元素的设计（比如说，通过字体的大小、颜色区别开来），并将这些元素一直保持在网页中，通过持续的视觉刺激来吸引用户。

7.可发现的视觉吸引

可发现的视觉吸引是一种在保持页面简洁的前提下，用户通过执行特定交互操作的方法（如点击和滑动等），就能看到页面中某些隐藏的元素。如比较常见的视觉吸引模式是鼓励用户刷新数据的提示。

三、网页界面交互设计

“交互”是人与机器之间的相互作用。良好的交互能保持或是激发用户使用网站的兴趣，传统的网页交互设计重在技术上关注人机之间的交互，忽视了人机之

间“情感”交互。发挥设计中人的情感体验作用，使设计更具有人性化的自由，满足审美的追求，这不仅需要交互技术，更需要交互艺术。所以，从用户体验出发，来进行网页界面的交互设计。

1.交互技术

人机之间信息交互的有效性主要取决于交互技术。好的交互主要包括两方面：

（1）时效性

如今生活节奏的加快，人们更注重时效性，在人机交互过程中，如果交互不及时，浏览者就会厌烦甚至放弃浏览该信息，有网络调查研究表明，用户打开网页等待的时间最长为五秒，如果五秒之后没有任何的反馈信息，用户一般会放弃该网页的操作。所以，在进行网页界面设计时，要考虑到受众的心理，在提高交互速度的同时，也要为用户在等待交互过程中提供相关的信息，减少用户的疑惑以及焦虑。比如在用户等待操作时的，提供操作成功与否的信息或是提供操作成功的数据量和剩余所需等待的时间等。

（2）直观性

简单直观的交互能帮助用户快速完成任务，繁琐的交互会增加用户操作和思考的时间，也会引起用户心理上的厌倦。在进行交互设计时，反馈回来的信息要直接明了，因为在操作过程中用户都喜欢被告诉怎么做，而不喜欢去思考如何做。同时，交互设计要减少干扰，让用户的操作能更顺畅。

2.交互艺术

交互发生取决于交互技术，交互持续取决于交互艺术。交互艺术，是指运用一定的创意，使用户在体验交互的过程中，能沉浸其中，并保持愉悦的心情。在交互设计中，运用艺术表现形式，改变传统媒体的线性秩序叙事方式，强调观众的积极性和能动性，引导用户更好地进行交互操作，达到人机交互的自然、和谐。

四、结语

“以人为本”的创新设计是UI设计的核心，好的设计既是美的设计也是为人的设计，这也是未来UI设计的趋势。[2]所以，在网页UI设计中，我们要摒弃以往界面设计就是美工的观念，网页UI设计不是给网页进行简单的装饰和美化，而是要赋予其独立的思想和创意，结合用户的心理体验、行为习惯、生活方式等因素，以人为本，基于用户体验进行网页UI设计。

参考文献

[1]Tberesa Neil著.王军锋，郭偎，武艳芳译.移动应用UI设计模式[M].人民