设计导航

第六章 街头指示牌和面包屑

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

网络导航101原则

你通常是为了寻找某个目标

你会决定先询问还是先浏览

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

最后,如果找不到想要的东西,你会离开

无法承受的浏览之轻

感觉不到大小;

感觉不到方向;

感觉不到位置

后退按钮是浏览器上用的最多的按钮

web导航

通过具体化网站的层次结构补偿了网站缺失的空间感,营造出某种位置的感觉。

导航的重要却易被忽视的功能:

1、它告诉我们这里有些什么

体现站点内容可能比引导我们或告诉我们位置更重要

2、它告诉我们如何使用网站

导航的职责,含蓄的告诉你该从哪里开始,你能进行哪些选择。

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

清楚、规划得当的导航是网站给人留下好印象的机会。

持久导航

包括4个元素:站点ID、实用工具、栏目剧、搜索

站点ID就像建筑物的名称,可以是一个回到主页的链接

栏目有时也叫主导航条,是到达该站点主要项目的链接,即站点层次结构的最顶层

实用工具是到达网站中不属于内容层次的重要元素的链接

提供搜索,喜欢搜索的用户比喜欢浏览的用户更多

大多数用户到达一个新站点后,第一件事就是扫描页面,看有没有搜索按钮

底层导航同样重要,用户在底层页面上画的时间与顶层页面相同。

页面名称

每个页面都需要一个名称

页面名称需要出现在合适的位置

名称要引人注目

名称要和点击的链接一致。名称一样→感到安慰信任,不需要思考;名称不一样→感到挫折,信任感降低。

“你在这里”标记当前位置

要抵消网络固有的迷失感,其中一种导航方式是告诉我当前在什么位置。在Web上,这可以用突出我当前的位置来做到,不管是在页面的导航条、列表还是在菜单上。具体措施可将当前的位置在导航上面标粗\变色。保证他们突出的方式采用不止一种视觉区别——例如,使用不同的颜色并加上粗体。

层级菜单——面包屑

也会告诉你当前的位置。

最佳实践方式:把它们放在最顶层;使用>对层级进行间隔;加粗最后一个元素(最后一个元素是当前界面的名称,让它变粗正好得到了应有的突出)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,185评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,652评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,524评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,339评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,387评论 6 391
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,287评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,130评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,985评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,420评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,617评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,779评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,477评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,088评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,716评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,857评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,876评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,700评论 2 354

推荐阅读更多精彩内容