界面設計模式[電子工業出版社出版圖書]

界面設計模式[電子工業出版社出版圖書]
更多義項 ▼ 收起列表 ▲

有經驗的設計人員可以把這本界面設計模式指南作為思想的源泉,而新手則可以通過它發現一條通往界面和互動設計世界的大道。

編輯推薦

儘管市面上類似題材的內容已汗牛充棟,本書的第1版中文版在推出後仍然“技壓群芳”而大獲好評,一路暢銷。究其原因,不外乎:

實踐出真知

作者Jenifer Tidwell本人既是互動設計師,又是一名軟體工程師;曾在麻省理工學院學習技術,並在麻薩諸塞州藝術學院學習設計,從1997年開始就研究用戶界面模式,為眾多著名公司如Google,Mathworks設計和建立用戶界面,很早就開始倡導RIA(Rich Internet Application)技術。

紮實深厚的研究功底、多年的實踐經驗以及常人難以企及的工作氛圍,令她得以洞悉互動設計後的複雜人性/心理,以不變應萬變,遊刃有餘地行走在互動設計之路上。

本書正是她多年的觀察、實踐與智慧的升華。清晰的思路,合理的架構,流暢的文筆,讓讀者不由自主地愛上設計,了解設計並運用模式。

食不厭精,膾不壓細

本書按照設計進程的大致順序,細緻地梳理了互動設計中的模式,每個模式都至少含有一個範例,以方便讀者學習。

在每個章節的寫作中,作者不僅照顧了初學者的需求,提供了上下文的背景,以幫助他們迅速理解並上手;同時也兼顧了深入學習的訴求,提供了進一步學習的主題。

在第2版中,新增了社交媒體,移動設計的內容,切實地符合了當下的技術發展潮流。

模式意味著重用,它包含以下內涵:

是具體的,而非泛泛而談

可以有效套用到各類不同的平台和系統中

是產品,而非過程

關注界面各元素之間的關聯,而非孤立地看待單個元素

可以根據不同的設計情形而定製

……

細膩的內容,真實的場景,貼心的表達……這一切讓本書當之無愧地成為界面設計領域深得人心的力作。

內容提要

模式意味著重用。

好的模式建立在對人與事物的深刻認知之上。

本書開篇即總結了“與人有關”的各類問題,為讀者提供了界面設計總體思路上的指引,幫助讀者舉一反三。

接下來,本書收集並分析了很多常用的界面設計模式,幫助讀者理解在實現級別的各種常用解決方案,將它們靈活地運用到自己的設計中。

同時,隨著網路和技術的不斷發展,本書在第1 版的基礎上,更新了幾乎所有的模式示例和說明,並新增了兩章全新的移動套用和社交媒體設計模式,幫助讀者在這兩個新的領域從更高的起點開始設計。

有效的界面設計,從本書開始。

書本目錄

第2版介紹
前言
第1章 用戶做些什麼
1.1 達到某種目的的手段
1.2 用戶研究基礎知識
1.3 用戶的學習動機
1.4 模式
安全探索
即時滿足
滿意即可
中途變卦
延後選擇
遞增構建
習慣
小片時間
空間記憶
前瞻記憶
簡化重複工作
只支持鍵盤
旁人建議
個性化推薦
第2章 組織內容:信息架構和套用結構
2.1 從全局出發
2.2 模式
主題、搜尋和瀏覽
新聞流
圖片管理器
信息板
畫布加調色板工具條
嚮導
設定編輯器
可選視圖
多工作空間
多級幫助
第3章 到處走走:導航、路標和找路
3.1 不要迷路
3.2 導航的代價
3.3 常見的導航模型
3.4 網站設計習慣用法
3.5 模式
清楚的入口點
選單頁面
金字塔
模態面板
深度連結狀態
逃生艙
胖選單
頁腳站點地圖
登錄工具
序列地圖
麵包屑層級結構
注釋滾動條
動畫轉換
第4章 組織頁面:頁面元素的布局
4.1 頁面布局基礎知識
4.2 模式
視覺框架
中央舞台
對等格線
帶標題的區域
模態Tab
手風琴模式
可收起面板
可移動的面板
右/左對齊
對角線平衡
回響式展開
回響式允許
流體布局
第5章 列表
5.1 列表的使用場景
5.2 回到信息架構
5.3 一些解決方案
5.4 模式
雙面板選擇器
單視窗深入
列表嵌入
縮略圖格線
傳送帶
斑馬行
分頁
條目跳轉
字母表滾動條
級聯列表
懸浮工具
動作面板
突出“完成”按鈕
智慧型選單項
預覽
進度提示
可取消性
多級撤銷
命令歷史

第7章 顯示複雜數據:樹、表格及其他信息圖形
7.1 信息圖形基礎
7.2 模式
總覽加細節
數據提示
數據焦點
動態查詢
數據刷
局部縮放
可排序表格
徑向表
多Y值圖
多個小對象
樹狀地圖
第8章 獲取用戶輸入:表單與控制項
8.1 表單設計基礎
8.2 控制項選擇
8.3 模式
容錯格式
結構化的格式
填空
輸入提示
輸入提醒
密碼強度計
自動完成
下拉選擇器
列表構造器
良好的默認值
同頁錯誤信息
第9章 利用社交媒體
9.1 本章不涉及的內容
9.2 社交媒體的基礎
9.3 模式
編輯混合
個人聲音
轉帖和評論
發起會話
倒置納米金字塔
擇時策略
專用流
社交連結
共享組件
新聞框
內容列表區域
新近談話
第10章 邁向移動設計
10.1 移動設計的挑戰
10.2 模式
縱向堆疊
膠片
觸摸工具
底部導航
小圖片加文字的列表
無限列表
寬邊界
文本清除按鈕
載入提示
套用互聯
精簡品牌形象
第11章 修飾外觀:視覺風格和美感
11.1 相同的內容、不同的風格
11.2 視覺設計基礎
11.3 這對桌面套用來說意味著什麼
……

參考文獻

作者簡介

作者介紹

Jenifer Tidwell是一位互動設計、信息架構和設計前期分析方面的諮詢師和作家。她曾經為很多著名的公司(如Google和MathWorks)設計和建立用戶界面。

譯者介紹

Windy(蔣芳)

互動設計和用戶體驗諮詢師,擁有多年專業經驗,以及發展更簡潔、效率更高的用戶測試方法,同時,Windy 也是《點石成金》一書譯者。

方舟

用戶體驗設計師、IT 專業圖書譯者,譯有《互動設計沉思錄》等。涉獵廣泛,曾任用戶體驗經理、創意總監、產品開發經理、編輯、軟體工程師、UI 設計師等。

任發科

亦名常新居士。喜閱讀思考,雖未及文理兼通,但極客之氣綽綽。混跡軟體企業多年,然痴迷技術之心未怠。不尚空談,希冀躬耕實踐,以技術改變生活。

羅景文

多年來專注於軟體工程及互動式設計,對人機互動技術非常感興趣。曾任職於IBM developerWorks 中國網站、IvarJacobson 博士在中國開辦的雅各布森軟體(北京)有限公司,以及CSDN《程式設計師》雜誌。

前言

第2版介紹

自本書第一版出版五年以來,這個世界發生了很多變化。

絕大部分的用戶界面設計師都在進行網路設計,雖然他們的角色可能是用戶體驗設計師、互動設計師、信息架構師或者擁有其他幾種類似的頭銜。同時,數不清的網站、網路服務、網路軟體、部落格,以及各種電子商務網站都需要良好的設計,而且這些產品和服務的實現也變得越來越快了。它們中的大部分都具有高度的互動性,同時,甚至那些傳統網站也開始使用動態的互動性的內容,例如視頻播放器和社交網路模組,它們以前多數隻擁有靜態的內容。因此,有很多設計工作正在進行。.

和幾年前相比,為桌面套用所做的設計工作少多了。當然,我們所有的技術用戶都仍然需要安裝在台式機或筆記本上的複雜桌面軟體。我們的郵件客戶端、瀏覽器、文本編輯器、各個領域的專業軟體,以及作業系統仍然是我們日益網路化的生活中不可或缺的部分。但是這些軟體的很多界面都已經趨於穩定。因此,從2000 年早期開始,設計書籍的讀者群已經從桌面設計轉向了基於網際網路的設計。

還有另一個變化,那就是移動設計,它在2005 年的時候還很青澀,但隨著iPhone 和其他複雜移動設備的普及,已經達到了百花齊放的程度,移動設備把整個網際網路都放到了我們的口袋裡,因此,很多設計師都需要面對移動設計特有的問題。移動方面的考慮將給設計(特別是移動網際網路)帶來什麼樣的變化?這個問題我們還在收集答案,不過整個設計界已經學到了一些可行的方法和技術。

還有,設計師們也不能忽視線上社交網路的影響。當處在項目的早期設計階段時,我需要去思考它與部落格、Twitter、Facebook、各種評論、論壇及所有其他人們可能會在網上談到和討論它的地方的連線。如果不這么做,我的設計可能就會不稱職了。用戶們會花上很多時間進行線上交往,而且熟練用戶會理所當然地期待社交網路支持。要找到一個和某個社交服務沒關係的網站已經非常罕見了,通常,它們會連線到好幾個社交服務。.

不過,等等,要說的還有很多!自從這本書第一次出版以來,用戶體驗設計領域已經發現了模式的價值,也出現了其他很多和用戶體驗相關的模式集合。其中很多都非常不錯。有一些直接從本書里採用一些模式,然後進行加工、修改,根據新的習慣用法或它們呈現的全新信息來命名。還有一些則創造了一些本書沒有提到的模式,特別是在社交網路、移動領域、搜尋,還有RIA 風格的界面。(我已經在前言的參考資料一節,以及在各個模式本身的描述中,列出了一些上述方面最好的模式集合。)

那么,這些2005 年寫就的模式是不是仍然適用呢?

總的來說,還是適用的。人類的思維方式沒什麼變化——視覺層次結構仍然適用、漸進展開仍然適用,移動的事物也還是會受到我們大腦本能的注意。那些基於基本設計原則的良好模式現在也還和5 年、10 年、20 年以前一樣有效。但是其他一些模式沒有那么堅實的基礎,就可能已經落後了。於是,本書的第2 版讓我有了一種後知後覺:我可以用這段時間來衡量這些模式的持久性,並進行總結。果然,真的,有一小部分模式從這本書里剔除了。

不過大部分模式仍然留下來了,因為它們仍然適用。我給它們增加了新鮮的例子,還為一些模式的有效性補充了新的研究資料。還有,我新寫了(或者借用了)一些新的模式來反映這五年來的變化。

相關詞條

熱門詞條

聯絡我們