本書聚焦交互系統(tǒng)的概念設計,提出了一種創(chuàng)新式的分層框架,有效實現了從功能模塊到概念模型、物理模型、細節(jié)概念直至用戶界面的設計過程。本書分為基本原理和方法論兩大部分,前半部分側重理論研究,后半部分側重實踐。全書概念精準、圖表清晰、實例豐富,特別是貫穿后半部分的健身應用實例的完整設計,既能幫助新手設計師快速掌握概念設計方法,又為專家設計師提供了更多的靈活性。
前 言
這是本關于什么的書這本書是關于交互系統(tǒng)的概念模型和概念設計的。
有很多精美的應用,盡管它們都設計得十分吸引人,但還是讓許多用戶感到失望。在設計界面之前,你需要考慮什么,以確保應用程序能提供積極的用戶體驗?概念設計是在用戶界面設計過程中可以回答這個問題的一個關鍵步驟。這本書提供了一個實現概念設計的有效方法。
讓我們研究一個實際的例子,借此說明在設計和開發(fā)交互系統(tǒng)的整體背景下你可能會遇到的概念模型。想象一個在移動設備上的運動應用。在這樣的應用中,計劃設計一個功能來回顧已完成的運動,我們可以設想一個非常簡單的包括三個主要步驟的設計過程(圖1):
1)選取一些功能。
2)草擬一個線框圖,并對其進行測試和修訂。
3)完成用戶界面的細節(jié)設計。
然而,我們究竟如何從步驟1的功能列表進行到步驟2的詳細線框圖呢?還有一些需要回答的問題,如:
我們如何以及何時決定哪些項目應該分成一組?例如,“已完成的運動”是否應該組成一組?我們定義了其他組的功能嗎?例如,是否應該有一組是“已計劃的運動”?我們定義了組之間的關系嗎?例如,“已計劃的運動”和“已完成的運動”這兩組是否在某種程度上是相關的?我們定義了用戶是否應該能夠從一組到另一組嗎?例如,用戶是否應該能夠從“已完成的運動”到“已計劃的運動”?我們確定了這些組在哪里嗎?例如,“已完成的運動”會單獨顯示在屏幕上,還是與“已計劃的運動”一起顯示?更多的問題……圖1 運動應用的三步設計流程的假設這些問題和例子反映了設計和開發(fā)交互系統(tǒng)在方法上的差距。特別是,它們一方面反映了調研和需求之間的鴻溝(圖1中的①),另一方面反映了細節(jié)的設計(圖1中的②和③)。然而,還有另一個插圖來填補空白(圖2中的②和③)。
這本書描述了概念設計過程中的關鍵步驟。這個過程的基礎是有效的方法論和良好的科學知識,而不是視覺設計。它填補了設計研究和分析的部分,在概念設計中,我們定義了設計和開發(fā)交互系統(tǒng)的邏輯模型。
圖2 概念設計一方面成為調研和功能確定之間的橋梁,另一方面也反映了細節(jié)設計這本書適合你嗎如果符合以下任意一條,這本書就是適合你的:
你設計用戶界面。
你正在尋找方法來提高產品的可用性。
你正在尋找一套成熟的系統(tǒng)來支持從需求到設計的創(chuàng)造性飛躍。
如果你設計用戶界面,并正在尋找方法來提高設計的可用性,那么這就是為你準備的書。如果你仍然感覺從功能需求到界面設計的飛躍是一種神秘的體驗,并且想引入一個系統(tǒng)且成熟的方法,那么這就是為你準備的書。如果你審查或測試他人設計的用戶界面,并正在尋找正確的語言來分享反饋信息,那么這就是為你準備的書。無論你是產品經理、UX和UI設計師、程序員、市場營銷人員、平面設計師、投資者或產品的任一利益相關者,都適合閱讀這本書。
使用這本書需要哪些必備的知識嗎?是的,需要一些。本書重點介紹了整個用戶界面設計過程的一部分:概念設計。這就是為什么你應該知道一些關于以下方面的事情:
用戶界面、可用性和用戶體驗設計的基本原理。
以用戶為中心或以人為本的設計過程。
用戶調研。
通過學習和使用本書,你將實現兩個目標:
1)了解功能模塊、架構、導航和策略方面的概念模型,并了解定義概念模型的方法是如何影響用戶績效、可用性和用戶體驗的。
2)開發(fā)概念模型的一個堅實的概念設計方法。
你可以也應該花時間去構建一個概念模型,即使你采用的是旨在盡快給客戶和最終用戶呈現成果的敏捷或者精益的開發(fā)過程。本書對以下想法或觀點提出了挑戰(zhàn):認為太多的用戶調研會浪費時間,在探索各種想法時畫線框圖和開發(fā)紙原型是浪費時間。通過進行概念設計,而不是跳過這個關鍵階段,會使系統(tǒng)更具可用性,結果是顯著地節(jié)省了時間、金錢和物力,你可以避免無用系統(tǒng)的擴散和為了使系統(tǒng)更有效而重新設計的成本。
這本書是如何組織的這本書分兩部分。第一部分是理論研究,它側重于概念模型的概念及其對用戶績效、可用性和用戶體驗的影響。你可以把這部分作為一個入門介紹,它討論了“概念模型”這一概念。第二部分是實踐部分,它專注于概念設計過程以及構建概念模型的方法,第二部分將引導你開發(fā)一個概念模型,你可以將它作為指南來使用。
致 謝寫一本書所付出的努力對我來說是一項無比艱巨的工作。但是這一切成為可能是因為在寫作的漫長旅程中有那么多人在支持我。
首先感謝Debi,她是我的妻子、最好的朋友和伙伴。多年來,我們共同在人機交互領域工作,你是真正理解這本書的人。我們共享了很多機會,從而能夠發(fā)展和總結我關于概念設計的想法以及有助于開發(fā)概念原型的方法論。Debi,是你讓我寫作這本書的愿望成為了現實。
我弟弟Zeev Parush是一個經驗豐富的用戶界面設計和用戶體驗領域的專家。我們討論甚至辯論一般性的設計和概念設計中的許多挑戰(zhàn)以及從事這項工作的意義。Zeev,你對本書早期草稿的寶貴評論讓我反思和重寫了這本書的部分內容。
Ben Shneiderman教授一
目 錄
譯者序
序 言
前 言
致 謝
第一部分 概念模型:基本原理
第1章 多平臺交互實例:設置預約2
第2章 空間、路徑和抽象8
第3章 概念模型的分層框架11
第4章 功能層14
4.1 功能模塊15
4.2 面向任務的功能模塊16
4.3 面向對象的功能模塊16
4.4 面向內容的功能模塊17
4.5 功能模塊與復合功能模塊之間的關系17
第5章 架構層20
5.1 概念模型元素21
5.2 架構:概念模型元素之間的連接22
第6章 導航和策略層26
6.1 導航地圖:概念模型元素之間的跳轉27
6.2 概念元素的物理空間29
6.3 導航策略:“交通規(guī)則”31
6.4 操作原則33
第7章 細節(jié)層40
7.1 形式層:細節(jié)概念元素41
7.2 細節(jié)層:用戶界面元素43
第8章 依據分層框架總結概念模型組件45
第9章 概念模型的重要性:對用戶績效、可用性及用戶體驗的影響47
第10章 概念模型的類型56
10.1 順序和結構化模型57
10.1.1 單序列結構模型57
10.1.2 層級結構或多序列結構模型59
10.2 非順序和非結構化模型62
10.2.1 軸輻型模型62
10.2.2 矩陣型模型63
10.2.3 網絡型模型67
10.2.4 混合概念模型68
10.3 概念模型有好壞嗎?關于概念模型的復雜性69
第一部分總結72
第二部分 概念設計:方法論
第11章 情境中的概念設計:戰(zhàn)略性思維74
11.1 商務情境:開發(fā)產品的動機和價值主張75
11.2 設計與開發(fā)情境:用戶主導的方法76
11.3 項目管理79
11.3.1 設計和開發(fā)方法:用戶調研的地位79
11.3.2 多平臺和跨平臺的設計和發(fā)展戰(zhàn)略80
11.3.3 團隊合作的方法80
第12章 概念設計:方法概述81
12.1 重溫框架82
12.2 項目管理方面的考慮:這并不一定是線性過程83
第13章 第一步,用戶調研84
13.1 數據采集85
13.1.1 數據來源和采集技術85
13.1.2 數據采集結果86
13.2 數據分析87
13.2.1 用戶畫像和角色87
13.2.2 用戶和使用情景89
13.2.3 角色和情景意義89
13.2.4 任務和工作流程分析90
13.2.5 對象行為分析92
13.2.6 旅程和體驗地圖94
13.2.7 可用性要求95
13.2.8 戰(zhàn)略方面95
第14章 功能模塊:構造核心基礎模塊97
14.1 定義功能模塊99
14.1.1 面向任務的功能模塊99
14.1.2 面向對象的功能模塊101
14.2 連接功能模塊102
14.3 檢查點:回顧并修訂107
14.4 項目管理方面的考慮107
第15章 架構:繪制概念模型的第一個粗略原型109
15.1 定義并配置概念模型元素111
15.2 尋找架構中的關鍵元素112
15.3 重新配置模型114
15.4 檢查點:回顧并修訂115
15.5 項目管理方面的考慮116
第16章 導航地圖:從一處移動到另一處117
16.1 導航地圖概述119
16.2 評估并修訂120
16.3 項目管理方面的考慮123
第17章 導航策略:定義“交通規(guī)則”125
17.1 定義概念元素的物理空間分配127
17.1.1 用戶績效目標127
17.1.2 隱含結論分析128
17.1.3 使用情境、使用狀態(tài)與使用模式129
17.1.4 交互平臺130
17.1.5 商業(yè)與品牌方面的考慮131
17.2 開始制作原型131
17.3 定義策略133
17.4 檢查點:回顧并修訂135
17.5 交互平臺的其他含義:操作原則135
17.6 評估并修訂137
17.7 項目管理方面的考慮139
第18章 形式層:過渡到細節(jié)設計141
18.1 外觀概念:考慮隱喻143
18.2 加入細節(jié)145
18.3 制作故事板147
18.4 測試并修訂147
18.5 項目管理方面的考慮148
第19章 總結:概念設計方法一覽150
后記 超越概念模型,進入細節(jié)設計 153
參考文獻155