成功的网站设计团队依赖开发人员与客户之间的良好沟通,也离不开开发团队内部成员之间的沟通。线框图、站点地图、流程图和其他设计图建立了一种公共的语言,利用它,设计人员和项目团队能够捕捉思想、跟踪进度并且始终让涉众了解最新的项目情况。
本书的第1版曾被很多专家和读者誉为“石破天惊”之作,可见其震撼力之巨大,第2版是5年之后进行的一次全面更新和修订,是作者 “五年再磨一剑”的又一部力作。
在第2版中,作者定义并描述了每个交付件,并且为提出了有关创建文档以及在团队协作和文档展示的上下文背景中使用文档的实用建议,这些建议并非特殊于某种方法,也就是说,无论你使用的是什么过程、工具或方法,本书都将帮助你提高创建和展示设计交付件的技巧。
第2版特色:
优化了结构,全书分为两大部分:设计图和设计交付件。第一部分主要介绍设计文档和基本要素,第二部分则解释如何综合运用这些要素。
新的交付件:提供了设计纲要,以及有关线框图、流程图和概念模型的最新建议。
更多图解:旨在帮助设计师理解用来创建设计图的方法和微妙变化。
读者练习:专供在晚间独自学习的读者使用(或许他们此时最想做的就是练习绘制一个线框图),也可以在研讨会或课堂上用作练习。
本书内容全面,结构清晰,讲解详细。本书可作为网站设计人员、交互设计师、用户体验设计师等团队的学习性读物,也可作为个人了解设计沟通的参考用书。
......(更多)
Dan Brown是EightShapes, LLC的创始人兼总裁,该公司是一家用户体验咨询公司,位于华盛顿特区,它的客户涉及沟通、媒体、教育、医疗、高科技等方面。自1995年开始,Dan便从事信息架构和用户体验设计方面的工作。
Dan依据他在沟通复杂概念和抽象方面的专长以高质量视频文档的方式,撰写了一本关于用户体验交付的书——《设计沟通十器》(New Riders,2006)。亚马逊评论该书为一本“权威的”、“实用的、个性化的、全面的”和“很酷的书”。
......(更多)
译者序
序
前言
致谢
作者简介
第1章 简介1
1.1 整个故事:交付件2
1.2 故事的组成部分:图表2
1.3 用于创建图表和交付件的工具3
1.4 交付件和设计流程4
1.5 交付件和项目团队6
1.5.1 项目成员6
1.5.2 团队的互动6
1.5.3 政治影响8
1.5.4 客户关系8
1.5.5 那些内部成员呢9
1.6 描述与实施9
第1部分 设计图表
第2章 图表使用基础12
2.1 设计图表分析12
2.1.1 第1层:基本要素12
2.1.2 第2层:详细阐明13
2.1.3 第3层:背景与联系13
2.1.4 分层的必要性13
2.2 创建设计工件13
2.2.1 基本决策13
2.2.2 技巧和提升15
2.3 交流设计时的挑战17
2.4 展示设计19
2.4.1 讨论设计:基本技巧19
2.4.2 根据自己的需要进行调整26
2.4.3 会议挑战26
2.4.4 过多的会议30
2.5 祝贺词30
练习题30
第3章 人物角色32
3.1 人物角色概述32
3.2 人物角色简介34
3.3 人物角色解析35
3.3.1 第1层:确定需求36
3.3.2 第2层:细化关系38
3.3.3 第3层:使人物角色更生动39
3.4 创建人物角色41
3.4.1 人物角色的基本决策41
3.4.2 润色人物角色的小贴士43
3.4.3 提高人物角色的技巧48
3.5 表现人物角色50
3.5.1 确定会议的目的50
3.5.2 调整基本的会议模式53
3.5.3 如何描述人物角色56
3.5.4 避免新手出现错误57
3.6 人物角色在实际中的运用59
3.6.1 人物角色和设计文档60
3.6.2 人物角色和设计过程60
练习题61
第4章 概念模型63
4.1 概念模型概述63
4.2 概念模型简介64
4.2.1 概念模型的作用:概述65
4.2.2 概念模型的别名66
4.2.3 挑战67
4.3 概念模型解析69
4.3.1 第1层:基本元素70
4.3.2 第2层:添加更多细节72
4.3.3 第3层:从模型到插图74
4.4 创建概念模型76
4.4.1 概念模型的基本决策76
4.4.2 完全透明的概念模型的提示79
4.4.3 提高概念模型的水平82
4.5 推介概念模型83
4.5.1 确定会议的目的83
4.5.2 调整基本的会议结构84
4.5.3 推介的风险87
4.6 运用概念模型88
4.6.1 为其他交付件提供上下文环境88
4.6.2 从模型到屏幕88
4.7 概念很重要91
练习题92
第5章 站点地图93
5.1 站点地图概述93
5.1.1 站点地图就是内容94
5.1.2 设计工件与在线工具94
5.2 站点地图简介94
5.3 站点地图的结构97
5.3.1 第1层:方框、箭头和一点其他内容97
5.3.2 第2层:详细描述页面和链接100
5.3.3 第3层:提供更多的背景信息103
5.4 创建站点地图105
5.4.1 站点地图的基本决策105
5.4.2 星型站点地图的技巧109
5.4.3 提高站点地图的绘制水平111
5.5 展示站点地图112
5.5.1 确定会议的目的112
5.5.2 调整基本的会议结构114
5.5.3 避免新手错误117
5.6 运用站点地图119
5.6.1 规划项目119
5.6.2 站点地图和线框图121
5.7 网页的地图难题121
练习题122
第6章 流程图123
6.1 流程图概述123
6.2 流程图简介124
6.3 流程图解析126
6.3.1 第1层:必备内容127
6.3.2 第2层:更多细节133
6.3.3 第3层:更多上下文信息141
6.4 创建流程图143
6.4.1 流程图的基本决策143
6.4.2 使流程图更加完美的技巧147
6.4.3 提高绘制流程图的技巧152
6.5 推介流程图155
6.5.1 确立会议目的155
6.5.2 调整基本的会议结构157
6.5.3 避免新手错误160
6.6 运用流程图162
6.6.1 规划型流程图162
6.6.2 流程图与线框图163
6.6.3 流程图与人物角色166
6.7 过程的深层次168
练习题169
第7章 线框图170
7.1 线框图概述170
7.2 线框图简介171
7.3 线框图剖析174
7.3.1 第1层:矩形,且只用矩形174
7.3.2 第2层:矩形与表单177
7.3.3 第3层:其他形状181
7.4 创建线框图183
7.4.1 基本决策 183
7.4.2 线框图技巧187
7.4.3 提高你的线框图绘制技能190
7.5 推介线框图193
7.5.1 确立会议目的193
7.5.2 调整推介195
7.5.3 避免新手问题198
7.6 运用线框图200
7.6.1 注释线框图200
7.6.2 线框图与其他交付件的关联204
7.6.3 线框图原型测试和可用性测试205
7.6.4 即时线框图206
7.7 以书写方式进行设计206
练习题207
第2部分 设计交付件
第8章 交付件基础知识210
8.1 优秀交付件的组成要素212
8.1.1 优秀的交付件要言之有物212
8.1.2 优秀的交付件要鼓励对话215
8.1.3 优秀的交付件是注重实效的217
8.2 交付件的剖析218
8.2.1 主题页面和其他标识性元素218
8.2.2 前页220
8.2.3 摘要222
8.2.4 简介与上下文223
8.2.5 章225
8.2.6 后续步骤227
8.2.7 最终产品228
8.3 页面布局228
8.3.1 说明性页面228
8.3.2 评价性页面229
8.3.3 介绍性页面230
8.3.4 比较性页面230
8.3.5 决策页面231
8.4 展示交付件232
8.5 交付件生命周期233
8.5.1 构思:文档开发233
8.5.2 诞生:首次亮相234
8.5.3 青春期:仍然需要继续成熟235
8.5.4 成熟期:所有内容出现235
8.5.5 生命结束:束之高阁236
8.5.6 维护:保持健康236
8.6 交付件的未来238
练习题239
第9章 设计纲要240
9.1 优秀设计纲要的组成要素240
9.1.1 清晰地阐述问题240
9.1.2 用范例支持陈述241
9.1.3 可追溯性243
9.1.4 明确指出界限245
9.1.5 计划246
9.1.6 不断完善246
9.1.7 奠定项目基调246
9.1.8 工作量要适度248
9.1.9 交流优先级248
9.1.10 展示设计纲要的技巧249
9.2 设计纲要解析251
9.2.1 组织设计纲要251
9.2.2 设计目标、主题与原则252
9.2.3 设计的上下文与范围254
9.2.4 设计概念254
9.2.5 需求摘要256
9.2.6 约束摘要257
9.2.7 项目进度表259
9.3 单页幻灯片的挑战260
第10章 竞品分析263
10.1 优秀竞品分析的组成要素263
10.1.1 重点明确263
10.1.2 坚实的竞品分析框架264
10.1.3 有意义的对比264
10.1.4 展示竞品分析的技巧265
10.2 竞品分析解析267
10.2.1 组织竞品分析267
10.2.2 结论与结果268
10.2.3 结论总结269
10.2.4 范畴总结270
10.2.5 方法论272
10.3 认可竞品分析的价值273
第11章 可用性计划274
11.1 优秀可用性计划的组成要素274
11.1.1 建立目标274
11.1.2 测试场景274
11.1.3 指导主持人275
11.1.4 认清测试材料局限性275
11.1.5 讨论可用性计划的技巧275
11.2 可用性计划解析276
11.2.1 组织测试计划276
11.2.2 计划摘要277
11.2.3 场景278
11.2.4 测试前和测试后的问题281
11.2.5 测试的后勤保障与招募282
11.2.6 详细的招募信息和人员282
11.3 最轻松的计划283
第12章 可用性报告285
12.1 优秀可用性报告的组成要素285
12.1.1 关注点与关联性286
12.1.2 按优先级划分的结果和数据286
12.1.3 展示可用性报告的技巧286
12.2 可用性报告解析289
12.2.1 组织一个可用性报告290
12.2.2 观察结果与严重性291
12.2.3 总结与分析293
12.2.4 建议294
12.2.5 支持内容296
12.3 可用性测试的另一种形式299
练习题300
推荐读物301
......(更多)
如下场景就描述了一幅目标受众使用银行系统的画面 “Sarah是一名大学新生,这是她第一次申请支票账目。她只知道自己的身份证号码,但对其他信息一无所知。她明天想去趟银行,告诉他们自己想开哪种支票账户。” 下面这一场景虽然描述的也很准确,但是没有建立太多的背景信息: “Sarah是名大学生,她想开个支票账户”
提供了一种有效的、易于理解的方式来描述用户需求,使涉众在讨论用户时有了共同的语言。
作为网页设计师……我的目的是设计一个网站。这些图标只不过是可用的工具,如果出现更优秀的工具,我就会迅速抛弃以前的工具。 设计文档在设计过程中的作用是激发创作性并促进沟通,同时它也是设计过程本身的成果。
......(更多)