魔琳人生-路漫漫其修远兮

虽然只是本很薄的一本书，自己还是看了有…很长一段时间。这次终于给自己下了死命令了，所以总算是继续开始把笔记整理出来。
前面几个章节大家有兴趣的话可以看： 《Don’t Make Me Think》读书笔记一
ps:要有点耐心~~

第六章 街头指示牌和面包屑–设计导航

记住这个事实：如果人们在网站上找不到方向，人们不会使用你的网站。
网络导航101法则
很多时候，进入网站都是遵循如下的过程：

1. 通常都是为了寻找某个目标。
2. 你会决定先搜索还是先浏览:如同在商场购物你会决定是找服务员询问还是自己寻找，区别是在网站上等价的服务是搜索。另一些人则会先浏览，只有在他们久寻不到或对这个网站完全绝望的情况下才开始搜索。
   对任何人来说，先搜索还是先浏览取决于他们的打算、匆忙程度，以及网站是否有良好的导航机制。
3. 如果选择浏览，将通过标志的引导在层次结构中穿行。
4. 最后，如果找不到想要的东西，你会离开。

无法承受的浏览之轻
在网络上找东西和在现实中找东西有很多相似之处，但是在WEB上的体验缺少了许多我们在生活中用来同空间相处的感觉，想想下面这些WEB空间的奇怪之处：

1. 感觉不到大小：即使在频繁使用的网站（除非真的很小），我们很难感觉它有多大。我们只知道可能有很多角落我们从未涉足。同生活中具体的事物相比，我们没有“视野之内/视野之外”的规模估计。
   实际上，你很难知道是否已经看到了这个网站上所有感兴趣的内容，因此也很难知道什么时候该停止寻找。
2. 感觉不到方向：只有更一般的层次或更具体的层次。
3. 感觉不到位置：点击到的一个新页面是通过链接移动，没有空间上的移动。如果要回到之前访问的内容页面，我们不是依靠它在哪里的物理感觉，而是记住它在概念层次上的位置，然后重新顺着链接过去。
4. 这就是书签–存储的个人捷径–如此重要的原因，也是为什么后退按钮的点击率占据网络上所有点击率的30%~40%的原因。
   它也解释了为什么主页的概念这么重要。相对来说，主页就是固定的空间。当你在一个网站上，主页就像北极星，可以点击它给你一个重新开始的机会。
   缺乏物理感觉既是好事也是坏事。从好的方面说，这种无重状态让人愉快，也部分解释了为什么在WEB上容易忘记时间–这和我们在入神地读一本好书时一样。
   （PS:这也是为什么载入太慢的页面令人讨厌的原因，如果你只能达到每小时几英里的速度，那么飞行还有什么乐趣呢？）
   从坏的方面说，导航在WEB上比在物理空间上要重要得多，我们置身网络时，本来就是迷路的。如果还不能通过那些走道知道我们的位置，就会缺乏空间感，对浏览失去信任度和耐心。

被忽视了的导航的用途

1. 给我们一些固定的感觉
2. 它告诉我们当前的位置
3. 它告诉我们如何使用网站
4. 它给我们对网站建造者的信心

导航的两个显而易见的用途就是帮助我们找到相要的任何东西和告诉我们现在身处何处。
Web导航习惯用法
一般的全局导航都包括站点ID，回主页的方式，搜索，使用工具，栏目。而且WEB上已经有了导航的习惯用法。
但是，并不是每个页面都一定需要全局导航，下面两种情况例外：
主页:它要承担一些不同的任务，遵守一些不同的承诺。下一章会有详细介绍。
表单:表单填写时，用户只想关心在做的事情，需要一些简单的链接和实用工具即可。持久导航可能会成为不必要的干扰。
导航的重要元素：

1. 网站ID或LOGO:和我们希望在正门口见到建筑的名字一样，我们希望在页面的上方见到站点ID。（通常在左上角）
   因为站点ID代表了整个网站，也就是说，它在当前站点结构中层次最高。
2. 栏目:有时候也称为主导航条，是到达站点主要栏目的链接。在大部分情况下，持久导航也包括二级导航的现实位置，它们一般处在对应栏目的下一级。
3. 实用工具:是到达网站中不属于内容层次的重要元素的链接。要么帮助我们使用站点，要么提供网站发布者的信息。
4. 回到首页的链接或按钮

提供搜索

搜索要避免:
1. 花哨的用词
2. 提示说明
3. 选项

如果想提供选项来调整搜索的范围，在它有用的时候再提供（当到达结果页面发现内容太多的时候，就需要缩小搜索范围）。
例如：Ａmazon书店成功的原因就是人们可以不加思考的搜索任何东西，而很多网上书店，用户在输入想查找的书籍后都会失败，并且他们对自己的失败显得迷惑不解，因为他们错误的　理解了那些选项。
【坚决赞成，就如我们的网站，搜索居然是 文章，用户，家园，讲坛。这不是一个类别层次上的划分。经编辑的一再解释我才明白（就不重复了，很啰嗦）可见用户是没法一下理解的。搜索结果也很可能和自己想象的不一致。。。汗啊】

其次，再次，再再次
目前很多网站一旦到了第二个层次以下，导航就会变得支离破碎，随意发挥。原因如下：

1. 良好的多级导航本来就很难设计
2. 设计师及时在设计前两个层次时也常常感到时间不够
3. 它看起来并不重要

【事实上，网站的开发，工期是一个比一个压得紧。到后期繁忙时期，真的不会有人注意到三级下的设计了。】
事实上，用户在底层页面上花的时间通常和花在顶层页面的时间相同。

页面名称，或者说为什么我喜欢在洛杉矶开车

1. 路牌标志很大
2. 它们总是在合适的位置:页面名称就是Web上的路牌。和路牌一样，如果一切顺利，我可能根本不会注意页面名称，但一旦觉得自己可能方向不对时，就需要毫不费劲地看到页面名称来确定方向。

关于页面名称，需要注意以下四点：

1. 每个页面都需要一个名称
2. 页面名称要出现在合适的位置。页面名称应该出现在涵盖该页面内容的位置。
3. 名称要引人注目
4. 名称要和点击的链接一致

面包屑
和“你在这里”不同的是，“你在这里”指示器告诉你所在的站点层级结构的前后关系，而面包屑告诉你从主页到当前位置的路径。
面包屑的几个最佳实践：

1. 把它们放在最顶端:因为不是二级导航，当面包屑放在最顶端高于所有内容时最有效。如果放在边缘，会和主导航条竞争，让人思考哪个才是真正的导航。
2. 使用“>”对层级进行分隔
3. 使用小字体:再一次清楚地表明它是补充机制。
4. 使用了文字“你在这里”
5. 将最后一个元素加粗
6. 没有把它们用作页面的名称

我喜欢标签的四个理由
标签是大型网站导航的上佳选择，因为：

1. 它们不言而喻
2. 它们很难错过
3. 它们很灵活
4. 它们暗示了一个物理的空间

但是，要充分发挥标签的作用，标签的图形必须营造出以下效果特点：激活的标签页位于其他标签页前。注意颜色的统一，标签色和底色。

页面导航在以下几个面必须做到清晰：
网站ID 网页名称 栏目清单 我的位置
可以自己尝试着打印一些页面尽快找到以上几个项目。

第七章 首先要承认，主页不由你控制—设计主页

主页要完成的任务：

1. 站点的标识和使命—要告诉我们这是什么网站，它是做什么的。还有，可能的画，告诉我为什么我应该在这里，而不是别的网站。
2. 站点层次—要给初网站提供的服务的概貌，包括内容和功能。
3. 搜索
4. 导读—用“里面有精彩内容”的暗示来吸引。
5. 内容更新—主页应该有一些经常更新的内容。即使不需要固定访问者的网站也要有一些活跃的迹象告诉我们这并不是一潭死水。
6. 友情连接—预留空间，放置广告，交叉推广等。
7. 快捷方式—最常访问的内容片段。
8. 注册—应该为新用户注册和老用户登录提供链接，并且要有某种方式让我知道已经登录。
9. 让我看到自己正在寻找的东西—应该让我想要的东西显而易见。
10. …还有我没有寻找的—也应该让我看到一些很精彩的，我也许会感兴趣的东西。
11. 告诉我从哪里开始—在一个新网站里，无从下手的感觉糟糕透了。
12. 建立可信任度和信任感—主页是你的网站给访问者留下好映像的唯一机会。

而且你必须……蒙上眼睛
似乎以上几点你觉得完成起来没有什么问题，但是它们还需要在不利的环境下完成，一些常见的约束有：

1. 每个人都想占一席之地:既然这是一个几乎每个访问者都会看到的页面，那么在主页上突出推介内容很容易造成“大塞车”。而且大多数用户是沿着页面扫描下来，找到感兴趣的链接就会离开，那么相对稀少的主页首要位置就是海景地产中的极品，地皮争夺也会更加白热化。
2. 想要参与的人太多:因为主页十分重要，因此每个人（甚至包括CEO）都想对它发表看法。
3. 一个尺寸要适合所有人:要呈现在每个访问者面前，不管他们的兴趣差别多大。

第一个受害者
假设网站非常复杂，那么就算是最好的主页设计也无法全部做到表现所有内容。因此要折衷。在混乱中有些东西会被遗忘，但是有一件事不能忘记—而它往往会被忘记—传达整体形象。
越快越好，越清楚越好，在第一次进入一个新网站时，主页应回答我头脑里的四个问题：
1.这个是什么网站？
2.我能在这里做什么？
3.网站上有些什么？
4.为什么我应该在这里，而不是别的地方？
我要能在第一眼之内回答这些问题，并且还要正确无误、毫不费劲地回答出来。
总是有很多人—-在开发团队内部或外部—-全力保证完成这些工作。然而，通常没有人来监督整体形象是否准确传达给访问者。

如何传达
主页上每一样东西都有助于我们理解这个网站是做什么的，但是在这个页面上有两个重要的位置，我们希望能从这里找到清楚的陈述：

1. 口号—最有价值的位置之一是靠近站点ID的地方。关于站点描述的口号就在这。
2. 欢迎广告—是网站的简要描述，在这也的首要位置显示。

下面是几条传达信息的知道原则：

1. 需要多大空间就使用多大空间
2. 但也不要使用过多的空间
3. 不要把使命陈述当作欢迎广告
4. 最重要的是进行测试

没有什么比得上一个好口号
口号是一条精炼的短句，刻画了整个企业，总结它是什么。在网站上，口号可能出现在站点ID的下方、上方或则旁边。
好的口号：清楚，言之有物，长度适中，突出网站特点和显而易见的好处，有个性生动以及俏皮。

口号？我们才不需要什么讨厌的口号
有些网站不需要口号，例如：
ebay、amazon、salon。
这几个网站已经达到家喻户晓的底部，其品牌在网站建立之前就是很有名的网站。
不过，在作者个人看来，这些网站也会从口号中受益。毕竟，不管你有多出名，为什么要放过这样一个并不张扬的机会来告诉人们为什么他们应该呆在你的网站？

第五个问题
一旦知道网站是做什么的，接下来就是主页需要回答的另一个重要问题了。
5.从哪里开始？
当进入一个新网站时，快速扫描主页后，我应该明白的知道：
如果我要搜索，从哪里开始；
如果我想扫描，从哪里开始；
如果我想扫描网站最精彩的内容，从哪里开始。

最好的方法是让每个起点看起来像起点，也就是说，让搜索框看起来像搜索框，让栏目列表看起来像栏目列表。此外，要清楚地给它们加上文字描述，例如“搜索”、“分类浏览”等。

主导航可以不一样
由于主页独特的职责，通常不必使用持久导航，只是不要相差太远就好。常见的差别包括：

1. 栏目描述:也许需要在每个频道下列出子频道名等。
2. 不同的方向:布局可能和子页不同。
3. 用于识别的空间更多:如站点ID通常比子页会大。

但是不要进行不必要的改动，保持一定程度上的一致性。

下拉框问题
很多设计师会因为空间节约问题选择下拉框。但是它必然存在着以下的问题【特别是当选项很多时】

1. 你必须把它们找出来
2. 它们难以扫描
3. 它们不好控制

在主页上进行推介的问题是它的效果太好了，任何项目，只要在主页上有一个链接，它肯定会得到更多的访问量—-这会让其他的利益相关者想到：“为什么我不来一个”。
问题是，在主页上增加更多项目所得到的和付出的并不一致。得到推介的栏目获得了巨大的访问量，而由于主页变得混乱而造成的有效性总体损失则要由所有的栏目一同承担。

防止主页过度被推介需要一直保持警惕，因为这种情况通常是渐渐发生的，随着慢慢地，冷冷的增加“只是…还有一点…”
应该让所有的利益相关者知道过度使用主页的危险，并且提供其他方法来缓解这种需求，例如从其他热门页面进行推介，或者轮流使用主页上的同一块空间。

更多内容见此~~
魔琳人生：www.linlife.com