图片加载中......
当前位置: 欧视观点 > 设计教程 >
设计高易用性网站的8个实用小技巧

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

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

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

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

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

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

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

  7、网页文案这样写,沟通更容易;

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

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

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

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

  (1) 接近律

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

  (2) 封闭律

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

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

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

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

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

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

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

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

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

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

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



微信平台
  • 地址:河北省石家庄市裕华区西美五洲天地3#601
  • 电话:0311-86680618 86680658 67266588
  • 网址:www.hebeioushi.com
  • 邮箱:hebeioushi@163.com
  • 人才招聘:jinshijie@163.com

联系我们 | 地址地图

欧视文化传媒有限公司
Hebei Oushi Culture media Co., Ltd

欧视文化传媒有限公司创建于1998年,经过多年的拼搏进取,积累了丰富的市场操作与媒体传播经验,现已发展成为:影视剧制作与发行、纪录片制作、广告制作、企业宣传片制作;VI设计与制作;品牌策划与推广;大型活动策划执行;广告策划、代理与发布;《今视界》新媒体平台运营于一体的综合性文化传媒公司

Copyright© 2012 Phoenix New Media Limited All Rights Reserved

冀ICP备11003196号-8 增值电信业务经营许可证:冀B2-20115089 广播电视节目制作经营许可证(冀)字第0114号 网络文化经营许可证 冀网文【2012】0034-001号