圖書簡介
在Web已經進入嶄新的時代的今天,界面的設計顯得非常重要,本書就是基於獨一無二的Web環境下、在創建豐富體驗的過程中設計Web界面的最佳實踐、模式和原理。本書既是一本Web界面設計指南,又是一本Web界面實例參考,適合Web界面設計、開發、研究人員、愛好者,以及Web項目管理人員閱讀。
內容簡介
UI專家Bill Scott和Theresa Neil在他們多年實踐經驗和不懈探索的基礎上,總結提煉出了Web界面設計的六大原理——直截了當、簡化互動、足不出戶、提供邀請、使用變換和即時反應,並以這六大原理為依託,以當今Web上各類開風氣之先的流行網站為示例,向讀者展示了超過75種基於富互動構建Web界面的模式,並以簡單明了的語言,闡明了數以百計行之有效的最佳實踐。同時,書中還給出諸多反模式,即在Web界面設計過程中應該避免的做法。本書是迄今為止一部專注於富Web界面設計的經典之作。
作者簡介
他在這個職位上發揮著自己在界面工程和設計方面的專長。此前他負責管理Yahoo! Design Pattern Library(Yahoo!設計模式庫)。
Bill的IT從業經歷漫長而耐人尋味,他對設計可用性產品的技術和創意具有獨到的見解。Theresa Neil是一位居住在美國德克薩斯州奧斯汀市的用戶體驗諮詢師,她的職業是為創業型公司和財富500強公司設計網際網路應用程式。
圖書目錄
序..................................................................................................................................................I
前言............................................................................................................................................III
原理一:直截了當
第1章:頁內編輯........................................................................................................................3
1.1 單欄位行內編輯 ..........................................................................................................4
1.2 多欄位行內編輯 ..........................................................................................................8
1.3 覆蓋層編輯 ................................................................................................................11
1.4 表格編輯 ....................................................................................................................15
1.5 群組編輯 ....................................................................................................................18
1.6 模組配置 ....................................................................................................................21
1.7 選擇編輯模式的原則 ................................................................................................23
第2章:利用拖放 .....................................................................................................................25
2.1 趣味瞬間 ....................................................................................................................26
2.2 拖放的用途 ................................................................................................................29
2.3 拖放模組 ....................................................................................................................30
2.4 拖放列表 ....................................................................................................................40
2.5 拖放對象 ....................................................................................................................46
2.6 拖放操作 ....................................................................................................................52
2.7 拖放集合 ....................................................................................................................57
2.8 實現拖放的挑戰 ........................................................................................................59
第3章:直接選擇......................................................................................................................61
3.1 切換選擇 ....................................................................................................................62
3.2 集合選擇 ....................................................................................................................67
3.3 對象選擇 ....................................................................................................................70
3.4 混合選擇 ....................................................................................................................72
原理二:簡化互動
第4章:上下文工具..................................................................................................................79
4.1 上下文互動 ................................................................................................................79
4.2 費茨定律 ....................................................................................................................80
4.3 上下文工具 ................................................................................................................81
4.4 實時可見工具 ............................................................................................................81
4.5 懸停即現工具 ............................................................................................................85
4.6 開關顯示工具 ............................................................................................................91
4.7 級聯遞進工具 ............................................................................................................93
4.8 二級選單 ....................................................................................................................98
原理三:足不出戶
第5章:覆蓋層........................................................................................................................105
5.1 對話框覆蓋層 ..........................................................................................................107
5.2 詳情覆蓋層 ..............................................................................................................112
5.3 輸入覆蓋層 ..............................................................................................................119
第6章:嵌入層........................................................................................................................123
6.1 對話框嵌入層 ..........................................................................................................123
6.2 列表嵌入層 ..............................................................................................................127
6.3 詳情嵌入層 ..............................................................................................................132
6.4 標籤頁 ......................................................................................................................134
6.5 嵌入層與覆蓋層 ......................................................................................................136
第7章:虛擬頁面....................................................................................................................137
7.1 虛擬滾動 ..................................................................................................................137
7.2 內置分頁 ..................................................................................................................142
7.3 滾動分頁:傳送帶 ..................................................................................................147
7.4 虛擬搖攝 ..................................................................................................................149
7.5 伸縮式用戶界面 ......................................................................................................151
7.6 分頁與滾動 ..............................................................................................................155
第8章:流程處理....................................................................................................................157
8.1 Google Blogger.........................................................................................................157
8.2 魔法原理 ..................................................................................................................158
8.3 互動式單頁 ..............................................................................................................160
8.4 嵌入式部件 ..............................................................................................................164
8.5 對話框覆蓋層 ..........................................................................................................168
8.6 配置程式 ..................................................................................................................171
8.7 靜態單頁 ..................................................................................................................174
原理四:提供邀請
第9章:靜態邀請....................................................................................................................181
9.1 引導操作邀請 ..........................................................................................................181
9.2 漫遊探索邀請 ..........................................................................................................185
第10章:動態邀請..................................................................................................................191
10.1 懸停邀請 ................................................................................................................191
10.2 預期功能邀請 ........................................................................................................196
10.3 拖放邀請 ................................................................................................................200
10.4 推論邀請 ................................................................................................................209
10.5 更多內容邀請 ........................................................................................................210
10.6 邀請的優點 ............................................................................................................213
原理五:巧用變換
第11章:變換模式..................................................................................................................217
11.1 加亮和減暗 ............................................................................................................217
11.2 擴展與摺疊 ............................................................................................................222
11.3 自恢複式淡出 ........................................................................................................227
11.4 動畫效果 ................................................................................................................228
11.5 聚光燈效果 ............................................................................................................231
第12章:變換的目的 .............................................................................................................233
12.1 增添魅力 ................................................................................................................233
12.2 增進溝通 ................................................................................................................234
原理六:即時反應
第13章:查詢模式..................................................................................................................253
13.1 自動完成 ................................................................................................................253
13.2 實時建議 ................................................................................................................257
13.3 實時搜尋 ................................................................................................................262
13.4 微調搜尋 ................................................................................................................268
第14章:反饋模式..................................................................................................................275
14.1 實時預覽 ................................................................................................................275
14.2 漸進展現 ................................................................................................................284
14.3 進度指示 ................................................................................................................286
14.4 定時刷新 ................................................................................................................292
尾聲:富互動的原理和模式..................................................................................................295
索引.........................................................................................................................................297
……