Axure RP 6原型设计精髓

内容概要

Ezra Schwartz是一名信息和用户体验架构师，擅长研究复杂用户界面框架的逻辑。他专注于研究全球化企业应用程序、团队协作策略、UX需求追踪，并为多版本分步实施的项目制定规格文档。

Ezra帮助客户将快速UX原型设计、验证、测试和开发文化进行成功集成，帮助客户采用UCD（user-centered-design，以用户为中心的设计）方法和进行最佳实践。他成功领导了重要用户体验项目，包括金融、航空、医疗、移动、出版、媒体研究、制造、学术研究和软件开发等多个行业，Ezra还为非营利性组织提供无偿服务。

Ezra是AxureWorld.org的创始人和组织者，这是一个免费的国际化讨论社区，专注于快速UX原型设计。Ezra经常在一些大会上和个人博客www.artandtech.com上讨论用户体验相关的主题。

书籍目录

推荐序
1

前言
3

第1章  原型基础
7

1.1  UX原型艺术
10

1.1.1  交互式原型
11

1.2  原型要素清单
13

1.2.1  项目类型
13

简单网站
14

Web应用程序和门户网站
14

移动应用程序
15

启发式评估
16

用户验证
16

1.2.2  交付物：原型和规格文档
17

1.3  平衡的艺术：利益相关者怎么说
19

1.3.1  业务利益相关者
19

管理人员
20

业务流程架构师
21

1.3.2  项目经理
25

1.3.3  视觉设计
27

1.3.4  开发人员
30

1.4  UX相关人员怎么说
32

1.4.1  UX从业者的观点
33

1.4.2  UX团队领导的观点
35

面临的挑战
35

团队架构
35

项目过程
35

项目后续过程
36

Axure的优势
36

Axure的劣势
37

Axure在大型项目中的使用建议
38

1.5  Axure在世界各地
38

1.6  Axure公司的观点
40

1.7  总结
42

第2章  初识Axure
43

2.1  入门
44

2.1.1  同时打开多个Axure文件
45

2.2  Axure工作区
46

2.2.1  自定义工作区
48

2.3  站点地图区
49

2.3.1  线框图页面
52

2.3.2  流程图页面
52

2.4  页面属性区
54

2.4.1  页面注释
55

管理注释
56

2.4.2  页面交互
57

2.4.3  页面样式
57

草图风格
57

2.5  控件区
58

2.5.1  线框图控件
59

2.5.2  流程图控件
60

2.5.3  自定义控件
61

2.5.4  第三方控件
62

2.6  控件属性区
63

2.6.1  控件注释
63

注释字段
65

注释视图
66

2.6.2  控件交互
67

交互
68

事件
70

情景
70

动作
72

2.6.3  样式页签
73

位置和尺寸
75

字体
76

对齐和间距
77

样式
78

排列对齐
80

填充、线条和边框
80

2.7  线框图编辑区
81

2.7.1  网格和参考线
83

2.8  模板区
86

2.8.1  模板行为
88

普通
89

作为背景
90

自定义控件
91

2.8.2  模板使用报告
94

2.9  动态面板管理区
95

2.10  工具栏和菜单栏
99

2.11  Axure文件格式
101

2.11.1  .RP文件格式
101

2.11.2  .RPPRJ文件格式
103

2.12  总结
104

第3章  Axure快速入门
105

3.1  原型设计原则
106

3.2  Alexandria数字图书馆
106

3.3  三十分钟快速入门
107

3.3.1  初始需求和用例
109

3.3.2  用例图页面
110

3.3.3  保存项目文件
114

3.3.4  第一个线框图页面
115

3.3.5  任务流程图页面
116

浏览流程图
117

搜索流程图
118

3.3.6  用例链接到流程图
119

3.3.7  生成HTML原型
120

3.4  开始使用模板和动态面板
123

3.4.1  第一个线框图
123

快速且粗糙的方法
123

快速但结构化的方法
124

3.4.2  第一个模板：导航系统
125

全局导航栏
127

次级导航栏
132

3.4.3  第一个动态面板
135

为动态面板添加状态
137

3.5  添加视觉效果
142

3.6  添加草图效果
145

3.7  修改任务流程图
145

3.8  从业者的实践——移动设备Axure原型设计
146

3.8.1  移动友好（Mobile-friendly）Web网站和移动Apps
146

不同的设备分辨率和宽高比
147

使用Viewport标签
148

使用一个全屏浏览器
149

横向和纵向页面版本
150

事件和手势的兼容性
150

浏览器的局限性
152

使用控件库
153

在移动设备上加载原型
153

3.9  总结
154

第4章  初级交互
155

4.1  交互简史
155

4.1.1  20世纪50—60年代
156

4.1.2  20世纪70—80年代
156

4.1.3  20世纪90年代和21世纪初
158

4.1.4  现在、未来和Axure交互
160

4.2  Axure交互
161

4.3  示例
161

4.3.1  第1步：使用简单词语定义交互
162

4.3.2  第2步：Axure交互界面
162

4.3.3  第3步：将需求转变成Axure交互
164

4.3.4  第4步：为交互添加注释（可选）
165

4.4  Axure事件
166

4.4.1  页面加载事件
166

4.4.2  示例：更改默认的着陆页
167

4.4.3  模拟上下文导航
168

OnPageLoad事件和动态面板
172

OnPageLoad事件详解
174

4.5  用户触发事件
175

4.5.1  分步示例：登录
175

4.5.2  创建线框图
177

添加交互
179

编排动作
184

控件、事件和相互关联
185

控件事件详解
186

4.6  Axure情景
187

4.6.1  分步示例：结构和交互
188

第1部分：调整线框图结构
188

第2部分：添加交互
193

Axure动作
196

4.6.2  链接动作
197

4.6.3  动态面板动作
197

4.6.4  控件和变量动作
197

4.6.5  其他动作
198

4.7  总结
198

第5章  高级交互
199

5.1  条件
200

5.1.1  如果-则-否则
200

5.1.2  分步示例：条件和动态面板
201

第1步：定义交互
201

第2步：创建线框图
202

第3步：设置第一个条件
203

第4步：添加第一个交互
204

第5步：完成整个交互
205

5.2  条件编辑器
208

5.2.1  分步示例：多重条件
210

第1步：定义交互
210

第2步：创建线框图
212

第3步：交互调整
214

第4步：计算多重条件
215

第5步：完成整个条件语句
217

5.3  处理条件异常
219

5.4  触发事件
219

5.4.1  示例
220

第1步：在模板上创建触发事件
221

第2步：为触发事件添加交互
226

5.4.2  模板嵌套：扩散触发事件
228

5.5  变量
231

5.5.1  示例：基于变量创建不同用户体验
232

第1步：定义交互
232

第2步：构建方法：动态面板还是页面
233

第3步：调整已有条件
234

第4步：变量和动作顺序
237

第5步（a）：设置变量（及可能存在的问题）
238

第5步（b）：设置和初始化变量
241

第6步：依据变量值判断使用哪种情景
244

5.6  变量类型
246

5.6.1  全局变量
247

Axure内置的全局变量
247

自定义的全局变量
247

5.6.2  特殊变量
247

5.6.3  使用示例
248

5.6.4  局部变量和函数
249

5.7  函数 
249

5.8  变量的命名
250

5.9  变量在可用性测试中的作用
251

5.9.1  分步示例——上下文相关的可用性测试
252

5.10  使用变量的利与弊
254

5.11  专家的方法技巧
255

5.11.1  隐藏和显示列表元素（Jeff Harrison提供）
255

创建步骤
256

第1步：创建行模板
256

第2步：把行移到一起
257

第3步：依照需求进行重复
258

第4步：增加控件
259

5.11.2  键盘快捷键（Loren Baxter提供）
261

高级交互
261

详细步骤
262

注意
263

5.11.3  Axure窍门（Fred Beecher提供）
263

窍门1：调试你的逻辑
263

窍门2：在页面之间传递变量的值
263

窍门3：隐藏链接来清除变量
264

窍门4：文本输入框伪装成文本区控件
264

5.12  总结
264

第6章  控件库
267

6.1  Axure的内置控件库
270

6.2  Axure社区里的控件库
272

6.3  自己的控件库
274

6.3.1  分步示例：使用控件库进行原型设计
274

第1步：创建库文件
274

第2步：创建自定义控件
277

第3步：在项目文件中刷新库
278

6.4  把控件库扩展为设计模式
279

6.4.1  示例1：确认/警告框控件
279

第1步：定义模式
279

第2步：创建控件
281

6.4.2  示例2：增量搜索控件（智能搜索提示）
282

第1步：定义模式
282

第2步：创建控件
284

第3步：创建交互
285

6.5  管理控件库
286

6.6  使用内部模板还是外部控件库
287

6.6.1  使用RPLIB
288

6.6.2  在RP或RPPRJ文件中使用模板
289

6.7  实践者的观点
289

6.7.1  为什么要做控件库
290

6.7.2  像素完美的图标
290

6.7.3  清晰的控件名称和提示信息
291

6.8  总结
292

第7章  管理原型变化
293

7.1  从愿景到现实
294

7.2  瞄准期望
294

7.2.1  UX和软件开发模式
295

瀑布开发模式
296

敏捷开发模式
297

7.3  评估Axure工作
298

7.3.1  计算你的时间
300

7.3.2  对准期望
301



7.4  从概念到详细设计的过渡
302

7.4.1  从概念模式开始
303

7.4.2  从草图模式开始
303

7.5  基础和支架
304

确定线框图宽度
304

参考线（栅格）
306

网格
308

7.5.1  页面样板
309

页面样式编辑器
310

7.6  控件样式编辑器
314

7.6.1  默认控件样式
315

7.7  格式刷
316

7.8  项目样式指南和CSS的集成
319

7.8.1  样式指南
319

7.9  同步或不同步
328

使用已有视觉设计进行原型设计
329

7.10  总结
331

第8章  UX规格文档
333

8.1  与开发团队协作
336

8.1.1  找准期望
338

8.2  捕获UI规格
339

8.2.1  全局UI规格文档
339

8.2.2  生成器：规格文档和原型
341

8.2.3  定制规格文档生成器
343

8.2.4  页面注释
344

一个注释字段 vs 多个注释字段
346

8.2.5  注释字段
347

8.2.6  注释视图
351

8.3  生成规格文档
353

8.3.1  常用设置
354

8.3.2  Pages（页面）设置
355

8.3.3  模板设置
356

8.3.4  页面属性设置
360

8.3.5  截图设置
362

8.3.6  控件属性设置
365

8.3.7  文档布局设置
368

8.3.8  Word模板设置
369

8.4  总结
370

第9章  协同设计
373

9.1  共享项目
375

9.1.1  环境
375

9.1.2  签出和签入状态
376

9.1.3  建立一个共享仓库
377

9.1.4  从一个共享仓库进行加载
382

9.1.5  共享菜单
384

创建和加载
384

更新整个原型
385

更新单个页面或模板
386

管理共享项目
386

浏览共享项目历史
388

重新指向被移动的共享目录
391

清理本地副本
392

9.2  UX团队的Axure最佳实践
393

9.2.1  UX团队的属性
393

9.3  反馈意见
396

9.3.1  托管于AxShare的讨论功能
397

9.3.2  不托管在AxShare的讨论功能
401

第1步：打开网页AxShare.com
402

第2步：打开Axure
402

第3步：打开浏览器
403

9.4  总结
403

索引
405

作者简介

《Axure RP 6原型设计精髓》内容简介：即使你不懂任何编程语言，无法控制项目管理、预算和进展计划，也可以通过《Axure RP 6原型设计精髓》掌握Axure，让你的设计更具创造力和高效。

《Axure RP 6原型设计精髓》先介绍Axure的界面、术语、功能，然后以一个中型示例项目为背景依次探讨UX项目的创建流程和Axure的使用技巧。出于简洁性考虑，《Axure RP 6原型设计精髓》对原型设计过程进行了简化，但依旧由易到难完整地阐述了一个UX项目的要素，如定义商业和技术需求、建立用例和流程图、构建高（低）保真线框图、设计交互、编注说明、产出详细UX规格文档及追踪迭代。

 Axure RP 6原型设计精髓下载 精选章节试读 更多精彩书评