產品經理教學：使用者體驗要素及產品設計步驟

現在產品研發人員經常掛在嘴邊的一個詞就是“用戶體驗”，現在大家對用戶體驗越來越關注了，也是最容易被忽略的一個關鍵因素。那我們該如何設計出滿足使用者體驗的產品呢？以下一起來看看進行產品設計（http://www.maiziedu.com/course/pm/115-1118/）時需要注意的幾點使用者體驗要素，滿足這些點，那麼使用者體驗設計（http:/ /www.maiziedu.com/course/pm/）就有可以做出一個很好的決策了。

使用者體驗的要素

使用者所體驗的每一件事，對你來講都應該是經過慎重考慮和論證以後的決定。

考慮使用者的體驗、把它分解成各個組成要素、從不同的角度來了解它—只有這樣，你才能確保你控制了決策所造成的全部結果。

表現層：在表現層（surface），你看到的是一系列的網頁，由圖片和文字組成；

框架層：在表現層之下是網站的框架層（skeleton）：按鈕、控制、照片和文字區域的位置；

結構層：與框架層相比更抽象的是結構層（structure），框架是結構的具體表達方式。框架層確定了在結帳頁面上交互元素的位置；而結構層則用來設計使用者如何到達某個頁面，並且在他們做完事情之後能去什麼地方；

範圍層：結構層確定網站各種特性和功能最合適的組合方式，而這些特性和功能就構成了網站的範圍層（scope）；

戰略層：網站的範圍基本上是由網站戰略層（strategy ）所決定的。這些策略不僅包括了經營者想從網站得到什麼，還包括了使用者想從網站得到什麼。

每一個層面都是根據它下面的那個層面來決定的。

從手機的開關鍵的設置，來看nokia和iphone的設計。

nokia的戰略層是圍繞著電話來實現的，範圍層則是仿照傳統電話的設計，結構層是數字鍵盤和屏幕，框架層則是按鍵的佈局，包括作為電話的開關鍵，與掛機鍵設定在了一起。表現層是掛機按鍵的圖案、觸感和關機畫面。所有的設計都是「像電話一樣工作」的策略來實現的。

iPhone的戰略層是圍繞著「掌上電腦」來進行的，範圍層則是仿照「PDA」（喬老爺子實驗的newton）和電腦來進行設計，結構層是電源鍵和觸控螢幕（電容屏，用手直接點），框架層是她的開關鍵，按一下關閉螢幕，按下不放是關機選單，確認後關機。表現層則是按鍵按壓不放的觸感，出現關閉畫面的時間間隔（在用戶預期的範圍內，太短容易誤按，太長用戶會中斷而反覆嘗試），以及滑動關機的畫面。所有的設計都是「很酷的像掌上電腦一樣工作」的策略來實現的。

產品設計的一般性步驟

用研

我們可以把大量的用戶需求分成幾個可管理的部分，這將透過使用者細分（user segmentation）來完成可用性和使用者研究。弄清楚使用者需要什麼，我們首先必須知道他們是誰。使用者研究（User Research）的領域致力於收集必要的資訊來達成共識。

透過創造人物角色（personas）—有時也叫做使用者模型或使用者簡介—你可以讓你的使用者變得更加真實。人物角色是能代表整個真實使用者需求的虛構人物。

任務分析

任務分析是一種仔細地分解使用者完成任務的精確步驟的方法。這種任務分解可以透過使用者訪談來完成，讓使用者講述自己的故事，說出他們的經驗；也可以透過現場調查來完成，在使用者的「日常生活環境」中直接研究他們的行為。

對於由資訊驅動的產品，卡片排序法（card sorting）用於探索使用者如何分類或組織各種資訊元素。給使用者一沓索引卡片，每張卡片附有資訊元素的名字、描述，一張圖像或內容的類型。然後使用者根據小組或類別，依照自己感到最自然的方式將卡片排列出來。分析幾位用戶的卡片排列結果，就可以幫助我們了解用戶對產品資訊的看法。

功能規格說明

功能規格說明不需要包含產品的每個細節—只需要包含在設計或開發過程中出現有可能混淆的功能定義。同時功能規格說明也不需要展望產品未來的理想化狀態—只需要記錄在創建這個產品時已經確定下來的決議。

互動設計

互動設計（）和資訊架構都強調一個重點：確定各個將要呈現給使用者的元素的「模式（patterns）」和「順序（sequences）」。互動設計著重於將影響使用者執行和完成任務的元素。資訊架構則著重於如何將資訊表達給使用者的元素。

資訊架構

資訊架構研究的是人們如何認知資訊的過程，對於產品而言，資訊架構所關注的就是呈現給使用者的資訊是否合理且具有意義。

節點在資訊架構中是依據組織原則（organizing principle）來安置的。從字面上來講，組織原則基本上就是我們決定哪些節點要編成一組，而哪些節點要維持獨立的標準。

這些屬性，在圖書館學的術語中，被稱為“截面（facets）”，而且它們幾乎能為任何內容提供一套簡單、靈活的組織原則語言和元數據。

受控字典是網站使用的一套標準語言。這是使用者研究中很重要的一個領域。與使用者交談並了解他們的溝通方式，是開發出一個讓使用者感到自然的命名原則系統的最有效方式

介面設計

成功的介面設計是那些能讓使用者一眼就看到「最重要的東西」的介面設計。而另一方面，不重要的東西，不應該被注意到──有時候則是因為它們根本就沒有出現在那裡。

在網站中，指示標識通常涉及導航設計和資訊設計。一個網站的導航系統不僅是要提供到網站不同區域的通路，還必須清楚傳達出這些選項。

線框圖

線框圖在正式建立網站的視覺設計的流程中，是必要的第一步，但是幾乎每一個參與這個開發過程的人都會在其他任務點中使用它。負責戰略層、範圍層和結構層的設計者可以藉助線框圖來確保最終產品能滿足他們的期望。真正負責建造這個網站的人，則使用線框圖來回答關於網站應該如何運作的問題。

嗅覺和味覺

在整個設計流程中，這是為我們的用戶提供體驗的最後一站：決定我們的設計最後要如何被人類的感覺器官感受到。

對比與一致性

當一個元素在設計上看起來與眾不同時，使用者就會注意到的。用一個“統一的品牌識別形象”來強化呈現在你的用戶（客戶、潛在客戶、管理層、員工或其他訪問者）面前的產品“跨媒體的一致性”，這種品牌識別的一致性應該呈現在你產品的每一個層級的設計中，從每個介面都會出現的導航元素到只出現一次的普通按鈕。

設計合成品和風格指南

承載這些設計決策的權威性文件是風格指南（style guide）。這個總結文件確定了視覺設計的每個方面，從最大到最小的範圍內的所有元素。

本主題由 小貝 於 2016-5-18 10:39 審核通過