帮助

关于Web设计中导航与主页的设计原则

2018-04-26 16:20 优化推广

最近在读Steve Krug的Don’t Make Me Think,本文基本是自己的读书笔记第二篇,拿出来做下总结和大家分享一下。想看第一篇的小伙伴,www.eyoucms.com

今天的主要内容是介绍一下Web设计中导航与主页的设计原则。

以下原则主要用在开放性的门户网站中,这类网站中用户流量较大,且用户注意力极容易被分散,这时一个Web页面的瞬间识别性直接关系到用户转化率,也就显得尤为重要。

而对一些比较专业的或指定性的网站,政府网站等,用户面临缺少其他选择,网站缺少替代性的情况,以下原则可能没有前者这么性命攸关,但也同样具有相当的指导意义。

一、导航设计——街头指示牌和面包屑

1、记住一个事实 :如果在网站上找不到方向,人们会放弃使用你的网站

(1)网络导航 101 法则

人们进入站点时会遵循一个类似的过程:

  • 人们通常是为了寻找某个目标

  • 人们会决定先询问还是先浏览

  • 如果选择浏览,人们会通过标志的引导在层次结构中穿行

  • 最后,如果没找到想要的东西,人们会离开

(2)Web与真实世界中的差异

  • 感觉不到大小

  • 感觉不到方向

  • 感觉不到位置

不论我是来闲逛还是来寻找固定内容,我能清晰地知道自己在哪,能去哪(明细分类),以及如何回去(主菜单)。

(3)导航的用途

  • 它给了我们一个被固定的感觉

  • 它告诉我们当前的位置

  • 它告诉我们如何使用网站

  • 它给了我们对网站建造者的信心

如今我们逛一些相当成熟的购物网站(比如淘宝)的时候,甚至比在百货商厦中的感觉更清晰。我能更便捷地找到自己想要的东西。(商品分类,新品促销,其他功能。。。)

Web导航的用法基于实际导航用法,但我认为web导航现在已经实现了对现实世界导航的超越。(可快速跳转,试错成本低)

(4)只要跺三次脚,说“我要回家”

让一个“返回主页”的按钮始终可见,这一点很重要,用户可以随时(在短时间内)回到主页,可以有效地减少用户迷失方向的焦虑。

(5)提供搜索

搜索的设计要注意三点:

  • 慎用花哨的用词:“快速搜索”“关键词搜索”“精确搜索”等等

  • 添加指示说明:在PlaceHolder中增加对搜索的描述

  • 添加选项:如果存在易混淆的搜索范围,如全站搜索?部分站点搜索?整个Web搜索?请加选项区分。

(6)关于页面名称

 
  • 标识要大:足够引人注目

  • 在合适的位置:通常在页面左上,目光焦点较多的地方

  • 每个页面都需要一个名称

  • 名称要和点击的链接一致


相关推荐

QQ在线咨询