內容介紹
模式意味著重用。好的模式建立在對人與事物的深刻認知之上。
本書開篇即總結了“與人有關”的各類問題,為讀者提供了界面設計總體思路上的指引,幫助讀者舉一反三。
接下來,本書收集並分析了很多常用的界面設計模式,幫助讀者理解在實現級別的各種常用解決方案,將它們靈活地運用到自己的設計中。
同時,隨著網路和技術的不斷發展,本書在第1 版的基礎上,更新了幾乎所有的模式示例和說明,並新增了兩章全新的移動套用和社交媒體設計模式,幫助讀者在這兩個新的領域從更高的起點開始設計。
有效的界面設計,從本書開始。
作者介紹
Jenifer Tidwell是一位互動設計、信息架構和設計前期分析方面的諮詢師和作家。她曾經為很多著名的公司(如Google和MathWorks)設計和建立用戶界面。作品目錄
第2版介紹 ............................................................................ xii前言 .................................................................................... xvi
第1章 用戶做些什麼 .........................................................................1
1.1 達到某種目的的手段 ....................................................................................2
1.2 用戶研究基礎知識 ........................................................................................4
1.3 用戶的學習動機 ............................................................................................6
1.4 模式 ................................................................................................................8
安全探索 ........................................................................................................9
即時滿足 ......................................................................................................10
滿意即可 ......................................................................................................10
中途變卦 ......................................................................................................11
延後選擇 ......................................................................................................12
遞增構建 ......................................................................................................13
習慣 ..............................................................................................................14
小片時間 ......................................................................................................15
空間記憶 ......................................................................................................16
前瞻記憶 ......................................................................................................17
簡化重複工作 ..............................................................................................19
只支持鍵盤 ..................................................................................................20
旁人建議 ......................................................................................................21
個性化推薦 ..................................................................................................22
第2章 組織內容:信息架構和套用結構 ..........................................23
2.1 從全局出發 ..................................................................................................23
2.2 模式 ..............................................................................................................27
主題、搜尋和瀏覽 ......................................................................................28
新聞流 ..........................................................................................................32
圖片管理器 ..................................................................................................38
信息板 ..........................................................................................................43
畫布加調色板工具條 ..................................................................................48
嚮導 ..............................................................................................................52
設定編輯器 ..................................................................................................57
可選視圖 ......................................................................................................62
多工作空間 ..................................................................................................66
多級幫助 ......................................................................................................69
第3章 到處走走:導航、路標和找路 ..............................................75
3.1 不要迷路 ......................................................................................................75
3.2 導航的代價 ..................................................................................................77
3.3 常見的導航模型 ..........................................................................................78
3.4 網站設計習慣用法 ......................................................................................83
3.5 模式 ..............................................................................................................84
清楚的入口點 .............................................................................................85
選單頁面 ......................................................................................................88
金字塔 ..........................................................................................................92
模態面板 ......................................................................................................95
深度連結狀態 ..............................................................................................98
逃生艙 ........................................................................................................101
胖選單 .......................................................................................................104
頁腳站點地圖 ............................................................................................108
登錄工具 ....................................................................................................113
序列地圖 ....................................................................................................116
麵包屑層級結構 ........................................................................................119
注釋滾動條 ................................................................................................122
動畫轉換 ....................................................................................................124
第4章 組織頁面:頁面元素的布局 ...............................................127
4.1 頁面布局基礎知識 ....................................................................................127
4.2 模式 ............................................................................................................136
視覺框架 ....................................................................................................138
中央舞台 ....................................................................................................142
對等格線 ....................................................................................................146
帶標題的區域 ............................................................................................149
模態Tab ......................................................................................................152
手風琴模式 ................................................................................................156
可收起面板 ................................................................................................160
可移動的面板 ............................................................................................165
右/左對齊 ...................................................................................................170
對角線平衡 ................................................................................................173
回響式展開 ................................................................................................175
回響式允許 ................................................................................................179
流體布局 ....................................................................................................183
第5章 列表 ..................................................................................187
5.1 列表的使用場景 ........................................................................................187
5.2 回到信息架構 ............................................................................................188
5.3 一些解決方案 ............................................................................................190
5.4 模式 ............................................................................................................193
雙面板選擇器 ............................................................................................194
單視窗深入 ................................................................................................198
列表嵌入 ....................................................................................................202
縮略圖格線 ................................................................................................206
傳送帶 ........................................................................................................211
斑馬行 ........................................................................................................215
分頁 ............................................................................................................219
條目跳轉 ....................................................................................................223
字母表滾動條 ............................................................................................225
級聯列表 ....................................................................................................227
樹表 ............................................................................................................229
新列表行 ....................................................................................................231
第6章 完成任務:動作與命令 ......................................................234
6.1 擴展邊界 ....................................................................................................237
6.2 模式 ............................................................................................................239
按鈕組 ........................................................................................................241
懸浮工具 ....................................................................................................244
動作面板 ....................................................................................................247
突出“完成”按鈕 ....................................................................................251
智慧型選單項 ................................................................................................255
預覽 ............................................................................................................257
進度提示 ....................................................................................................259
可取消性 ....................................................................................................262
多級撤銷 ....................................................................................................265
命令歷史 ....................................................................................................269
宏 ................................................................................................................271
第7章 顯示複雜數據:樹、表格及其他信息圖形 ..........................275
7.1 信息圖形基礎 ............................................................................................275
7.2 模式 ............................................................................................................289
總覽加細節 ................................................................................................290
數據提示 ....................................................................................................293
數據焦點 ....................................................................................................297
動態查詢 ....................................................................................................302
數據刷 ........................................................................................................306
局部縮放 ....................................................................................................310
可排序表格 ................................................................................................314
徑向表 ........................................................................................................317
多Y值圖 .....................................................................................................322
多個小對象 ................................................................................................325
樹狀地圖 ....................................................................................................330
第8章 獲取用戶輸入:表單與控制項 ...............................................335
8.1 表單設計基礎 ............................................................................................335
8.2 控制項選擇 ....................................................................................................338
8.3 模式 ............................................................................................................350
容錯格式 ....................................................................................................351
結構化的格式 ............................................................................................354
填空 ............................................................................................................356
輸入提示 ....................................................................................................358
輸入提醒 ....................................................................................................361
密碼強度計 ................................................................................................364
自動完成 ....................................................................................................367
下拉選擇器 ................................................................................................372
列表構造器 ................................................................................................375
良好的默認值 ............................................................................................377
同頁錯誤信息 ............................................................................................379
第9章 利用社交媒體 .....................................................................384
9.1 本章不涉及的內容 ....................................................................................385
9.2 社交媒體的基礎 ........................................................................................385
9.3 模式 ............................................................................................................388
編輯混合 ....................................................................................................389
個人聲音 ....................................................................................................393
轉帖和評論 ................................................................................................397
發起會話 ....................................................................................................401
倒置納米金字塔 ........................................................................................403
擇時策略 ....................................................................................................406
專用流 ........................................................................................................409
社交連結 ....................................................................................................413
共享組件 ....................................................................................................416
新聞框 ........................................................................................................420
內容列表區域 ............................................................................................424
新近談話 ....................................................................................................428
第10章 邁向移動設計 ...................................................................431
10.1 移動設計的挑戰 ......................................................................................432
10.2 模式 ..........................................................................................................437
縱向堆疊 ..................................................................................................439
膠片 ..........................................................................................................442
觸摸工具 ..................................................................................................444
底部導航 ..................................................................................................446
小圖片加文字的列表 ..............................................................................449
無限列表 ..................................................................................................452
寬邊界 ......................................................................................................454
文本清除按鈕 ..........................................................................................456
載入提示 ..................................................................................................458
套用互聯 ..................................................................................................460
精簡品牌形象 ..........................................................................................463
第11章 修飾外觀:視覺風格和美感 ............................................467
11.1 相同的內容、不同的風格 ......................................................................469
11.2 視覺設計基礎 ..........................................................................................478
11.3 這對桌面套用來說意味著什麼 ..............................................................486
11.4 模式 ..........................................................................................................488
深色背景 ..................................................................................................489
少一點顏色、多一些價值 ......................................................................493
角落處理 ..................................................................................................497
邊界回應字型 ..........................................................................................499
髮絲 ..........................................................................................................502
粗細字型對比 ..........................................................................................505
皮膚和主題 ..............................................................................................508
參考文獻 .......................................................................................511