《网站设计解构--有效的交互设计框架和模式》 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)。


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

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


过滤器

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


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


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


分页

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

设计标准

向用户提供多条通向内容的途径,改善搜索的方法之一就是不要过于关注搜索,而是想办法改善网站的导航。

把网站都的内容与尽可能多的不同词汇相关联,不管用户输入什么搜索词,都能得到好的结果。

便于记忆的东西就是便于寻找的东西。例如缩短文章标题。9

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值