Web界面設計

Web界面設計

《Web界面設計》是2009年08月電子工業出版社出版的圖書,作者是BillScottTheresaNeil。

基本信息

圖書簡介

在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

……

相關詞條

相關搜尋

熱門詞條

聯絡我們