您当前位置: 南顺网络>> 官方资讯>> 建站知识

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

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

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

(1)网络导航 101 法则

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

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

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

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

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

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

  • 感觉不到大小

  • 感觉不到方向

  • 感觉不到位置

(3)导航的用途

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

  • 它告诉我们当前的位置

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

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

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

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

(5)提供搜索

搜索的设计要注意三点:

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

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

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

(6)关于页面名称

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

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

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

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


  • (7)你在这里——关于“面包屑”

  • 面包屑帮你找到来时的路,其实就是级联菜单。

  • 你能清晰的知道自己在哪,如何来的。也可以快速回去。

  • (8)喜欢标签(TAB)的四个理由

  • 它们不言而喻:从来没有第一眼看到会不明白的用户

  • 它们很难错过:当Krug进行“用户点击测试”时,几乎所有人都会试着点击Tab标签

  • 它们很灵活:设计得当能增加修饰作用,更实用

  • 它们暗示了一个物理空间:能帮助你装载大量内容

  • (9)“后备厢测试”

  • 想象你被蒙上双眼,所在车子后备厢中,车子开动一段时间后,把你放在网站某个内容的某个页面上,你能迅速的判断出:

  • 这是个什么网站?(风格主题设计)

  • 自己现在在哪?(网页名称)

  • 如何回到主页?

  • 当前我有什么选择?(本页导航)

  • 网站主要栏目有哪些?(栏目清单)

  • 我怎么进行搜索?

  • 二、首先要承认,主页不由你控制

  • 1. 主页的任务

  • 站点的标识和使命:告诉我这是做什么的网站

  • 站点层次总览:网站概貌

  • 搜索

  • 建立可信度和信任感:专业优美的设计,是良好印象和继续使用的重要因素

  • 内容更新:展现活跃迹象,不是死水一潭

  • 友情链接:没办法

  • 快捷入口

  • 编辑:--ns868