推薦序 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
· · · · · · (
收起)