产品读书《用户体验要素》
《用戶體驗要素》為我們清晰地介紹了關于用戶體驗的五個要素，五個要素是按照產品的整個生命過程來描述的。
產品設計五要素分別是：戰略層、范圍層、結構層、框架層、表現層。
首先，在做一款產品之前，我們先嘗試著問自己幾個問題，問題分為以下3類：
1.為什么要做（戰略層）
我們的用戶是誰？解決用戶的什么問題？產品定位是什么？產品的商業目標是什么？
2.怎么做（范圍層）
采用什么功能和內容來達成目標。
3.做什么（結構層、框架層、表現層）
產品做成什么樣子？可以用結構圖、線框圖、和高保真原型圖來分別表示。
1.戰略層：產品目標和用戶需求
就像毛主席說的，主義譬如一面旗幟。柳傳志也說過，自己的領導力三要素就是：搭班子、定戰略、帶隊伍。足可以看出戰略思想的重要性。
整個產品周期很長，先定個戰略，有規劃，有指導思想，才能夠好好做產品。比如，我們做產品總得定一個小目標吧？
（1）產品目標：比方說，先賺它一個億。再比如，我們先干一年，目標積累100萬用戶（也好拉投資嘛對吧）。這就是我們的商業目標。
- 商業目標：替公司賺錢或替公司省錢；
- 品牌識別：經過產品設計者有意精心安排，用戶無意之中形成品牌形象；
- 成功標準“一些可追蹤的指標，產品上線后是否滿足我們自己的目標和用戶的需求。
（2）用戶需求：一定要清楚用戶是誰，他們的需求到底是什么！比方說，我們覺得有的用戶打車困難，有的用戶的汽車總是自己一個人開，浪費空間，所以我們想來個共享經濟，做個滴滴，讓沒車的用戶可以方便地做有車的用戶的車。這就是我們的用戶需求。
- 用戶細分：將用戶劃分為更小的群組或細分用戶群，每一群用戶都是由某些共同關鍵特征的用戶組成；（人口統計學方法、消費心態檔案）
- 可用性和用戶研究：市場調研方法（問卷調查、焦點小組）、現場調查、任務分析、用戶測試（測試原型、測試網站、卡片排序法）；
- 創建人物角色
用戶需求需要好好挖掘，可以通過問卷調查、用戶訪談、焦點小組等各種方式挖掘用戶的核心需求。為了避免我們的做法與用戶需求有偏離，我們可以對用戶進行分類，把典型的用戶種類劃分制作成用戶畫像Personal，甚至，我們可以把用戶畫像打印出來掛在墻上，以后做決定的時候時刻想著他們的需求，這樣就不至于我們做出太過于偏離用戶需求的決定。
（3）團隊角色和流程
角色：戰略專家或決策層
結果文檔：戰略文檔或愿景文檔；
商業需求是公司內部需求，用戶需求是公司外在需求，它們共同組成戰略層的核心內容。
2.范圍層：功能規格和內容需求
在上一步，我們把戰略定好了，目標很美好，要么幾百萬用戶，要么一年賺幾個億，那么，接下來是不是就該想想怎么做了呢。
**我們的產品要有哪些功能？**接著上面做滴滴打車的例子，我們要讓用戶能夠提出出發地和目的地，就能夠找到車，對不對？我們要讓司機能夠輕松地找到乘客對不對？我們要給他們提供便利的支付方式對不對？我們要讓乘客和司機能夠通過聯系方式交流對不對？我們要能夠動態地、實時地把最合適的乘客推薦給最合適的司機對不對？
上面描述了我們想做的產品功能，這就是范圍層要考慮的，哪些功能要做，哪些功能不要做，哪些先做，哪些后做，寫下來之后就變成需求文檔了，以后開發的排期、優先級、做不做某個功能的時候產生糾結，都可以把之前寫下來的需求文檔搬出來。
（1）功能和內容：做什么功能，放什么內容；
（2）定義需求：用戶和場景；
（3）功能規格說明：要記下來：（樂觀）描述系統將要做什么事情去預防”防止“不好的事情發生。（具體）盡可能詳細的解釋清楚狀況，避免主觀語氣；
（4）內容需求：隨時提供用戶需要的消息，文本格式次要、更新頻率、內容清單；
（5）確定優先級：
- 評估這些需求能否滿足我們的網站目標和用戶需求以及實現這些需求的可行性有多大。
在前面的戰略層，解決的是為什么做的問題，在范圍層，解決的是做什么的問題。那么，接下來結構層、框架層、表現層，都是解決怎么做的問題的。只是由抽象到具體，由框架到細節，步步推進的。
3.結構層：交互設計和信息架構
在結構層，要考慮兩個問題：“交互設計”和“信息架構”。都強調一個重點：確定各個將要呈現給用戶的元素的“模式”和"順序"。
（1）交互設計: 指的是針對用戶的操作，產品要怎么反應來配合用戶操作。
在這里有一個**“概念模型”**的概念，比如，我們做電商，有購物車，購物車的概念模型可以是現實中的購物推車，那么它就有往里面放東西、從里面移除東西等功能，那么在電商平臺設計購物車的功能的時候，就可以對應著來考慮與用戶的交互方式了。
尤其需要注意的一點，我們設計的交互方式不要與用戶默認的思維習慣相背離，比如，在用戶的腦海里，默認瀏覽器右側的ScrollBar是用來上下滑動頁面的，而你的產品把它設計為拉動ScrollBar以放大、縮小字體，這就會讓用戶很難接受，因為這與他們的腦海中的習慣不相符。
再比如，在移動設備上，我們習慣于通過點擊來放大、縮小圖片，習慣于通過手指上下滑動來瀏覽長圖。而微博客戶端Weico曾經推出一個版本，修改了這一用戶行為習慣，使得用戶很容易進行誤操作。理所當然地，在后來的版本中，Weico也將操作方式改回了大家習慣的方式。
盡管我們說，交互設計要遵循用戶的默認習慣。如果我們對用戶的行為習慣有了深刻的研究，以至于我們認為我們比用戶更了解自己，我們設計的操作方式是最適合用戶的。那么我們可以嘗試推廣自己的交互設計方式，慢慢培養用戶習慣。當然，這是需要時間和代價的。
錯誤處理
方法1：將系統設計成不可能犯錯的形式；
方法2：預防-改正-恢復：讓錯誤難以發生；如：撤銷功能
有效的錯誤信息和可以自我解釋的用戶界面！！
（2）信息架構: 信息的組織方式。
我們的產品肯定有很多內容，那么這些內容應該怎么組織起來，讓用戶覺得好用、易用呢。比如操作文件夾的時候，我們總見過打開一個文件，再嵌套另一個文件夾，再嵌套另一個文件···一下嵌套十來層的文件夾組織方式，令人不厭其煩。在進行信息架構的時候，我們可以把自己的一個個的產品內容當做一個節點node，然后將這些節點有序的組織起來。具體的結構方式有層級結構、矩陣結構、自然結構、線型結構等，我們可以根據自己的產品特點來進行針對性的設計。
結構化內容：
從上到下：戰略層驅動的；
從下到上：由范圍層驅動；
一個實用性強的信息架構系統，能把新的內容作為現有結構的一部分容納近來，也可以吧新內容當做一個完整的新部分加入。
結構方法：：層級結構、矩陣結構、自然結構、線性結構；
組織原則：決定哪些節點要編成一組，那些節點要保持獨立的標準；
語言和元數據：使用用戶語言、保持一致性（受控詞典）；
（3）團隊角色和流程
文檔要寫清楚，從命名規則和元數據的具體細節，到信息架構和交互設計的整體情況。
4.框架層：界面設計、導航設計、信息設計
經過了上面的結構層，我們可以看到，我們只是對產品的交互方式和內容組織方式進行了一個大概的設計。那么在框架層，就需要進一步地進行設計了。在框架層，包含：界面設計、導航設計、信息設計。
（1）界面設計：對于功能性產品，界面設計要做的就是選擇合適的界面交互控件，這些控件既能夠讓用戶易于理解其含義，又能夠讓用戶借助于此來圓滿完成任務。
（2）導航設計：對于信息型產品，導航設計要做的就是讓用戶在使用產品的時候有位置感，讓用戶知道自己在什么位置，知道下一步可以到哪里去，知道上一步怎么返回，避免讓用戶有云里霧里的感覺。具體而言，索引表、網站地圖、導航鏈接、當前位置導航信息等，都可以是導航設計的一部分。
（3）信息設計：信息設計要做的就是怎么把各種設計元素粘合在一起，怎么把它們呈現出來，讓用戶很好地理解和使用它們。
在產品設計中，有一個很重要的概念：線框圖。線框圖可以說是上述的界面設計、導航設計、信息設計的三者的結合，是產品的雛形和大體形態。需要注意的是，線框圖與產品原型略有差別，原型是對線框圖的更細致描述的產品體現，原型要求必須有交互，而線框圖則可以是靜態的，沒有交互也可以。
5.表現層：感知設計
表現層：將內容、功能和美學匯集到一起產生一個最終設計，完成其它四層所有目標，并同時滿足用戶的感官感受。
- 在表現層的視覺實際中，我們用于吸引用戶的一個主要工具就是對比（contrast）。對比能幫助用戶理解頁面導航元素之間的關系。在設計中需要保持一致性（uniformity）,這使得我們的設計可以有效傳達出信息，并不會致使用戶迷惑。
- 此外需要保持內部和外部設計的一致性。選擇合適的互補的不沖突的配色方案。并設計視覺模型和風格指南。
- 表現層是用戶真真切切地可以感受到的產品外在。這是離用戶最近的。在這一層，可以通過設計產品的配色方案、排版、對比、風格統一，充分研究和使用用戶的感知方式（嗅覺、味覺、觸覺、視覺、聽覺等），將產品的風格完整呈獻給用戶。
6.核心思想匯總
前文已基本上完成了對五層體驗要素的解讀，但還有很多細節未能涵蓋在內,一些關鍵細節:
1.要足夠了解用戶，可以通過用戶調研的一些方法來實現。
2.產品易于被用戶理解，交互流程符合用戶的習慣，概念模型沒有歧義，最好做到用戶不思考。
3.開發產品的每一步，都得考慮用戶的理解和使用場景以及對最終產品的影響。
4.知道要做什么，也要知道不要做什么**(邊界），并排序需求優先級**。
5.內部產品說明文檔，要具體明確，最好能有數字指標。
6.交互設計和信息架構要符合用戶的思考方式，特別是直覺。
7.按“用戶的思路”和“支持任務和目標”的方式來分類和排列信息。
8.表現層要為盡可能為用戶提供指引，同時考慮配色方案、排版和字體。
9.任何一步的設計都要圍繞網站目標和用戶需求。
總結
以上是生活随笔為你收集整理的产品读书《用户体验要素》的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 中石油即时通手机版显示服务器登录失败,中
- 下一篇： html盒子模型的实例,html盒模型的