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