《锦绣蓝图》全书书摘

一、八项基本原则：
（一）标识导引设计
1、利用标识导引设计，人们能了解四个方面：
（1）他们身在何处
（2）他们寻找的东西在哪里
（3）如何得到所搜寻的东西
（4）他们已经搜寻过哪些地方。
2、logo图标，提醒访问者正在访问哪一家网站；面包屑轨迹或一个视觉标识，告诉访问者处在系统中的什么位置；简明的页面标题，指出访问者正在浏览什么页面。
3、设计导航系统时，可以问问自己：“访问这个网站的人究竟想要些什么？”另外还要进一步考虑以下问题：“我希望访问者能轻松找到哪些东西？”一旦明确了这些问题，就应当保证访问者浏览网站时这些内容能够呈现在他们面前。
4、要清楚地区分链接的“过去”和“现在”状态，要显示出被单击过的链接。
（二）设定期望并提供反馈
1、在动作真正发生之前，要让用户知道动作尚未发生。
2、提醒用户正处在过程中的哪个阶段。有时用户必须等待一个过程完成，而这可能要耗费一些时间。为了让用户知道并不是由于他们的计算机运行太慢才造成的这种等待，可以显示一条信息，告诉他们目前的状况。在这里，动画尤其重要。因为动态变化能给人一种活动的感觉。
（三）基于人类工程学设计。照顾到手、眼、耳。
（四）保持一致，考虑标准
你的网站很可能不是用户访问的第一个网站。这意味着人们在浏览器窗口中键入你的网站URL时，他们已经对你将提供的内容心存期望。所以，设计一个网站之前，先浏览一下同类的和相关的网站，看看有哪些最佳实践模式可以借鉴。
（五）提供纠错支持——预防、保护和通知。
1、预防：在用法说明和对话中使用清晰、简洁和惯用的语言，防止错误的发生。
2、保护：要保存用户输入的信息。
3、通知：如果出现一个错误，要以一种客观的（而非评价式的）语气明确地告诉用户发生了什么状况，并尽力帮助他们从中恢复。
（六）要靠辨识，而不要仅凭记忆。用户原本就很匮乏的记忆力往往负担过重，如果能把记忆的重担转嫁给计算机，客户就会认为你的网站更胜一筹。
（七）考虑到不同水平的用户。新手、熟手、专家。
（八）提供上下文帮助和文档。在适当的时间以最简练的方式提供适当的帮助。应当把信息放在有明确标注的位置，而不要通通都归入过于泛化、无所不包的HELP之下。

二、用户中心设计的简单步骤：
1、发现目标用户
2、与目标用户交流
3、为目标用户设计网站
4、与目标用户一同测试网站
5、与目标用户一同测试最终网站

三、一切都要井井有条
1、人们访问一个网站主要有三个原因：
◆他们在寻找某个东西；
◆他们想要完成某项任务；
◆由于距离下一次会议还有5分钟的时间，他们想要在网上消遣一会儿。
2、访问一个web页面时，人们会问自己四个问题：
◆我在正确的位置上吗？
◆网站上有我要找的东西吗？
◆网站上还有没有更好的东西（如果这不是我想要的）？
◆我现在该做什么？
这意味着，网站要做到以下四点：
◆确保访问者处于正确的位置
◆要让访问者很容易找到他们想找的东西
◆确保访问者了解他们有哪些选择
◆允许访问者保存、购买、查找新的内容。
3、访问者来到你的网站时，首要看到的就是你的组织方案。不论你是否愿意，组织方案都会有两个作用。
（1）导向作用。它会告诉访问者这是这个面向X的网站。
（2）告诉访问者要做什么。它会向访问者展示“这事你可以研究/购买/查看/阅读/接触/共享的东西”。
4、在互联网上，要牢记标识导引的四大要素
（1）使用熟悉的组织系统。使用熟悉组织系统就相当于使用熟悉的接到标志帮助驾驶员在城市穿行。常用的组织系统：字母、位置、时间、连续区间（如排行榜）、数字、种类、随机。
（2）明显的标签。标签不是提升品牌的地方。这是一个路标，可以用来帮助人们找东西。
（3）导航就要像导航
（4）“在这里”和“到过这里”标志。
5、帮助用户发现更好的东西
（1）导航和面包屑轨迹：突出显示用户在网站中的当前位置，并显示相关的内容，是一个很好的做法。
（2）参考选项
6、人们确实找到他们喜欢的东西时，你要为下一步动作提供相应的选择。
7、对繁杂事物的组织：必须根据人们对网站的内容的看法来组织内容。有四种方法：
（1）观察别人
（2）研究竞争对手
（3）访问你的搜索日志
（4）完成卡片分拣
8、分面分类：每一样东西有多个特性，按照多个特性来给东西分类。
9、标签制定的原则：
（1）用户将了解的内容
（2）领域的一般约定
（3）公司品牌
10、分类有后果：分类不当会造成交易量下降等不当后果；分类提供上下文；分类受制于上下文。

四、信息架构
1、元数据是指信息的信息。元数据是所有组织系统的基础，从搜索到购物网站上的分面导航系统都依赖于元数据。元数据就是关于每一项内容的所有信息。常用的三类主要元数据包括：
（1）固有性元数据。与事物构成有关的元数据。是WORD、jpg、大小等。（说明了这个物品是什么）
（2）管理性元数据。与事物处理方式有关的元数据。编辑是谁？发表过否？（说明了物品的用途）
（3）描述性元数据。与事件本质有关的数据。主题是什么？相关主题是什么？（可以这样来描述这个物品）
2、可查找性：指一个对象能够通过搜索或浏览而被找到的能力。
3、创建一组描述性元数据时，要提取人们关于这个对象所讲述的故事。
4、手工元数据：针对物品有意识地增加手工元数据，可以让查找和搜索更简单。
5、受控词汇表
（1）受控词汇表就是一种控制所有词汇含义并跟踪相关词的方法。
（2）最简单的受控词汇是一组等价关系：A和B对于搜索来说含义相同
（3）层次关系：分类系统是一种更复杂的受控词汇表。除了等价关系，还显示了层次关系。
（4）关联关系：分类词典不仅仅是一个能提供更多、更好词汇的工具，分类词典还可以用来建立相互关联的词汇网络，帮助人们找到他们原先没有的东西。分类词典不只能显示层次关系，还能显示关联关系。关联词就是同属一个范畴，但并不相同的一些词，而且这些词也不是更广义或更狭义的词。如油、盐、酱、醋。
6、建立一个受控词汇表
（1）收集内容：建立一个内容目录。内容目录是对网站上现存的所有东西以及你希望网站能够增加的所有东西的一个记录。
（2）从尽可能多的来源收集词汇：如果内容中包含有词语，挑出当前主题独有的术语；查看现有的分类词典；与主题问题专家进行交谈；利用卡片分拣得出搜索者考虑术语的方式。
（3）定义优选术语：优选术语是一种内部控制词汇表，并保证所有人都能达成共识的工具，同时，它也是一种了解标记过程的方法。
（4）链接同义词和近义词
（5）按主题对优选术语分组
（6）找出广义术语和狭义术语：确定每个术语最适合放在层次结构的哪个位置，分出父词和子词。
（7）完成关联链接：对于各个优选术语，问问自己，用户下一步可能想起哪里。
（8）对选择及相应原因建立文档。
7、标签就是公开的关键字。通过标签，可以把范围缩小到你个人感兴趣的主题。
8、用户生成内容越来越普遍，标签已经成为创建可扩展分类系统的唯一途径。
9、标签可以让用户对内容进行个性化组织。
10、标签系统难题处理
（1）冷启动问题：怎样让用户开始使用标签系统？
◆尽量使用对人们更有意义的标签，如“材料”、“主题”、“关键字”、或者是任何适合网站内容的标签
◆包含一个简要的说明，指出如何对标签域旁边的对象加标签
◆通过找出描述中与众不同的词来创建初始标签。技术人员应当能通过一个程序找出这种与众不同的词，并显示为标签，这会让人们对于什么是标签以及标签有什么作用有所认识。
◆让公司的同事也来加标签，创建初始的示例和活动。
（2）明显标签问题：如何让人们创建大量标签？
◆允许很容易地增加大量标签。如标签系统使用一个包含逗号分隔标签的表单域。
◆建议大量标签，包括不太流行的标签。
◆回顾建议工具提供的流行标签和过于通用的黑名单。
（3）重复标签问题：
◆建议相关词
◆允许用户建议相关词
◆允许用户轻松关联标签的创建工具
（4）竞争者标签问题：暂无好的解决方案。

五、场景。
1、通常采用三种方式使用场景：
（1）作为一种设计工具
（2）作为一种评价工具
（3）作为一种交流工具
2、写出好场景的四个原则
（1）坚持理想体验
（2）不要讨论界面决策
（3）不要陷入细节
（4）坚持与角色同行。
3、如何建立网站路径图
网站路径图是一个草图系统，你可以利用网站路径图确定谁将是网站的用户，以及他们会完成哪些类型的动作。由此，你就能决定需要设计什么，并确定哪些设计对于网站的成功最为重要。
（1）先画一个大圆，代表交互系统。可以是一个网站，也可以是一组相互连接的网站。
（2）对于这个要设计的系统，加入你能想到的可能与该系统交互的各种类型的人物。
（3）尽力考虑人们还会通过哪些方式来到你的网站。
（4）最后，尽力考虑可能用完全不同的方式使用这个网站的人。
（5）考虑每一个场景。对于系统中可能发生的每一个事件，都要画一个圆，从一个圆到下一个圆画箭头，表示下一步将要发生的事件。直至考虑完所有的场景。
4、任务分析：是循序渐进地逐步分析用户如何完成任务。这里会非常仔细地查看完成一个任务所需的每一个动作。（流程图）

六．从方框到页面
1、页面必须要做两件事：
（1）帮助用户完成单个的任务。每一个页面都应当帮助用户完成一个独立的主要任务。
（2）保证能够轻松进入下一步。每一个页面都应当提供对任务链中下一个环的访问。
2、web上有三类页面
（1）导航页面帮助用户确定在哪里找到他们想要的东西，并提供访问途径。
（2）消费页面允许用户消费内容
（3）交互页面允许用户输入和管理数据
3、导航页面的存在就是为了把用户逮到另外某个地方；消费页面就是用户要去的“另外某个地方”，这些地方可以用来读文章、观看视频、查看照片或播放歌曲；交互页面是指人们想在其中键入、拖动、滚动、插入、编辑和删除信息的地方（交互页面一定要易于使用）。
4、不论你认为用户可能在页面上做多少事情，都只有一件最主要的事情，它比访问者想要做的所有其他事情都重要，而且这个任务才是页面设计首先需要大力支持的。
5、应当把用户的任务与适当的页面类型进行匹配。
6、决定完成一组任务要创建多少个页面时，可以考虑以下因素：
（1）用户的技术水平
（2）用户的带宽
（3）页面上的信息量
（4）用户要完成的任务
（5）用户完成任务的频率
7、界面设计中，有三种方法来完成交互任务组合：向导、控制面板、工具条
8、向导：多个方框，多个页面。
在软件设计中，每个页面完成一个步骤的布局称为向导。向导用于以下情况：
（1）用户希望完成一个包含多个步骤的目标。在确保不会漏掉任何一步方面，向导尤其擅长。
（2）步骤必须按顺序完成。向导是线性的，所以不可能以其他顺序完成这些步骤。
（3）很少完成这个任务。向导看起来速度很慢也很乏味，所以最好用于一段时间内只完成一次的任务，如安装一个打印机。
另外，存在以下条件时，也可使用向导：
（1）用户技术水平不高，如果页面上有太多选择，他们很可能会不知所措。向导可以让复杂的任务看起来比较容易。
（2）带宽很低，下载一个大页面看起来好像永远也下不完，或者任务需要多个服务器调用。
（3）任务中包含多个步骤，但一次访问只完成一个步骤，如结账。
9、一个页面上包含多个步骤的复杂布局称为控制面板。
对于不适用向导的情况，控制面板是不错的选择。另外，在满足以下条件时，控制面板也是不错的选择：
（1）应用很容易理解，而且选择很直观。
（2）通过将元素临近放置来提供上下文。
（3）这个界面经常使用，只有一个页面对用户来说非常方便，这会让他们非常满意。
10、工具条：可以让交互工具紧邻他们影响的工作区，这会提供很大的方便。满足以下条件时可以使用工具条：
（1）任务中有多个步骤，而且这些步骤可以按任意顺序完成。
（2）步骤除了可以直接完成外，需要随时取消和重做。
（3）工具与工作区的紧邻关系对于任务很重要。
（4）用户的技术水平能够支持实现。
11、确定应当有哪些页面时要记住重要的一点：每个页面都应当有一个用途。问问自己：“这个页面做什么？”如果没有一个很好的答案，就要把这个页面去掉。
12、网站图可以记录网站中的页面。它还包括页面之间的相互关系、页面之间的交互、以及很多其他方面。对网站图中的所有对象应该建立一个词汇表，这个词汇表应当能便于一目了然地确定网站图中有什么。
13、通过三个基本原则来优化下一步：
（1）这会帮助多少用户？
（2）他发生的频繁程度如何？
（3）对于用户或企业来说，这个下一步有多重要？
14、用户研究发现：用户希望“回到主页”链接位于左上角，而购物车往往位于右上角。用户希望广告位于右侧，如果把有用的链接放在页面右侧，就很可能被完全忽略。
15、如果发现有些链接特意设计得紧密相关，就可以将他们形成一个模块。
16、30秒内建立一个线框图
（1）在纸中间画一个方框。
（2）增加全局元素
（3）增加该页面的特定元素。指出以下内容：
◆重要程度
◆哪个是动态元素
◆文本和GUI类型
（4）最后一步：标注，标注，再标注。假装你并未站在看文档的人背后提供帮助。
17、对于线框图中的各个元素要考虑以下问题：
（1）内容来自哪里？如果有一组相关文章，要指出他们有什么关联。他们是最常查看的文章吗？最常从哪个栏目查看？
（2）内容的实质是什么？在长度、大小、语言和类型上有很大差别吗？
（3）元素是必要的还是可选的？如果元素没有出现在页面上会怎么样？布局会改变吗？
（4）元素是有条件的吗？它会根据其他元素变化吗？例如：管理人员会看到额外的链接吗？如果文章没有关联图像会怎么样？
（5）默认或期望状态是什么？理想情况下，页面上会展示哪些内容？
（6）有哪些候选或错误状态？如果出了问题，设计会怎样改变？

七、导航之道
1、用户查找信息的四种方法：
（1）已知项搜索
（2）探测搜寻
（3）不清楚需要知道什么
（4）再查找：人们可能想返回过去发现某些东西。
2、三类导航：
（1）结构导航：表示了内容的层次结构，往往采用全局和局部导航的形式。利用全局导航可以很容易地访问最重要的内容——这往往是网站的顶层类别。局部导航会带你前往网站层次结构中临近你当前所在位置的层次。
（2）关联导航：将一个页面与包含类似内容的其它页面相关联。这可以回答用户提出的问题，如：下一步是什么？我怎样才能……以及“还有什么内容”。
（3）可用性导航：实现了页面与帮助访问者使用网站本身的特性之间的关联。这包括登录、访问用户信息等特性。
3、三类导航对搜索行为的支持：
（1）结构导航：已知项搜索、探测搜寻、不清楚需要知道什么
（2）关联导航：探测搜寻、不清楚需要知道什么
（3）可用性导航：再查找
4、全局导航需要再网站的每一个页面出现。不论用户目前在哪里，通过全局导航用户可以访问网站上的任何位置。全局导航会告诉你这个网站有关于什么，以及你应当用它来做什么。全局导航放在什么地方不重要，关键是存在于网站的每一个页面。
5、局部导航也称栏目导航没因为它提供了一组链接，可以帮助用户找到某个特定栏目中的内容。
6、通过导航访问内容有两种基本模式：
（1）弹跳高跷：采用这种模式，用户会前往一个子类别，然后必须回到父类别来选择另一个不同的子类别。这种导航通常在用户浏览非常庞大的异构内容集时使用。（面包屑导航）
（2）蟹行：在这种模式中，用户可以此阿勇一种横向的方式在类别间转移，就好像螃蟹爬行一样。用户选择一个类别后，可以通过页面上提供的“兄弟”类别的链接。
7、关联导航要处理两个重要情况：
（1）用户成功地与页面交互后会发生什么？下一步是什么？（订阅、购买、打印等）
（2）如果这个页面并不是用户真正想要的东西时会发生什么？在用户离开之前能把他继续留在网站的安全网是什么？
8、安全网：如果访问者浏览一个页面，并认为这不是他真正想要的，就应该给出另一个页面，提供一些新的内容供他们查看。可以链接到一个相关主题的内容，或者链接到不同格式的同一内容。安全网在所有地方都有用。
9、用元数据推动关联导航：
关联导航就是为用户查看的内容关联更多的内容，可以有各种形式的关联：
（1）按时间
（2）按类型
（3）按主题或题目
（4）按兴趣
（5）按所有者或组
（6）按社区
10、可用性导航将工具和特性相连接，这些特性可以帮助访问者使用网站。可用性导航有一个惯例，他们总是放在页面右上方。
可用性导航经常出现的项目包括：登录、注销、访问用户的账户或个人信息、帮助、联系信息、指向地址的链接、搜索。可用性导航还可以包括：招聘、博客、新闻、书签、收藏夹、历史等。
可用性导航也需要再网站的所有地方都能访问到。
11、设计导航系统时，有三个问题需要回答：
（1）内容如何组织？
（2）用户希望做什么？
（3）你希望用户做什么？
12、分页导航：是一种特殊形式的导航，允许人们浏览多个页面。将大量的元素分为规模较小的几部分，不仅可以更快地下载，还可防止信息过载。
分页导航也有确定，没增加一个页面，读者就会减少50%。一个长页面比段页面要好，用户在单击前会滚动浏览。

八、构建社交空间
1、社交架构的五个原则
（1）信任并监控
（2）管理依赖于系统的规则和工具，而不是工作人员。
（3）默认为公开状态
（4）架构必须是自适应的
（5）不同用户量的不同规模的网站也需要不同的设计方法。
2、社交架构要素：身份、关系、活动
（1）身份：必须给每个用户一个身份，然后允许他们以其认为适当的方式进行定制。身份作为用户表达个性的一种方式，通常通过唯一登陆来访问并加以保护。根据身份，会针对参与度给予一些回报，包括威望的提升，以及能够收集系统中的一些项（书签、历史、关系，等等）。
（2）身份要素
在线身份的要素包括：
◆个性化信息
◆头像：头像可以为系统奠定基调。头像对于网站传达个性化和人性化来说非常重要。
◆在线状态：状态（提供给外界一个简短的信息）、历史（上次登录三小时前等）、统计信息（4587个人在线等）、生命迹象（表明人们确实在网站上，而且正在做某个动作，如一分钟前提交，新评论等）、交往（表示提供一个途径可以与其它用户交往）、位置（确定真实世界中的位置）
◆威望：在公共社区中，大量路过的访问者和外行参与者，或者人数太多，以至于无法以非正式的方式跟踪，威望体系就非常有用。
（3）关系：创建一些方法让人们辨识、联系和组织他们关心的人以及那些人产生的信息。关系分类的复杂性取决于客户如何使用你的网站。
（4）关系要素：
◆联系：常分为三种，强联系（没有见一次的人）、弱联系（每两周以上，但不超过一年见一次的人），除此之外会缺乏联系。
◆群：根据的是共享的兴趣或经历而不是个人情感而进行的联系。如校友会、工作组、专业组织。
◆规范：一个群会根据它所认为的好与坏，会拒绝不遵守规范的人。形成群往往处于两个原因：憎恶、崇拜。
（5）活动：找出网站支持的一些活动，要求不仅对个人重要，而且还会因为群的共同参与而得到改善。
（6）活动的要素包括：共享、交谈、协作、智慧汇集

九、文章页面
1、文章页面可能包含的元素列表：
◆文章
◆文章标题
◆文章日期
◆类别
◆关键字
◆作者信息
◆评论及评论表单
◆相关文章
◆相关内容（事件、工作）
◆文章评分
◆共享工具
◆文章评论摘要
2、相关文章类型：
◆相关类别的文章
◆有相关关键字的文章
◆同一作者的文章
◆最流行的文章
◆新文章
◆讨论热烈的文章