• 創(chuàng)建吸引人的、高效的用戶體驗的方法稱為“以用戶為中心的設(shè)計”。以用戶為中心的設(shè)計思想非常簡單：在開發(fā)產(chǎn)品的每一個步驟中，都要把用戶列入考慮范圍。
• 五個層面：表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層、戰(zhàn)略層。其中：
  • 表現(xiàn)層，看到的是一些列的UI，由圖片和文字組成。
  • 框架層，在表現(xiàn)層之下，用于優(yōu)化設(shè)計布局，以達(dá)到這些元素的最大效果和效率
  • 結(jié)構(gòu)層，比框架層更抽象，框架層是結(jié)構(gòu)層的具體表達(dá)方式
  • 范圍層，結(jié)構(gòu)層確定APP的各種特性和功能最適合的組合方式，而這些特性和功能構(gòu)成了APP的范圍層。
  • 戰(zhàn)略層，APP的范圍層基本上是有APP的戰(zhàn)略層決定的。
  • 這五個層面提供了一個基本架構(gòu)，只有在這個基礎(chǔ)架構(gòu)上，我們才能討論用戶體驗的問題，以及用什么工具來解決用戶的體驗。

用戶體驗的要素

戰(zhàn)略層

無論是功能型產(chǎn)品還是信息型產(chǎn)品，戰(zhàn)略層關(guān)注的內(nèi)容都是一樣的——來自企業(yè)外部的用戶需求。我們必須了解這些觀眾想從我們這兒得到什么，還要知道他們想達(dá)到的這些目標(biāo)將怎樣滿足他們所期待的其他目標(biāo)。
雨用戶需求相對應(yīng)的，是我們對APP的期望目標(biāo)。這些產(chǎn)品目標(biāo)可以是商業(yè)目的，或是其它類型的目標(biāo)。

范圍層

在功能型產(chǎn)品一側(cè)，是一種功能規(guī)格：對產(chǎn)品的“功能組合”的詳細(xì)描述。在信息型產(chǎn)品一側(cè)，范圍則是以內(nèi)容需求的形式出現(xiàn)的：對各種內(nèi)容元素的要求的詳細(xì)描述。

框架層

三個部分：

• 信息設(shè)計：一中國年促進(jìn)理解的信息表達(dá)方式
• 界面設(shè)計：安排好能讓用戶與系統(tǒng)功能產(chǎn)生互動的界面元素。
• 導(dǎo)航設(shè)計：屏幕上的一些元素的組合，允許用戶在信息架構(gòu)中穿行。

表現(xiàn)層

為最終產(chǎn)品創(chuàng)建感知體驗。

具體五層的描述

戰(zhàn)略層

成功的用戶體驗，其基礎(chǔ)是一個被明確表達(dá)的戰(zhàn)略。知道企業(yè)與用戶雙方對產(chǎn)品的期許和目標(biāo)。有助于促進(jìn)用戶體驗各方面戰(zhàn)略的確立和制定。

• 產(chǎn)品目標(biāo)：我們要通過這個產(chǎn)品得到什么？
  • 商業(yè)目標(biāo)：商業(yè)驅(qū)動因素
• 用戶需求：我們的用戶要通過這個產(chǎn)品得到什么？
  • 用戶細(xì)分，可以通過將大量用戶需求劃分為幾個可以管理的部分來完成
  • 可用性和用戶研究：想弄明白用戶需要什么，要先知道他們是誰。用戶研究領(lǐng)域致力于收集必要的信息來達(dá)成共識，例如現(xiàn)場調(diào)查、人物分析、用戶測試等。
  • 創(chuàng)建人物角色，是非常有價值的。將統(tǒng)計數(shù)字背后具體化為真正人物，可以讓用戶更加真實。這叫做用戶模型。

范圍層

帶著 “我們想要什么”，“我們的用戶想要什么”的明確認(rèn)識，我們才能弄清楚如何去滿足這些戰(zhàn)略的目標(biāo)。
定義項目范圍則同時在做這兩件事：這是一個有價值的過程，同時能產(chǎn)生有價值的產(chǎn)品。

• 過程的價值在于，整個事情還處在假設(shè)階段的時候，它能迫使你去考慮潛在的沖突和產(chǎn)品中國年一些粗略的點。現(xiàn)在能確定解決那些事情，那些必須要遲一點再解決。
• 產(chǎn)品的價值在于，被定義的這個產(chǎn)品給了整個團(tuán)隊一個參考點，明確了這個項目中要完成的全部工作，它也提供了一門用于討論這件事情的共同的語言。定義好這個語言，也就保證在設(shè)計過程中不會出現(xiàn)模棱兩可的情況。
• 一定要用文檔來定義產(chǎn)品需求，雖然很麻煩，但是：
  • 這樣你才知道你在建設(shè)什么
  • 這樣你才知道你不需要建設(shè)什么
• 在這里，范圍層被“功能型產(chǎn)品”和“信息型產(chǎn)品”分成兩個部分：在功能型產(chǎn)品方面，我們考慮的是功能型規(guī)格——哪些應(yīng)當(dāng)被當(dāng)成軟件產(chǎn)品的“功能”以及相應(yīng)的組合。在信息型產(chǎn)品方面，我們考慮的是內(nèi)容，這屬于編輯和營銷推廣的傳統(tǒng)領(lǐng)域。
• 上一章節(jié)說過的人物角色，我們可以將這些虛擬人物放到一個簡短的故事之中，稱之為“場景”。簡單的描述了一個人物角色會如何完成這些用戶需求。

功能規(guī)格說明

文檔不能解決問題，但是定義可以。我們需要的文檔需要足夠清楚和準(zhǔn)確。功能規(guī)格說明不需要包含產(chǎn)品每一個細(xì)節(jié)，只需要包含在設(shè)計或開發(fā)過程中出現(xiàn)有可能混淆的功能定義。同時功能規(guī)格說明也不需要展望產(chǎn)品未來的理想化狀態(tài)——只需要記錄在創(chuàng)建這個產(chǎn)品時已經(jīng)確定下來的決議。
功能規(guī)格說明要注意：

• 樂觀。描述系統(tǒng)講要做什么事情去“防止”不好的情況發(fā)生，而不是描述這個系統(tǒng)“不應(yīng)該”做什么不好的事情。
• 具體。盡可能詳細(xì)地解釋清楚狀況，這是我們能決定一個功能是否被實現(xiàn)的最佳途徑。
• 避免主觀的語氣。保持明確，避免歧義。

確定需求優(yōu)先級

• 如果因為時間有限，可以把特性放到下一個版本或者項目里程碑中。如果是資源有限，則技術(shù)或企業(yè)的變化有時能減少資源的負(fù)擔(dān)，從而使某個功能得意實現(xiàn)。
• 任何不符合當(dāng)前項目的戰(zhàn)略目標(biāo)的特性建議，都要通過范圍定義將其排除出去。
• 關(guān)注戰(zhàn)略目標(biāo)，而不是各種實現(xiàn)這些目標(biāo)的手段。對決策者的需求表示認(rèn)同，是解決特性沖突的關(guān)鍵。

結(jié)構(gòu)層

• 交互設(shè)計和信息架構(gòu)都強(qiáng)調(diào)一個重點：確定哥哥將要呈現(xiàn)給用戶的元素的“模式”和“順序”。交互設(shè)計關(guān)注于將影響用戶執(zhí)行和完成任務(wù)的元素。信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素。
• 用戶對于“交互組件將怎樣工作”的觀點稱為概念模型。概念模型是用于在交互設(shè)計的開發(fā)過程中保持使用方式的一致性。在理想情況下，我們不需要告訴用戶網(wǎng)站使用的是什么樣的概念模型：用戶在使用網(wǎng)站的時候，基本上是靠直覺的，因為這個網(wǎng)站的交互行為與他們隱含的期望完全相符。
• 信息架構(gòu)研究的是人們?nèi)绾握J(rèn)知信息的過程，對于產(chǎn)品而言，信息架構(gòu)關(guān)注的是呈現(xiàn)給用戶的信息是否合理病具有意義。
• 從上到下 的信息架構(gòu)方法將從戰(zhàn)略層所思考的內(nèi)容，即根據(jù)產(chǎn)品目標(biāo)與用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計。先從最廣泛的、有可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類，然后再依據(jù)邏輯細(xì)分出次級分類。這樣的“主要分類”與“次要分類”的層級結(jié)構(gòu)就像一個個的空槽，而內(nèi)容和功能將按順序一一填入。
• 從下到上 的方法是根據(jù)“內(nèi)容和功能的需求的分析”而來。先從已有的資料開始，我們把這些資料統(tǒng)統(tǒng)放到最低級別的分類中，然后再將它們分別歸檔到較高一級別的類別，從而逐漸構(gòu)建出能反映我們的產(chǎn)品目標(biāo)和用戶需求的結(jié)構(gòu)。
• 從上到下的架構(gòu)方法有可能導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略。
• 從下到上的架構(gòu)方法則可能過于精確的反映了現(xiàn)有內(nèi)容。
• 結(jié)構(gòu)質(zhì)量最重要的標(biāo)準(zhǔn)，不是“整個過程一共需要多少步驟”，而是“用戶是否認(rèn)為每一個步驟都是合理的”以及“當(dāng)前的步驟是否自然地延續(xù)了上一個步驟中的任務(wù)”。毫無疑問，用戶喜歡一個被定義清楚的七步過程，而不是一個令人困惑的，被勉強(qiáng)壓縮的三步過程。

框架層

框架層包括界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計。在框架層，我們要更進(jìn)一步地提煉這些結(jié)構(gòu)，確定很詳細(xì)的界面外觀、導(dǎo)航和信息設(shè)計，這樣能讓晦澀的結(jié)構(gòu)變得實在。

• 提供給用戶做某些事的能力，屬于“界面設(shè)計”。
• 如果是提供給用戶去某個地方的能力，這是“導(dǎo)航設(shè)計”。信息架構(gòu)把一個結(jié)構(gòu)應(yīng)用到我們設(shè)訂好的“內(nèi)容需求列表”之中；而導(dǎo)航設(shè)計則是一個用戶看到那個結(jié)構(gòu)的鏡頭，透過它，用戶可以“在結(jié)構(gòu)中自由穿行”。
• 如果是傳達(dá)想法 給用戶的話，那就是“信息設(shè)計”。
• 界面設(shè)計可以用各種各樣的技巧，使用戶完成任務(wù)的過程變得容易。一個簡單的技巧，就是在這個界面第一次呈現(xiàn)給用戶的時候，仔細(xì)考慮每一個選項的默認(rèn)值。
• 另一個更好的做法是，能自動記住某個用戶最后一次選擇狀態(tài)。
• 最關(guān)鍵的是，用一種能“反映用戶思路”和“支持他們的任務(wù)和目標(biāo)”的方式來分類和排列這些信息元素。
• 頁面布局被納入一個詳細(xì)的文檔，并稱為頁面示意圖或者線框圖。線框圖是整合在框架層的全部三種要素的方法：通過安排和選擇界面元素來整合頁面設(shè)計；通過識別和定義核心導(dǎo)航系統(tǒng)來整合導(dǎo)航設(shè)計；通過放置和排列信息組成部分的優(yōu)先級來整合消息設(shè)計。

表現(xiàn)層

• 我們在這里解決并彌補(bǔ)“產(chǎn)品框架層的邏輯排布”的感知呈現(xiàn)問題。
• 如果設(shè)計是成功的，用戶眼睛的移動軌跡模式應(yīng)該有以下兩個重要特點：
  • 首先，它們遵循的是一條流暢的路徑
  • 其次，在不需要太多細(xì)節(jié)來嚇倒用戶的前提下，它為用戶提供有效選擇的、某種可能的“引導(dǎo)”。
• 在視覺設(shè)計中，我們用于吸引用戶注意的一個主要工具就是對比。
• 在設(shè)計中保持一致性是另一個重要的組成部分，它能使你的設(shè)計有效的傳達(dá)信息，而不會導(dǎo)致用戶迷惑或焦慮。