网站交互设计模式

作者: 杜月（Douglas K.Van Duyne）著 , 杜月（Douglas K.Van Duyne）著

出版社: 电子工业出版社

出版时间: 2009-10

版次: 1

ISBN: 9787121092046

定价: 108.00

装帧: 平装

开本: 16开

纸张: 胶版纸

页数: 628页

正文语种: 简体中文

原版书名: The Design of Sites: Patterns for Creating Winning Web Sites, 2nd Edition

分类: 计算机与互联网

120人买过

　　《网站交互设计模式》设计一个网站并不难，但要设计出一个让用户能够乐在其中，并且从中很快找到所需内容的网站并不是一件容易的事情。《网站交互设计模式》是一本专门解决网站可用性和易用性问题的实用书籍，全书分成3个部分，第1部分论述了以用户为中心的设计模式的基本概念、基本规则和流程；第2部分分别论述了13个模式组（共107种模式）的设计模式，其中包括移动设计模式；第3部分为附录。
　　《网站交互设计模式》适合网站设计工程技术人员阅读，对高等院校计算机相关专业的教师和学生也有很好的参考价值。　　DouglasK.vanDuyne，是一位企业家和发明家，是Naviscent（一家网站研究和设计公司）和DuneDesignGroup（一家战略数字产品设计公司）的创办人和负责人之一，也是NetRaker有限公司的共同创办人和CEO。该公司是在线可用性和市场调研方面的先锋，其团队已经为包括MBNA、Yahoo、Intel、Safeway、Agilent和其他全球2000多家公司开发了多种创新产品。带着在GOCorporation和KidSoft的公司中积累的产品设计和开发方面的20多年的工作经验，他已成为在线购物、电子商务、软件与多媒体开发方面的一位改革者，并且拥有加州大学伯克利分校的计算机科学学位，目前他住在旧金山、纽约和伦敦。
　　JamesA.Landay，是华盛顿大学的一名教授，先前是英特尔公司西雅图研究中心的一位总监，主要从事新兴的ubiquitouscomputing领域的研究，他还曾是NetRaker的首席技术官和共同创办人，以及加州大学伯克利分校的副教授。他于1990年获得了伯克利分校的电子工程和计算机科学的学士学位，并且分别于1993年和1996年在卡内基梅隆大学获得硕士和博士学位。其博士论文第1个论证了用户界面设计工具的草图作用，并且已经在人机交互领域发表了大量的文章，包括用户界面设计和评估工具、网站设计、姿态识别、笔式用户界面、移动计算、ubiquitouscomputing，以及视觉语言等方面的文章。他还是许多硅谷公司的顾问，目前与其妻子Eileen、儿子Andrew和Timothy及其爱犬住在西雅图。
　　JasonI.Hong，是卡内基梅隆大学人机交互系的计算机科学教授，在乔治亚技术学院获得学士学位，并且在伯克利获得博士学位，其论文研究了在ubiquitouscomputing环境中的秘密。Jason曾在IBM、FuiiXeoxPaloAlto实验室和Xerox从事研究工作，在那里他研究了许多课题。例如，协作的Java应用程序、纸式用户界面和在手机中观看和导航网页的技术。他当前正在从事使用隐私和安全，以及防止诈骗和定位服务的研究。Jason喜欢从Intemet、印刷物、电视、电影及音乐媒体中获得大量的信息咨询，其主要的兴趣在世界历史、科技、科技的社会影响，以及超自然的因素，他与其妻子住在宾州。第1部分Web网站设计基础
第1章以用户为中心的Web设计：不只是一个好主意2
1.1Web设计的发展史2
1.1.1第一代2
1.1.2第二代3
1.1.3第三代3
1.1.4第四代4
1.2“以用户为中心”设计的重要性4
1.3统一设计、可用性和市场的第1步5
1.4为什么倾向于以用户为中心的设计6
1.4.1以使用者为中心的设计6
1.4.2以公司为中心的设计7
1.4.3以技术为中心的设计7
1.4.4以设计者为中心的设计7
1.4.5以用户为中心的设计的优势7
1.59种关于以用户为中心的荒谬说法8
1.5.1谬误1：好的设计很普通8
1.5.2谬误2：只有专家才能实现好的设计8
1.5.3谬误3：Web界面能够在发布前重新设计9
1.5.4谬误4：好的设计会花费太长的时间且成本太高9
1.5.5谬误5：好的设计只是一些美观的图形9
1.5.6谬误6：Web界面指南会帮助完成好的设计9
1.5.7谬误7：用户总可以依赖文档和帮助信息9
1.5.8谬误8：市场研究会揭示所有用户的需求10
1.5.9谬误9：质量保证小组会确认网站是否工作良好10
1.6实施以客户为中心的设计10
1.6.1原则10
1.6.2过程10
1.6.3模式11
1.6.4使用原则、过程和模式11
1.7小结11

第2章Web设计模式12
2.1什么是模式12
2.2一个模式的例子13
2.3如何阅读模式15
2.4随着时间的流逝，模式会如何变化16
2.5如何使用模式23
2.6一个使用模式的例子24
2.7小结26

第3章了解用户：规则和技术27
3.1了解用户的有关规则28
3.1.1自己并不是用户28
3.1.2理解组成单元，平衡影响力28
3.1.3理解用户29
3.1.4用户是不同的29
3.1.5用户又是一样的29
3.1.6理解用户的业务31
3.1.7减少工作32
3.1.8业务培训32
3.1.9帮助人们成为专家33
3.1.10理解技术33
3.1.11理解用户的社会问题34
3.2用于了解用户的技术35
3.2.1开始业务分析35
3.2.2构建应用场景36
3.2.3选择业务38
3.2.4观察用户并与其面谈39
3.2.5用户调查43
3.2.6运用焦点组44
3.2.7分析已经存在的网站45
3.3小结45

第4章与用户一起做迭代设计46
4.1迭代设计过程46
4.2采用迭代设计的原因47
4.2.1在错误还很容易修正并且开销很小时修正它们48
4.2.2构建正确的网站和正确地构建网站48
4.3有目标和原则的设计49
4.3.1设定可度量的设计目标49
4.3.2坚持设计原则51
4.3.3信息结构、导航设计和图形设计52
4.4快速原型53
4.4.1网站地图、故事板和图表53
4.4.2真实度从低到高的渐进式提炼56
4.4.3横向原型和纵向原型60
4.4.4原型的局限61
4.5评估网站61
4.5.1专家评审61
4.5.2非正式评估62
4.5.3正式可用性评估63
4.5.4选择一种评估技术63
4.6小结64

第5章开发以用户为中心网站的过程65
5.1开发过程概览66
5.2发现阶段67
5.2.1发现过程67
5.2.2发现过程的交付物69
5.3探索阶段71
5.3.1探索过程71
5.3.2探索过程的交付物71
5.4精炼阶段71
5.4.1精炼过程71
5.4.2精炼过程交付物72
5.5制作阶段72
5.5.1制作过程73
5.5.2制作阶段交付物73
5.6实现阶段74
5.6.1实现过程74
5.6.2实现阶段交付物75
5.7执行阶段75
5.8维护阶段76
5.8.1维护过程76
5.8.2维护阶段交付物77
5.9小结77

第2部分模式
模式组A网站风格79
A1个人电子商务80
A2新闻马赛克85
A3社区会议90
A4自我服务的政府97
A5提供帮助的非营利性网站100
A6大众信息网站105
A7有价值的公司网站109
A8教育论坛114
A9有刺激性的艺术和娱乐内容119
A10Web应用程序123
A11内部网128
A12博客131

模式组B创建导航框架141
B1导航的不同方法142
B2可分类浏览的内容145
B3层次化结构148
B4基于任务的组织结构151
B5字母顺序的组织结构155
B6时间顺序的组织结构156
B7基于流行度的组织结构158
B8目录页161
B9站点可达性164

模式组C建立一个强有力的主页174
C1主页入口174
C2提前价值定位180

模式组D制作和管理内容184
D1页面模板185
D2内容模块190
D3标题和简介194
D4个性化内容198
D5留言簿205
D6制作符合搜索引擎要求的网站213
D7倒金字塔编写方式219
D8可打印的页面224
D9与众不同的HTML标题226
D10国际化和本地化内容231
D11样式表235

模式组E建立信任和信誉240
E1网站商标241
E2E-mail订阅245
E3公平信息处理条例249
E4隐私政策253
E5关于我们257
E6安全连接262
E7E-mail提示265
E8隐私偏好270
E9防止诈骗275

模式组F基本电子商务284
F1快速结账285
F2清晰的产品详细资料290
F3购物车297
F4快速选址303
F5选择快速运输方式307
F6付款方式311
F7订单概要315
F8订单确认和感谢319
F9轻松退货322

模式组G高级电子商务326
G1特色产品326
G2交叉销售和提升销售332
G3个人推荐337
G4推荐社团342
G5多重目的地348
G6礼品赠与351
G7订单跟踪和历史355

模式组H帮助用户完成任务361
H1过程漏斗362
H2登录/新用户365
H3客人账户370
H4账户管理373
H5持久的用户会话377
H6浮动窗口381
H7常见问题384
H8上下文帮助388
H9直接操作391
H10明文形式397
H11预言性的输入403
H12向下钻取选项406
H13进度条411

模式组I设计让人印象深刻的页面布局417
I1表格式布局417
I2折线之上420
I3清晰的第一印象423
I4扩大屏幕宽度426
I5固定的屏幕宽度430
I6相关内容的一致侧边栏434

模式组J加速网站并恰当地搜索438
J1搜索动作模块438
J2直接搜索形式441
J3有组织的搜索结果443

模式组K轻松导航448
K1统一的浏览层次449
K2导航栏451
K3标签行454
K4动作按钮457
K5高可见动作按钮459
K6位置面包屑461
K7嵌入式链接463
K8外部链接465
K9描述性的长链接名468
K10显著的链接471
K11熟悉的语言474
K12预防错误476
K13有意义的错误消息479
K14页面没有找到481
K15永久链接483
K16跳跃菜单489
K17网站地图495

模式组L加速网站500
L1少量的文件501
L2快速加载的图片503
L3独立的表格508
L4HTMLPOWER510
L5可重用的图片513
L6快速加载的内容515

模式组M移动网站523
M1手机屏幕尺寸523
M2手机输入控制530
M3定位服务535

第3部分附录
附录A运行可行性测试543
A.1设定目标543
A.2提出任务544
A.3招募参与者545
A.4测试547
A.5分析数据551
A.6呈现结果552
附录B网站评估方案示例554
B.1角色554
B.2介绍554
B.3任务555
B.4听取报告555
附录C样品知情同意书556
附录D样品观察者表格558
附录E在线研究559
E.1开始：定义研究目标561
E.2分阶段研究561
E.3研究类型562
E.4测试564
E.5分析数据567
E.6研究方法的比较568
E.7小结570
附录F术语表571
附录G资源594
第1部分Web网站设计基础594
第2部分模式600
第3部分附录626
专业组628
内容简介:
　　《网站交互设计模式》设计一个网站并不难，但要设计出一个让用户能够乐在其中，并且从中很快找到所需内容的网站并不是一件容易的事情。《网站交互设计模式》是一本专门解决网站可用性和易用性问题的实用书籍，全书分成3个部分，第1部分论述了以用户为中心的设计模式的基本概念、基本规则和流程；第2部分分别论述了13个模式组（共107种模式）的设计模式，其中包括移动设计模式；第3部分为附录。
　　《网站交互设计模式》适合网站设计工程技术人员阅读，对高等院校计算机相关专业的教师和学生也有很好的参考价值。
作者简介:
　　DouglasK.vanDuyne，是一位企业家和发明家，是Naviscent（一家网站研究和设计公司）和DuneDesignGroup（一家战略数字产品设计公司）的创办人和负责人之一，也是NetRaker有限公司的共同创办人和CEO。该公司是在线可用性和市场调研方面的先锋，其团队已经为包括MBNA、Yahoo、Intel、Safeway、Agilent和其他全球2000多家公司开发了多种创新产品。带着在GOCorporation和KidSoft的公司中积累的产品设计和开发方面的20多年的工作经验，他已成为在线购物、电子商务、软件与多媒体开发方面的一位改革者，并且拥有加州大学伯克利分校的计算机科学学位，目前他住在旧金山、纽约和伦敦。
　　JamesA.Landay，是华盛顿大学的一名教授，先前是英特尔公司西雅图研究中心的一位总监，主要从事新兴的ubiquitouscomputing领域的研究，他还曾是NetRaker的首席技术官和共同创办人，以及加州大学伯克利分校的副教授。他于1990年获得了伯克利分校的电子工程和计算机科学的学士学位，并且分别于1993年和1996年在卡内基梅隆大学获得硕士和博士学位。其博士论文第1个论证了用户界面设计工具的草图作用，并且已经在人机交互领域发表了大量的文章，包括用户界面设计和评估工具、网站设计、姿态识别、笔式用户界面、移动计算、ubiquitouscomputing，以及视觉语言等方面的文章。他还是许多硅谷公司的顾问，目前与其妻子Eileen、儿子Andrew和Timothy及其爱犬住在西雅图。
　　JasonI.Hong，是卡内基梅隆大学人机交互系的计算机科学教授，在乔治亚技术学院获得学士学位，并且在伯克利获得博士学位，其论文研究了在ubiquitouscomputing环境中的秘密。Jason曾在IBM、FuiiXeoxPaloAlto实验室和Xerox从事研究工作，在那里他研究了许多课题。例如，协作的Java应用程序、纸式用户界面和在手机中观看和导航网页的技术。他当前正在从事使用隐私和安全，以及防止诈骗和定位服务的研究。Jason喜欢从Intemet、印刷物、电视、电影及音乐媒体中获得大量的信息咨询，其主要的兴趣在世界历史、科技、科技的社会影响，以及超自然的因素，他与其妻子住在宾州。
目录:
第1部分Web网站设计基础
第1章以用户为中心的Web设计：不只是一个好主意2
1.1Web设计的发展史2
1.1.1第一代2
1.1.2第二代3
1.1.3第三代3
1.1.4第四代4
1.2“以用户为中心”设计的重要性4
1.3统一设计、可用性和市场的第1步5
1.4为什么倾向于以用户为中心的设计6
1.4.1以使用者为中心的设计6
1.4.2以公司为中心的设计7
1.4.3以技术为中心的设计7
1.4.4以设计者为中心的设计7
1.4.5以用户为中心的设计的优势7
1.59种关于以用户为中心的荒谬说法8
1.5.1谬误1：好的设计很普通8
1.5.2谬误2：只有专家才能实现好的设计8
1.5.3谬误3：Web界面能够在发布前重新设计9
1.5.4谬误4：好的设计会花费太长的时间且成本太高9
1.5.5谬误5：好的设计只是一些美观的图形9
1.5.6谬误6：Web界面指南会帮助完成好的设计9
1.5.7谬误7：用户总可以依赖文档和帮助信息9
1.5.8谬误8：市场研究会揭示所有用户的需求10
1.5.9谬误9：质量保证小组会确认网站是否工作良好10
1.6实施以客户为中心的设计10
1.6.1原则10
1.6.2过程10
1.6.3模式11
1.6.4使用原则、过程和模式11
1.7小结11

第2章Web设计模式12
2.1什么是模式12
2.2一个模式的例子13
2.3如何阅读模式15
2.4随着时间的流逝，模式会如何变化16
2.5如何使用模式23
2.6一个使用模式的例子24
2.7小结26

第3章了解用户：规则和技术27
3.1了解用户的有关规则28
3.1.1自己并不是用户28
3.1.2理解组成单元，平衡影响力28
3.1.3理解用户29
3.1.4用户是不同的29
3.1.5用户又是一样的29
3.1.6理解用户的业务31
3.1.7减少工作32
3.1.8业务培训32
3.1.9帮助人们成为专家33
3.1.10理解技术33
3.1.11理解用户的社会问题34
3.2用于了解用户的技术35
3.2.1开始业务分析35
3.2.2构建应用场景36
3.2.3选择业务38
3.2.4观察用户并与其面谈39
3.2.5用户调查43
3.2.6运用焦点组44
3.2.7分析已经存在的网站45
3.3小结45

第4章与用户一起做迭代设计46
4.1迭代设计过程46
4.2采用迭代设计的原因47
4.2.1在错误还很容易修正并且开销很小时修正它们48
4.2.2构建正确的网站和正确地构建网站48
4.3有目标和原则的设计49
4.3.1设定可度量的设计目标49
4.3.2坚持设计原则51
4.3.3信息结构、导航设计和图形设计52
4.4快速原型53
4.4.1网站地图、故事板和图表53
4.4.2真实度从低到高的渐进式提炼56
4.4.3横向原型和纵向原型60
4.4.4原型的局限61
4.5评估网站61
4.5.1专家评审61
4.5.2非正式评估62
4.5.3正式可用性评估63
4.5.4选择一种评估技术63
4.6小结64

第5章开发以用户为中心网站的过程65
5.1开发过程概览66
5.2发现阶段67
5.2.1发现过程67
5.2.2发现过程的交付物69
5.3探索阶段71
5.3.1探索过程71
5.3.2探索过程的交付物71
5.4精炼阶段71
5.4.1精炼过程71
5.4.2精炼过程交付物72
5.5制作阶段72
5.5.1制作过程73
5.5.2制作阶段交付物73
5.6实现阶段74
5.6.1实现过程74
5.6.2实现阶段交付物75
5.7执行阶段75
5.8维护阶段76
5.8.1维护过程76
5.8.2维护阶段交付物77
5.9小结77

第2部分模式
模式组A网站风格79
A1个人电子商务80
A2新闻马赛克85
A3社区会议90
A4自我服务的政府97
A5提供帮助的非营利性网站100
A6大众信息网站105
A7有价值的公司网站109
A8教育论坛114
A9有刺激性的艺术和娱乐内容119
A10Web应用程序123
A11内部网128
A12博客131

模式组B创建导航框架141
B1导航的不同方法142
B2可分类浏览的内容145
B3层次化结构148
B4基于任务的组织结构151
B5字母顺序的组织结构155
B6时间顺序的组织结构156
B7基于流行度的组织结构158
B8目录页161
B9站点可达性164

模式组C建立一个强有力的主页174
C1主页入口174
C2提前价值定位180

模式组D制作和管理内容184
D1页面模板185
D2内容模块190
D3标题和简介194
D4个性化内容198
D5留言簿205
D6制作符合搜索引擎要求的网站213
D7倒金字塔编写方式219
D8可打印的页面224
D9与众不同的HTML标题226
D10国际化和本地化内容231
D11样式表235

模式组E建立信任和信誉240
E1网站商标241
E2E-mail订阅245
E3公平信息处理条例249
E4隐私政策253
E5关于我们257
E6安全连接262
E7E-mail提示265
E8隐私偏好270
E9防止诈骗275

模式组F基本电子商务284
F1快速结账285
F2清晰的产品详细资料290
F3购物车297
F4快速选址303
F5选择快速运输方式307
F6付款方式311
F7订单概要315
F8订单确认和感谢319
F9轻松退货322

模式组G高级电子商务326
G1特色产品326
G2交叉销售和提升销售332
G3个人推荐337
G4推荐社团342
G5多重目的地348
G6礼品赠与351
G7订单跟踪和历史355

模式组H帮助用户完成任务361
H1过程漏斗362
H2登录/新用户365
H3客人账户370
H4账户管理373
H5持久的用户会话377
H6浮动窗口381
H7常见问题384
H8上下文帮助388
H9直接操作391
H10明文形式397
H11预言性的输入403
H12向下钻取选项406
H13进度条411

模式组I设计让人印象深刻的页面布局417
I1表格式布局417
I2折线之上420
I3清晰的第一印象423
I4扩大屏幕宽度426
I5固定的屏幕宽度430
I6相关内容的一致侧边栏434

模式组J加速网站并恰当地搜索438
J1搜索动作模块438
J2直接搜索形式441
J3有组织的搜索结果443

模式组K轻松导航448
K1统一的浏览层次449
K2导航栏451
K3标签行454
K4动作按钮457
K5高可见动作按钮459
K6位置面包屑461
K7嵌入式链接463
K8外部链接465
K9描述性的长链接名468
K10显著的链接471
K11熟悉的语言474
K12预防错误476
K13有意义的错误消息479
K14页面没有找到481
K15永久链接483
K16跳跃菜单489
K17网站地图495

模式组L加速网站500
L1少量的文件501
L2快速加载的图片503
L3独立的表格508
L4HTMLPOWER510
L5可重用的图片513
L6快速加载的内容515

模式组M移动网站523
M1手机屏幕尺寸523
M2手机输入控制530
M3定位服务535

第3部分附录
附录A运行可行性测试543
A.1设定目标543
A.2提出任务544
A.3招募参与者545
A.4测试547
A.5分析数据551
A.6呈现结果552
附录B网站评估方案示例554
B.1角色554
B.2介绍554
B.3任务555
B.4听取报告555
附录C样品知情同意书556
附录D样品观察者表格558
附录E在线研究559
E.1开始：定义研究目标561
E.2分阶段研究561
E.3研究类型562
E.4测试564
E.5分析数据567
E.6研究方法的比较568
E.7小结570
附录F术语表571
附录G资源594
第1部分Web网站设计基础594
第2部分模式600
第3部分附录626
专业组628