《网站设计解构--有效的交互设计框架和模式》 Robert Hoekmen,jr. Jared Spool

本文主要是介绍《网站设计解构--有效的交互设计框架和模式》 Robert Hoekmen,jr. Jared Spool，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

整本书翻来覆去其实就讲一个东西，在产品在做设计的时候，后很多东西是可以重用的，而重用的方式就是用很多库，例如说公司或者个人的框架库。不过这本书对初学者了解大概产品设计是怎么回事还是很有帮助的。

----------------------

第二部分框架体系

3、目录框架

目录的设计，正是用户体验成败的关键。

目录框架构成元素：

1.分类页

2.陈列页

目录框架中为协助用户进行选择而可能用到的一些模式：

1.快速查看（无需进入内容页）

2.条目标识符（书名、新闻标题、型号等）

3.条目图片

4.简短的条目描述（或比较），弹簧高跷很少能帮助用户找到目标内容。

5.用户通常都任务最重要的条目应该最先列出来

3.内容页

在对自己的选择进行验证时，一些用户需要的模式：

1.详细的条目描述

2.图片库/查看大图

3.实现细节

4.可获得性（还剩多少多少）

5.物品单（购物车、收藏）

6配置选项（多用于网购网站）

7社交影响模式（评论、评分、推荐、转载等）

用户在最初面临着大量的选择，然后从中做出取舍，最终得到自己想要的信息。

分类、陈列、内容。对应

筛除、选择、验证。

4.引导链接

如果用户选择了搜索，就会失去看到网站提供的其他内容的机会。原因很简单，搜索的针对性太强了。

而引导连接能够解决这一问题。

设计标准

分类页的设计，大多数网站都把分类页在屏幕左边的导航面板中，同时在页面的主要内容区域列出该分类下的所有条目。不过一些网站表现得更为明智。采用标准的左边导航栏的网站表现的最差。最好的是分类页面中既有产品描述又有商店部门(例如在导航里既有women这个部门，又有shoes这个产品描述，当然两种分类是有视觉区分的)，而部门与陈列页相混合放在分类页里位居第二（导航中，链接到陈列页那一栏没有下拉菜单）。

研究结果告诉真正降低用户购买欲望的，并不是大量的点击，而是大量的不正确点击。

并不知道自己想买什么的用户，需要四处看看，去发现内容。

直到想买什么，却不知道到它叫什么的用户则需要通过触发词（trigger word，就是导航中的字）来逐步缩小选择范围。

而那些明确知道要买什么，也知道怎么样搜索的用户，他们也仍然需要有机会四处看看，说不定能发现什么还没想到的相关物品。

浏览过程中涉及的页面必须维持独立的URL，以及合适的标题和内容，便于搜索引擎索引。

要能支持用户的探索，如果没有分类页，仅仅靠搜索寻找内容，用户的“筛除”步骤无法执行，而且偶然发现的可能性也被剥夺了，而且搜索结果中的其他条目可能在用户评估时分散他们的注意力。

在用户尝试完成任务的时候，他们需要的是条理清楚，点击的次数多少一点都不重要。

4、搜索框架

一般搜索结果的清单：

在搜索结果中突出显示查询词

在结果页面重述查询条件

显示已找到的结果数量

包含“前一个”和“后一个”按钮一级其余页面的链接

包含查询框，便于用户再次搜索

不要显示结果页的URL

为每一个结果提供易于理解的页面名称和描述

页面名称应该是可以点击的链接，指向具体结果

允许加入分类和改良工具

标明哪些非常规页面的结果（例如pdf文件）

通过固定的任务流程，搜索框架让用户能够定位具体的内容，而不必按图索骥的在网站的各个层级间来回穿梭。

在用户是选择搜索引擎还是导航、链接的时候，网站的设计和内容自身的性质似乎扮演了重要的角色，而与每个用户自身的偏好无关。

根据网站中具体内容的不同，设计团队要么致力于搜索引擎，要么致力于链接，没有必要二者兼顾。UIE的测试建议，聚焦于单一方法将会极大程度的改善用户体验。

统计表明，用户非常相信搜索引擎会一直把正确的结果放在第一位。

当搜索不成功的饿时候，用户不太可能在好几页中结果来回查找，更可能的是用户修改它的搜索词。

构成元素

快速搜索

在寻找cd的时候，用户通常都会在搜索栏里输入标识符。

如果用户搜索的是卫衣标识内容，而且他们知道标识符是什么，那么搜索将会非常精确。

当尝试定位非唯一标识内容的时候（产品类别、类型，主题范围等），网站导航（例如分类连接）是最好的途径。

搜索结果

第一种结果页面就是搜索陈列页。

第二种结果页面是搜索部门页。（如果搜索结果设计的分类过多，设计师们就会使用这种技巧，一边在搜索陈列页中更好的组织这些结果。）

搜索产出

不论结果页面的类型如何，一次搜索会有4种可能的产出：

准确适配或非常相关。

相关条目。

不相关的结果。

没有结果。

第一种结果无疑是最好的，而其他3种都可能会带来再烂，因为事实证明，用户不会为搜索付出很多努力。

从理论上说，人们在使用搜索系统的过程中应该会表现得越来越好。事实上，一开始没有成功的用户，只会每况愈下。

高级搜索

传统形式的高级搜索并不像我们想象的那样广泛地使用。可以通过变换一下标签，提高用户对该功能的认同度。（例如用Search for Clinical Trials 链接代替Advanced Search）。

受限快速搜索是快速搜索的一种欣赏，通过附加标准从而让搜索更高效。（例如只搜索某个地方的酒店）

由于常见的搜索词很可能会得到多个种类的结果，这些网站会在快速搜索栏旁边加一个下拉菜单，以此要求用户为搜索词添加具体的界定标准。

过滤器

过滤器通常出现在最初的搜索执行之后，目的是为了帮助用户缩减选择数量，同时增加结果的准确度。一般不在首页上列出它，不然会吓唬用户的。

可以用多种方式来显示过滤器，既可以想关键字连接那样简单，直接前往子分类或者其他内容页，也可以包括一大堆滑动条、付现况和单选按钮，用以触发实时更新。

要确保过滤器能够显而易见。

分页

根据非正式的观察，用户普遍期待在结果页的地步看到分页界面。而没有分页界面的结果页可能会让用户感到意外。