随着信息化的深入,网页成为人们浏览信息、获取信息、放眼世界的主要窗口之一。在传统网页的界面设计中,人们认为网页界面设计就是美工,而美工就是单纯对网页进行装饰。随着网络技术的发展与普及,网页界面设计的技术在不断的进步,设计的理念也在不断的更新,网页界面设计不再是单纯的视觉设计,而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计,基于用户体验的网页UI设计是当前研究的热点。
一、网页UI设计及用户体验
UI即User Interface(用户界面)的简称,指对软件的人机交互、操作逻辑、界面美观的整体设计。网页UI设计用户体验(UserExperience,简称UE)则是一种纯主观在用户使用产品过程中建立起来的感受。由于生活习惯、文化背景、行为方式及心理体验等不同,用户体验产品时会有不同的感受,一个好的UI设计要能充分满足大众的需求,使用户在体验过程中都能心情愉悦、操作流畅、交互高效。
就网页UI设计而言,用户浏览网页的需求是什么?抽象出来可以归纳为两点:一浏览信息,二操作数据。这里的数据是指在数据库中躺着的数据,用户在单纯浏览信息时,不会对页面背后的“数据”造成任何操作,但用户进行点击链接、跳转页面和处理信息时,就要和页面背后的数据进行交互。所以,在做网页UI设计时候主要满足于用户的这两方面的需求,第一是用户在浏览信息时候,要有一个赏心悦目的界面,即网页界面的视觉设计要美观。第二是用户在操作数据时候要高效,即网页界面的交互设计灵活。
二、网页界面视觉设计
爱美之心人皆有之,漂亮的网页界面能吸引浏览者的眼球、提高网页的浏览量。传统网页美工设计,更注重网页的布局以及网页的颜色搭配,换言之,就是重在设计网页平面效果图和以及对网页进行装饰。随着人们生活节奏的加快,快餐文化日渐丰富,仅靠传统网页美工已不能适应当今网页发展的需要。那么,如何让你的网站跟上时代的步伐,满足当今用户的需求呢?
从用户体验出发:什么东西能让我们从电脑屏幕上看到接近于现实世界的东西?是视觉吸引,视觉吸引是非常有效的提示工具,通常在用户第一次打开某个应用,或进入某个新的界面时出现。简单的视觉吸引能扭转乾坤,把令人沮丧万分的第一次使用经历变成满意的产品使用体验。[1]常见的网页视觉吸引的模式:
1.对话框
这是最常见的视觉吸引模式,它是网页中一种次要窗口,包含按钮和各种选项,通过它可以完成特定命令或任务。
2.提示
提示指给予相应的提醒、明示和解释,它可以出现在网页中的任何位置,比对话框更能融入到网页的应用情景。
3.使用导航
导航是网页布局中最重要的元素之一,是网页主要内容的提炼,是网站的框架更是网站信息的分类,直观漂亮的导航能吸引用户的操作。
4.视频演示
将视频嵌入到网页当中,通过视频形象直观的画面来吸引浏览者。在进行视频嵌入设计时,为了便于用户的操作,一般要提供常见的视频控制选项(停止、暂停、音量控制等)。
5.首次使用引导
用户首次使用网页或是网页界面中的某些操作时候,提供适当的引导,帮助用户进入操作界面,比如说利用图像或是其他视觉线索来引导用户使用。
6.持续视觉吸引
持续视觉吸引设计,主要是将一些网页元素进行有别于其他网页元素的设计(比如说,通过字体的大小、颜色区别开来),并将这些元素一直保持在网页中,通过持续的视觉刺激来吸引用户。
7.可发现的视觉吸引
可发现的视觉吸引是一种在保持页面简洁的前提下,用户通过执行特定交互操作的方法(如点击和滑动等),就能看到页面中某些隐藏的元素。如比较常见的视觉吸引模式是鼓励用户刷新数据的提示。
