网站交互设计模式

第1部分 Web网站设计基础

第1章 以用户为中心的Web设计：不只是一个好主意 2

1.1 Web设计的发展史 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.5 9种关于以用户为中心的荒谬说法 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

A10 Web应用程序 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

E2 E-mail订阅 245

E3 公平信息处理条例 249

E4 隐私政策 253

E5 关于我们 257

E6 安全连接 262

E7 E-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

L4 HTML POWER 510

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部分为附录。
　　《网站交互设计模式》适合网站设计工程技术人员阅读，对高等院校计算机相关专业的教师和学生也有很好的参考价值。