设计高易用性网站的8个实用的技巧,网站设计的基本原则

设计网站最重要的当然是达成网站目标，而易用性好坏也大大影响网站目标的达成率！下篇将介绍撰写网页文案及视觉动线的规划，协助读者理解高易用性网站建设的最基本原则：

1、吸引人的第一视觉区，留住使用者；

2、「接近律」与「封闭律」让使用者快速理解页面元素；

3、行动按键上的用字遣词大大影响页面转换率；

4、可以点的东西就要「看起来可以点」；

5、重要资讯主动展开在页面上，不要随易使用页籤隐藏内容；

6、页面底部与Footer比你想像的重要；

7、网页文案这样写，沟通更容易；

8、如何掌控使用者在网站上的视线。

重点一、吸引人的第一视觉区，留住使用者

第一视觉区是进入网站后的第一印象，许多网站的跳离率过高，与第一视觉区的设计有很大的关系！设计第一视觉区的基本要求就是「吸引使用者留在网站，继续浏览」，其中四个重点为：(1) 仅保留精华资讯，以节省高度、(2) 设置页面标题，协助使用者快速理解页面内容 (3) 让使用者理解页面下方还有内容、(4) 运用图片增加画面吸引力。

重点二、「接近律」与「封闭律」让使用者快速理解页面元素

(1) 接近律

简单的说就是运用人类视觉会将邻近的东西分成同一组的特性，所以在网站上如果想要将一群元素让使用者视为同一群体，可以增加和其他元素之间的空间，并将同元素之间的距离拉近。

(2) 封闭律

简单的说就是运用线、图或标题分割区域，让看的人更能理解区域间的差别。

重点三、行动按键上的用字遣词大大影响页面转换率

网页之间基本上是藉由连结移动，但是一般连结的点击率10%已经算是高的，因此用字要让使用者易于联想，增加点击意愿。

重点四、可以点的东西就是要「看起来可以点」

前面我们提到了，要让使用者点击内容本身就是一件不容易的事情，如果使用者在网页上无法辨认出连结的话，即使准备了吸引人的内容也徒劳无功。虽然扁平化的设计随著iOS7推出引起风潮，但从达成「让使用者点下去」的目的来看，能点的东西「看起来可以点」更重要！

(1) 蓝色或有底线的文字

在蓝色文字下方加上底线是沿用到今天的基本手法。由于近年重视文字的易读性及整体设计，不使用蓝色底线的网页也在增加，但观察到的使用者行为，「蓝色」或「底线」还是让使用者辨认出连结的重要因素，因此请尽量保留其中元素之一。另外，在并非连结的文字使用「蓝字」或「底线」的话，会让人误认为可以点击，要尽量避免。

(2) 行动按键要有按压感

关于行动按键的装饰，具有「可以按下」的感觉十分重要。通常在前端加入符号，赋予按钮网页连结感（一般为箭头或三角形），或在按键旁加入层次或阴影，或使用带有圆角的矩形，便可以为按键加上按压感。

重点五、重要资讯主动展开在页面上，不要随易使用页籤隐藏内容

许多网站喜欢用页籤（Tab）的方式设计，但页籤的致命处在使用者没有强烈动机寻找资讯时，很容易忽略页籤以致没看到藏在页籤中的重要内容。设计网站时要考虑使用者上网的心境，有些网站偏向功能型网站（如：网路银行），有些网站是娱乐型网站（如：网购平台）。使用者造访功能型网站时，寻找资讯的动机强烈，即便我们只放一个关键字，使用者也有意愿找到那个关键字并点击；但娱乐型网站不一样，一般网购平台的首页浏览情境都是打发时间，若使用页籤等隐藏资讯的设计，这些被隐藏起来的内容很有可能就直接被忽略了！网页设计师在思考页面内容应该如何配置时，一定要一併考虑使用者造访网站的积极性，才不会误将重要内容的曝光度打折扣。

设计高易用性网站的8个实用小技巧

最新推荐

随机文章