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