《用戶體驗要素：以用戶為中間的產物計劃》幹貨整頓

簡介：

《用戶體驗要素:以用戶為中間的產物計劃》是ajax之父jesse james garrett的典范之作。用清楚的解釋和活潑的圖形剖析瞭以用戶為中間的計劃辦法（ucd）來舉行網站計劃的龐雜內在，並存眷於思緒而沒有是對象或技巧，從而使你的網站具有高質量體驗的流程。

批評：

這沒有是晉升那種難以掌握的用戶體驗的觀點。這是一個挑釁，在你挑選題目辦理方法的同時，還要尊敬用戶的體驗。

它文雅地將界說用戶體驗的好思惟聯合在瞭一路。

Garrett剖析並模子化瞭人因和觀點的題目。並揭穿出一個本相，即‘題目發生的實質，經常是因為深邃的技巧外套的假裝所釀成的。

內容幹貨：

點擊看大圖

計謀層

勝利的用戶體驗，其基本是一個被明白表達的計謀。曉得公司/團隊與用戶兩邊對產物的期許與目的，有助於增進用戶體驗各方面計謀切實其實立和制訂。

明白貿易目的和用戶目的，辦理二者之間的辯論，找到均衡點，肯定產物原則和定位。隻可領悟弗成言傳的產物目的與定位，會讓團隊成員中的每小我都有分歧的設法主意，目的沒法同一，會在今後的產物研發中墮入僵局，沒法到達快速迭代，快速優化的後果。在如許一個短、平、快的互聯網時期，盡快的同一思惟，明白目的，最少到達階段程度的願景能力在快速變更中的互聯網海潮中很好的掌握住大的偏向而沒有偏離軌道太遠。分階段的給產物指定目的，哪怕說產物1.0完成20W新用戶註冊也能夠作為一個戰役標語，沒有至於 讓團隊損失活氣。

計謀不但僅包含瞭謀劃者想從網站獲得甚麼，還包含瞭用戶想從網站獲得甚麼。就我們的網上書店的例子而言，一些計謀目的是不言而喻的：用戶想要買書，我們想要賣出它們。另外一些目的大概其實不是那末輕易說清晰的。用戶需求與產物目的，簡而言之就是用戶應用產物能獲得大概辦理甚麼，公司大概創業團隊能從用戶那獲得甚麼大概能辦理甚麼題目，直到完成貿易目的或非貿易目的。

計謀，也應當能夠靈巧的、能夠演化和改良的。能夠應用計謀文檔、願景文檔乃至需求文檔、功效列表賡續地跟進更新。

規模層

帶著我們想要幹甚麼、我們的用戶想要甚麼的明白熟悉，我們能力弄清晰若何去知足這些計謀目的。當把用戶的需乞降產物目的釀成產物應當供給給用戶甚麼樣的內容和功效時，計謀就釀成瞭規模。在規模層中，要曉得團隊要做甚麼，沒有要做甚麼。

在規模層，從評論辯論計謀層面的籠統題目——我們為何要開辟這個產物——轉而面臨一個新的題目：我們要開辟的是甚麼——功效和需求的網絡挑選。 舉行需求收羅和需求剖析事情，肯定功效規模和需求優先級。在這個層面裡，能夠記借助功效規格解釋書來完成這方面事情支配，功效清單大概內容清單之類的列表也能夠勝任。

有些賣書的網站供給瞭一個功效，應用戶能夠保留之前的郵寄地點，如許他們能夠再次應用它。這個功效——或任何一個功效——是不是應當成為網站的功效之一，就屬於規模層要辦理的題目。 這一層面重要觸及功效規格文檔和內容需求文檔，按優先級分列這些功效和需求，肯定開辟周期與本錢，項目由此睜開並連續更新。

在這個層面大概會碰到許多功效和需求，挑選這些繁多的功效大概需求時，要時候小心一開端沒有要大而全，要小而美，先相符計謀目的，辦理焦點功效和用戶需求痛點。

（功效規格解釋文檔，今朝正在做的產物，做瞭隱約處置）

構造層

在界說好用戶需求並支配列好優先級以後，我們終極產物將包含甚麼特征已有瞭清晰的圖象。但是，這些需求並沒有解釋若何將這些疏散的片斷構成一個團體，這就是規模層上面一層：為網站/產物創立一個觀點。留意零碎的功效大概需求——構成一個團體，到達流利跑通流程。這將決議我們的產物用甚麼樣的方法來運作。

完成信息架構與交互計劃，他們請求去懂得用戶——懂得用戶的事情方法、思慮行動，從而供給更好地用戶體驗。

交互計劃存眷與將影響用戶履行和完成義務的元素。也就是交互計劃存眷與大概的用戶行動，同時界說體系若何合營與相應這些用戶行動。信息架構則存眷若何將信息表達給用戶的元素。信息架構研討的是人們若何認知信息的進程，對產物而言，信息架構存眷的就是出現給用戶的信息是不是公道並具故意義。交互計劃與信息架構，所帶來的意義遠沒有止於此，用戶在應用產物時，沒有要要用戶思慮，沒有要把累贅轉移到用戶身上，盡量的讓用戶高興的體驗完全的流程。這一流程能夠用流程圖、表示圖大概架構圖展現，最好是能展現一個完全的流程，好比註冊登錄模塊，文章揭櫫模塊。

（可視化的交互計劃稿）

框架層

在充斥觀點的構造層中開端構成瞭大批的需求，這些需求都是來自我們的計謀目的的需求。在框架層，我們要進一步的提煉這些構造，肯定很具體的界面表面、導航和信息計劃，讓艱澀的構造變得更其實。在構造層我們界定瞭我們的產物用甚麼樣的方法來運作,框架層則肯定用甚麼樣的功效和情勢來完成，存眷點險些全體在自力的組件和他們之間的互相幹系上，包含要辦理的更細節的題目

框架層：按鈕、表格、照片和文本地區或其他界面控件的地位。框架層用於優化計劃結構，以到達這些元素的最大後果和效力——使你在須要的時刻，能記得標識並找到購物車的按鈕。 完成信息計劃，增進用戶懂得信息；優化界面計劃，支配好能讓用戶與體系功效發生互動的界面元素；展示焦點導航，出現信息，讓用戶在信息架構中穿行摸索。

假如觸及供給給用戶做某些事的才能，則屬於界面計劃，意義是經由過程它，用戶能真正打仗到那些在構造層的交互計劃中肯定的詳細功效。挑選準確的界面元素，贊助用戶完成他們的義務，同時經由過程恰當的方法讓他們輕易被懂得和應用。哪一個功效在哪一個界面上完成，是在構造層的交互計劃中已決議的，而這些功效在界面上若何被用戶曉得，則屬於界面計劃的領域。勝利的界面計劃師是那些可以或許讓用戶一眼看出來最主要的器械的界面計劃。沒有主要的器械不該該大概沒有那末顯眼被看到，基本你沒有曉得在那兒。

假如是供給給用戶去某個處所，這是導航計劃。經由過程它，用戶能夠在構造（信息架構）中自在穿行。清楚的告知用戶他們在哪兒，他們能去哪兒異常主要

假如是轉達設法主意給用戶的話，那就是信息計劃。它充任把各類計劃元素聚合到一路的粘合劑的腳色。更主要的是讓用戶更好地輿解，對狼藉的信息舉行分組和整頓，優化信息的展示情勢。網絡用戶信息並出現信息，用一種能反應用戶思緒和支撐他們的義務和目的的方法來分類和分列信息元素。給用戶標識用來辨認，如色彩辨別等。這一層能夠應用線框圖來完成。

線框圖整合框架層全體三要素的辦法：經由過程支配和挑選界面元向來整合界面計劃；經由過程辨認和界說焦點導航體系來整合導航計劃；經由過程安排和分列信息構成部門的優先級來整合信息計劃。

與構造層比擬更詳細的是框架層，框架層肯定瞭我們的結賬頁面上交互元素的地位；而構造層則用來計劃用戶若何達到某個頁面，而且在他們做完工作以後能去甚麼處所。框架層界說瞭導航條上各項的分列方法，許可用戶能夠閱讀書本的分歧種別；構造層則肯定哪些種別應當湧現在那邊。 交互計劃大概信息架構，是讓用戶加倍流利的、高興的體驗產物，對用戶行動作出相應和反應，從而進一步的引發用戶（摸索）行動。

（線框圖）

表示層

在表示層，內容、功效和美學灰機到一路發生一個終極計劃，完成四個層面的全部目的，知足用戶的感官感觸感染。

在表示層，你看到的是全體產物，有圖片和筆墨構成。一些圖片是能夠點擊的，從而履行某種功效，比方把你帶到購物車裡去。一些圖片就隻是圖片，好比一本書的封面或網站本身的標記。 更主要的是視覺後果、內容優化，用戶的感知體驗。

對付計劃產物來講，則能夠依照從下往上的框架來做。

寄語：做一個靈巧應用常識，懂的觸類旁通的產物人。

感謝瀏覽！

Tanks,

lemo

>> 檢察更多類似文章