锦绣蓝图

按有用程度 按页码先后 最新笔记

• 

  导航之道-让人们找到各种好东东

  言若一不小心 (主动生活)

  

  最近在做导航的优化，所以专门读了这一章，在这里记录一下本章摘要。 1.导航是为了让用户便利得找到自己想要的东西。在做导航之前，先要清楚用户查找信息的四种方法： （1）对明确事物的搜索 （2）对明确需求但是模糊事物的搜索 （3）对模糊需求的搜索 （4）在查找，即返回去看之前发现的某些东西 其中前三种是按照需求的明确程度来划分的。 2.几种不同类型的导航 （1）结构导航，分为全局导航和局部导航，主要体现.. (更多)

  最近在做导航的优化，所以专门读了这一章，在这里记录一下本章摘要。

  1.导航是为了让用户便利得找到自己想要的东西。在做导航之前，先要清楚用户查找信息的四种方法：

  （1）对明确事物的搜索

  （2）对明确需求但是模糊事物的搜索

  （3）对模糊需求的搜索

  （4）在查找，即返回去看之前发现的某些东西

  其中前三种是按照需求的明确程度来划分的。

  2.几种不同类型的导航

  （1）结构导航，分为全局导航和局部导航，主要体现的是内容的层级结构。其中全局导航主要有两种处理方式：弹跳高跷（其实就是路径指引、面包屑），一种是蟹行法（将导航平行展开，现在豆瓣采用的方式）。结构导航也可按层来计算，比如豆瓣读书是一个三层导航。

  
  

  （2）关联导航，将一个页面与包含类似内容的其他页面相关联，它提示用户下一步该做什么，以及为用户推荐更多的内容、编织起将用户留在站内的安全网。

  
  

  
  

  （3）可用性导航，帮助用户使用网站本身的特性，一般出现在页面右上角。

  3.设计导航时需要想清楚的三个问题：

  （1）内容如何组织？ （2）用户希望做什么？ （3）你希望用户做什么？

  其中网站导航系统和网站的内容组织方式不一定是同一个东西。

  成功的网站应当是在用户所想与企业所需之间达到一个平衡。导航应当帮助用户做他们想做的事情，但是也需要 帮助用户做你希望他们做的事情。导航要有利于实现你的业务模型，好的导航能帮你的企业盈利。

  (收起)

  2011-10-11 22:28:07   回应

  收藏

  推荐
• 

  第1章　八项基本原则

  dream (问题看起来很大，但祝福更大！)

  第1章　八项基本原则　 　　1.1　原则1：标识导引设计　 　　1.2　原则2：设定期望并提供反馈　 　　1.3　原则3：基于人类工程学设计　 　　1.4　原则4：保持一致，考虑标准　 　　1.5　原则5：提供纠错支持——预防、保护和通知　 　　1.6　原则6：要靠辨识，而不要仅凭记忆　 　　1.7　原则7：考虑到不同水平的用户　 　　1.8　原则8：提供上下文帮助和文档　 　　1.9　本章内容有可能在5　秒之后就荡然无存 ———.. (更多)

  第1章　八项基本原则　

  　　1.1　原则1：标识导引设计　

  　　1.2　原则2：设定期望并提供反馈　

  　　1.3　原则3：基于人类工程学设计　

  　　1.4　原则4：保持一致，考虑标准　

  　　1.5　原则5：提供纠错支持——预防、保护和通知　

  　　1.6　原则6：要靠辨识，而不要仅凭记忆　

  　　1.7　原则7：考虑到不同水平的用户　

  　　1.8　原则8：提供上下文帮助和文档　

  　　1.9　本章内容有可能在5　秒之后就荡然无存

  ————————————————————————————————————————

  不要让用户迷失

  1、我在哪

  2、我要的东西在哪

  3、我怎么拿到我要的东西

  4、我找过那些地方了

  ————————————————————————————————————————

  用户有控制欲，一切要尽在掌握

  为用户的每个动作设定相应的期望，清楚地显示这些动作的结果。

  我要达到我的目的需要经过几个步骤，我现在在哪个阶段中。

  我要随时知道我操作网站的情况状态。

  ————————————————————————————————————————

  用户是人类

  手：滚动距离和滚动频率

  眼：全盲、色盲、近视、远视等多种情况

  耳：聋、嘈杂环境

  ————————————————————————————————————————

  用户有旧习惯，也可以帮助用户养成好习惯

  借鉴同类网站，考虑做法原因，明白哪一种做法最佳

  设计时一定要明确你的网站有哪些约定，打破这些常规时一定要慎之又慎。另外还需要不断用样式指南来约束自己的决定，以确保设计风格保持一致。

  ————————————————————————————————————————

  对于用户犯错的防止、避免和安慰

  避免给用户造成某种悲观情绪

  预防：明确告诉用户该怎么做

  保护：比如自动保存草稿

  通知：如果出错，需明确告知用户发生了什么，尽力帮助他们恢复，避免下一步再犯错。

  ————————————————————————————————————————

  用户健忘

  帮助用户记住

  ————————————————————————————————————————

  用户会成长

  用户会越来越熟悉网站，所以设计应当有助于用户自我提升，达到一个让他满意的级别。

  ————————————————————————————————————————

  在用户需要时提供最快的帮助

  在适当的时间以最简练的方式提供适当的帮助。应当把信息放在有明确标注的位置，而不要统一泛泛地放在help下。 (收起)

  2011-09-15 17:24:13   回应

  收藏

  推荐
• 

  全书精华

  子恒 (言勿尽善，善勿尽言。)

  八大基本原则： 原则1：标识引导设计； 他们身在何处？他们寻找的东西在哪里？如何得到所搜寻的东西？他们已经搜寻过哪些地方？ 原则2：设定期望并提供反馈； 在动作真正发生之前要让用户知道动作尚未发生（图片编辑未损坏原图）；提醒用户正处于过程中的哪个阶段； 原则3：基于人类工程学设计； 手：滚动距离、滚动频率；眼睛：字体颜色、大小；耳朵：慎用音乐； 原则4：保持一致，考虑标准； 设计一个网站之前，... (更多)

  八大基本原则： 原则1：标识引导设计； 他们身在何处？他们寻找的东西在哪里？如何得到所搜寻的东西？他们已经搜寻过哪些地方？ 原则2：设定期望并提供反馈； 在动作真正发生之前要让用户知道动作尚未发生（图片编辑未损坏原图）；提醒用户正处于过程中的哪个阶段； 原则3：基于人类工程学设计； 手：滚动距离、滚动频率；眼睛：字体颜色、大小；耳朵：慎用音乐； 原则4：保持一致，考虑标准； 设计一个网站之前，先浏览一下同类的和相关的网站，看看有哪些最佳实践模式可以借鉴； 原则5：提供纠错支持——预防、保护和通知（表单设计） 原则6：要靠辨识、而不是仅凭记忆 原则7：考虑到不同水平的用户： 只需访问网站大约3次，用户就能达到中等水平。并且在这个水平上保持相当长的时间。 新手用户和专家用户都很少。设计应该有助于用户水平自我提升，达到一个让他满意的级别（最初扫描不容易发现而浏览容易发现并且容易操作的功能）。 原则8：提供上下文帮助和文档

  用户中心设计五步： 1.发现目标用户； 2.与目标用户交流； 3.为目标用户设计网站； 4.与目标用户一同测试网站原型； 5.与目标用户一同测试最终网站；

  人们访问一个网站主要有3个原因： 1.他们再寻找某个东西； 2.他们想完成某项任务； 3.时间间隙消来磨时间； 在访问一个web页面时，人们会问自己以下4个问题： 1.我在正确的位置上吗？（确保访问者处于正确的位置） 2.网站上有我要找的东西吗？（要让访问者很容易找到需要的东西）——用户习惯的组织系统； 3.网站上还有没有更好的东西？（确保访问者了解他们有哪些选择） 4.我现在该做什么？（允许访问者保存、购买、查找新的内容）——用户接下来能做什么？成本高吗？ 卡片分拣任务。

  元数据：固有性元数据（是什么）、管理性元数据（用途是什么）、描述性元数据（怎样来描述）

  角色扮演：扮演用户，体验用户的心情； 创建角色： 从用户调研中得到几个结果： 技术经验、年龄段、工作（使用）流程、愿望、地址等，基于这些创建角色； 角色设置： 主要角色：常见的用户类型。对产品的商业成功很重要，而且从设计的角度看也是必不可少的。通常是一个初始用户或者技术水平不太高的用户； 次要角色：专业用户或者锱铢必较的新用户。从企业角度看这些用户的价值不是很大，但是在客户支持方面却成本很高（考虑节约）； 补充角色：对系统有着完全不同的需求（需求不直接对口），通过这些人了解产品的侧面； 场景：讲故事！不要深入细节 网站路径图： 不同的用户需求都要考虑，在大圆外画好用户，圆内为流程；

  页面必须做的两件事： 1.帮助用户完成单个的任务； 2.保证能够轻松进入下一步； 分清三类页面： 1.导航页面：为了把用户带到另外的某个地方（方便用户找到目的地并且离开）； 2.消费页面：用户消费内容（有好的内容并且容易获取）； 3.交互页面：用户输入和管理数据（易于使用）； 角色任务分拆，分析每一步都属于哪个页面类型，相应的合并任务，优化流程；

  关于导航 用户查找信息的4种方法： 1.已知项搜索：用户知道自己在找什么（网站要让用户很容易找到） 2.探测搜索：用户有一个需求，但是不确定什么能满足这个需求（给用户多种选择） 3.不清楚需要什么： 4.再查找：用户以前发现过，现在回去找

  工作步骤： 1.需求是什么（收集需求）； 2.问题到底是什么（深挖，问N个为什么）； 3.重新构造问题（找到问题的共性，确立优先级）； 4.用户是谁（创建用户角色）； 5.用户希望做什么（用户理想体验场景）； 6.我们的内容是什么（可查找性）； 7.技术如何实现； 8.设计关键字页面（任务分析中的尚未存在的页面如何设计）； 9.设计文章页面（消费页的设计）；

  (收起)

  2011-12-20 17:11:34   回应

  收藏

  推荐

• 

  第1页

  咖啡猫 (轻猫淡写 weibo.com/1217463900)

  记录下这本书 (更多)

  记录下这本书 (收起)

  2011-04-22 14:49:49   回应

  收藏

  推荐
• 

  第1页

  elliot (他人皆菩萨，唯我为凡夫)

  目录： 第1章 八项基本原则 经验与规则 1.1 原则1：标识导引设计 1.2 原则2：设定期望并提供反馈 1.3 原则3：基于人类工程学设计 1.4 原则4：保持一致，考虑标准 1.5 原则5：提供纠错支持——预防、保护和通知 1.6 原则6：要靠辨识，而不要仅凭记忆 1.7 原则7：考虑到不同水平的用户 1.8 原则8：提供上下文帮助和文档 1.9 本章内容有可能在5秒之后就荡然无存 第2章 用户、技术和企业的平衡法则 我们会发现企业想.. (更多)

  目录：

  第1章 八项基本原则

  经验与规则

  1.1 原则1：标识导引设计

  1.2 原则2：设定期望并提供反馈

  1.3 原则3：基于人类工程学设计

  1.4 原则4：保持一致，考虑标准

  1.5 原则5：提供纠错支持——预防、保护和通知

  1.6 原则6：要靠辨识，而不要仅凭记忆

  1.7 原则7：考虑到不同水平的用户

  1.8 原则8：提供上下文帮助和文档

  1.9 本章内容有可能在5秒之后就荡然无存

  第2章 用户、技术和企业的平衡法则

  我们会发现企业想要的就是赚钱，技术人员想做的是写代码，用户希望的只是得偿所愿，很多其他惊人事实也将暴露在你眼前

  2.1 你的用户是谁

  2.2 五步制胜

  2.3 为什么企业需要你建立一个网站

  2.4 你有哪些材料

  第3章 袜屉和CD架——一切都要井井有条

  东西多可能是件坏事，而组织有序则是好事

  3.1 我能帮忙吗

  3.2 问题1：我在正确的位置上吗

  3.3 问题2：网站上有我要找的东西吗

  3.4 问题3：网站上还有没有更好的东西

  3.5 问题4：现在我该做什么

  3.6 对繁杂事物的组织

  3.7 完成卡片分拣——关于组织的一个练习

  3.8 你确实可以同时身处两地

  3.9 分面分类

  3.10 内容随机重排

  第4章 砌砖匠眼中的信息架构

  学习如何自底向上设计架构

  4.1 获得元数据

  第5章 搜啊搜......找到了

  研究搜索引擎的“魔法”，算法和查询建议

  5.1 搜索的基本原理

  5.2 搜索应当快速、容易而且神奇

  5.3 搜索必须快速

  5.4 搜索必须易于人们使用

  5.5 查询建议工具

  5.6 垂直搜索

  5.7 人类解歧

  5.8 搜索必须神奇

  5.9 还有一点

  5.10 希望读懂用户的心思

  第6章 从A取道B到达C

  另辟蹊径让用户顺利转移而避开购物车和弹出窗口

  6.1 如果再聪明一点：利用交互设计更生动地讲故事

  6.2 角色扮演，为设计人员扮芭比

  6.3 如何创建角色

  6.4 场景：Joseph Campbell方法

  6.5 网站路径图

  6.6 任务分析：完全图

  第7章 从方框到页面

  抽象思维落实到具体设计

  7.1 串链

  7.2 让页面关注用户的主要任务

  7.3 将独立任务匹配到独立页面

  7.4 把类似的任务组合起来

  7.5 用网站图记录网站结构

  7.6 允许访问下一步

  7.7 管理多个下一步

  7.8 完成页面分区以实现交互

  7.9 用线框图为页面建立文档

  7.10 页面很重要

  第8章 导航之道

  让人们找到各种好东东

  8.1 用户查找信息的4种方法

  8.2 3类导航

  8.3 全局导航

  8.4 局部导航

  8.5 关联导航：下一步和安全网

  8.6 可用性导航，被遗忘的角落

  8.7 设计导航——问自己的3个问题

  8.8 分页导航——导航多个页面

  8.9 大海航行靠舵手

  第9章 构建社交空间

  为个性化信息、论坛和用户生成内容的未知疆土绘制地图，沿路会遇到一些“巨魔”和“纵火怪”

  9.1 社交架构五项原则

  9.2 社交架构要素

  9.3 以人为本的体系架构

  第10章 现在综合起来

  设计一个网站

  项目：在线杂志Boxes & Arrows

  步骤1：B&A需要什么

  步骤2：问题到底是什么

  步骤3：重新构造问题

  步骤4：受影响的用户是谁

  步骤5：用户希望做什么

  步骤6：我们的内容是什么

  步骤7：技术如何实现

  步骤8：设计关键字页面

  步骤9：设计文章页面

  第11章 结尾

  信息架构的过去、现在和未来

  11.1 现在

  11.2 信息架构的未来

  (收起)

  2011-07-13 09:55:40   回应

  收藏

  推荐
• 

  第1页

  elliot (他人皆菩萨，唯我为凡夫)

  除了内容和交互，其余都是导航 (更多)

  除了内容和交互，其余都是导航 (收起)

  2011-07-13 11:16:49   回应

  收藏

  推荐

• 

  《锦绣蓝图》笔记整理

  小与强的邂逅 (热爱美食，热爱生活，学习中……)

  1、创建原型用户，和利益相关者和开发小组进行头脑风暴 * 创建角色要从用户研究做起。与使用你产品和你竞争对手产品的人聊一聊，或者与希望能使用这些产品的人聊一聊。找出他们的目标是什么，拿到创立角色所需要的原始材料。 * 接下来举行一个讨论会，与开发小组和你的利益相关者一同完成初始创建工作。 * 建立一个报告，其中包括与用户群体有关的数据。尤其是用户的目标。 * 主要角色、次要用户角色、补充角色 * 选择... (更多)

  1、创建原型用户，和利益相关者和开发小组进行头脑风暴

  * 创建角色要从用户研究做起。与使用你产品和你竞争对手产品的人聊一聊，或者与希望能使用这些产品的人聊一聊。找出他们的目标是什么，拿到创立角色所需要的原始材料。

  * 接下来举行一个讨论会，与开发小组和你的利益相关者一同完成初始创建工作。

  * 建立一个报告，其中包括与用户群体有关的数据。尤其是用户的目标。

  * 主要角色、次要用户角色、补充角色

  * 选择一张照片

  * 可以把设计好的角色做成海报挂在墙上，核心是保证角色在你身边，确保设计时会一直考虑他们的需求。

  2、创建用户使用场景并绘制网站路径图

  * 坚持理想体验

  * 不要讨论界面决策

  * 不要陷入细节

  * 坚持与角色同行

  与场景类似，网站路径图会暴露出你之前未曾想到的特性和交互。不仅如此，完成网站交互图后，你会清楚的了解系统会怎样工作。

  3、任务分析

  检查场景和路径图，从中找出与任务直接相关的元素。尽力得出基本任务。接着查找这些任务的子任务。循序渐进的逐步分析用户如何完成任务。这里会非常仔细的查看每一个任务所需的每一个动作。

  4、将任务分配到独立页面，并对类似任务进行组合，去掉不需要的页面

  5、完成页面分区，为分区填充内容、完成页面线框图

  6、绘制网站结构图、完成网站的分类与导航、形成网站图词汇表

  （1）观察别人

  如果音像商店和其他影视网站都有一个动作片/冒险片的分类，你就确信你的影评网站也需要这个分类

  （2）研究竞争对手

  访问竞争对手网站，看他们是如何组织信息的。要对多种组织方案进行比较，存在哪些相似之处？有哪些区别？尽量明确竞争对手这样做的目的，是失误还是明智之举？甚至可以对他们的网站做可用性测试，发现组织方案中哪些方面奏效，哪些部分没有意义。

  （3）访问你的搜索日志

  如果你发现很多人都在搜索斯皮尔伯格，你可能想把所有关于他的影评放到一组。

  （4）完成卡片分拣

  卡片分拣，就是把类似的东西放在一起。

  让不同的人进行卡片分拣，完成用户测试，看看他们的选择有什么不同，请他们解释分类的原因。最后对结果进行处理，整合到你的设计方案中。

  有时候可以让同一样物品放置到多个分类中。 (收起)

  2012-02-05 21:33:44   回应

  收藏

  推荐
• 

  全书精华

  子恒 (言勿尽善，善勿尽言。)

  八大基本原则： 原则1：标识引导设计； 他们身在何处？他们寻找的东西在哪里？如何得到所搜寻的东西？他们已经搜寻过哪些地方？ 原则2：设定期望并提供反馈； 在动作真正发生之前要让用户知道动作尚未发生（图片编辑未损坏原图）；提醒用户正处于过程中的哪个阶段； 原则3：基于人类工程学设计； 手：滚动距离、滚动频率；眼睛：字体颜色、大小；耳朵：慎用音乐； 原则4：保持一致，考虑标准； 设计一个网站之前，... (更多)

  八大基本原则： 原则1：标识引导设计； 他们身在何处？他们寻找的东西在哪里？如何得到所搜寻的东西？他们已经搜寻过哪些地方？ 原则2：设定期望并提供反馈； 在动作真正发生之前要让用户知道动作尚未发生（图片编辑未损坏原图）；提醒用户正处于过程中的哪个阶段； 原则3：基于人类工程学设计； 手：滚动距离、滚动频率；眼睛：字体颜色、大小；耳朵：慎用音乐； 原则4：保持一致，考虑标准； 设计一个网站之前，先浏览一下同类的和相关的网站，看看有哪些最佳实践模式可以借鉴； 原则5：提供纠错支持——预防、保护和通知（表单设计） 原则6：要靠辨识、而不是仅凭记忆 原则7：考虑到不同水平的用户： 只需访问网站大约3次，用户就能达到中等水平。并且在这个水平上保持相当长的时间。 新手用户和专家用户都很少。设计应该有助于用户水平自我提升，达到一个让他满意的级别（最初扫描不容易发现而浏览容易发现并且容易操作的功能）。 原则8：提供上下文帮助和文档

  用户中心设计五步： 1.发现目标用户； 2.与目标用户交流； 3.为目标用户设计网站； 4.与目标用户一同测试网站原型； 5.与目标用户一同测试最终网站；

  人们访问一个网站主要有3个原因： 1.他们再寻找某个东西； 2.他们想完成某项任务； 3.时间间隙消来磨时间； 在访问一个web页面时，人们会问自己以下4个问题： 1.我在正确的位置上吗？（确保访问者处于正确的位置） 2.网站上有我要找的东西吗？（要让访问者很容易找到需要的东西）——用户习惯的组织系统； 3.网站上还有没有更好的东西？（确保访问者了解他们有哪些选择） 4.我现在该做什么？（允许访问者保存、购买、查找新的内容）——用户接下来能做什么？成本高吗？ 卡片分拣任务。

  元数据：固有性元数据（是什么）、管理性元数据（用途是什么）、描述性元数据（怎样来描述）

  角色扮演：扮演用户，体验用户的心情； 创建角色： 从用户调研中得到几个结果： 技术经验、年龄段、工作（使用）流程、愿望、地址等，基于这些创建角色； 角色设置： 主要角色：常见的用户类型。对产品的商业成功很重要，而且从设计的角度看也是必不可少的。通常是一个初始用户或者技术水平不太高的用户； 次要角色：专业用户或者锱铢必较的新用户。从企业角度看这些用户的价值不是很大，但是在客户支持方面却成本很高（考虑节约）； 补充角色：对系统有着完全不同的需求（需求不直接对口），通过这些人了解产品的侧面； 场景：讲故事！不要深入细节 网站路径图： 不同的用户需求都要考虑，在大圆外画好用户，圆内为流程；

  页面必须做的两件事： 1.帮助用户完成单个的任务； 2.保证能够轻松进入下一步； 分清三类页面： 1.导航页面：为了把用户带到另外的某个地方（方便用户找到目的地并且离开）； 2.消费页面：用户消费内容（有好的内容并且容易获取）； 3.交互页面：用户输入和管理数据（易于使用）； 角色任务分拆，分析每一步都属于哪个页面类型，相应的合并任务，优化流程；

  关于导航 用户查找信息的4种方法： 1.已知项搜索：用户知道自己在找什么（网站要让用户很容易找到） 2.探测搜索：用户有一个需求，但是不确定什么能满足这个需求（给用户多种选择） 3.不清楚需要什么： 4.再查找：用户以前发现过，现在回去找

  工作步骤： 1.需求是什么（收集需求）； 2.问题到底是什么（深挖，问N个为什么）； 3.重新构造问题（找到问题的共性，确立优先级）； 4.用户是谁（创建用户角色）； 5.用户希望做什么（用户理想体验场景）； 6.我们的内容是什么（可查找性）； 7.技术如何实现； 8.设计关键字页面（任务分析中的尚未存在的页面如何设计）； 9.设计文章页面（消费页的设计）；

  (收起)

  2011-12-20 17:11:34   回应

  收藏

  推荐
• 

  导航之道

  爱咋地咋帝

  1.导航是为了让用户便利得找到自己想要的东西。在做导航之前，先要清楚用户查找信息的四种方法： （1）对明确事物的搜索 （2）对明确需求但是模糊事物的搜索 （3）对模糊需求的搜索 （4）在查找，即返回去看之前发现的某些东西 (更多)

  1.导航是为了让用户便利得找到自己想要的东西。在做导航之前，先要清楚用户查找信息的四种方法：

  （1）对明确事物的搜索

  （2）对明确需求但是模糊事物的搜索

  （3）对模糊需求的搜索

  （4）在查找，即返回去看之前发现的某些东西 (收起)

  2011-11-22 14:42:10   回应

  收藏

  推荐