互聯(lián)網(wǎng)產(chǎn)品設計方法培訓講義課件

2008年7月

曾慶瑞2008年7月曾慶瑞目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品設計流程2產(chǎn)品設計方法和原型、工具的使用3目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品為什么UCD如此重要？UCD（User-centereddesign

）：以用戶為中心的設計在開發(fā)產(chǎn)品的每一個步驟中，都要把用戶列入考慮范圍UCD是一個口號嗎？UCD對于實際工作有什么指導和意義呢？UCD即創(chuàng)建高效的UE方法，與其說UCD是一種方法還不如說是一種互聯(lián)網(wǎng)產(chǎn)品的設計思想，那么成功的UE（UserExperience）用戶體驗又具有什么樣的意義？理解人們所想和所需：圍繞用戶需求和心智模型進行產(chǎn)品設計為什么UCD如此重要？UCD（User-centeredd用戶體驗價值圖它向我們解釋了積極的、良好的用戶體驗可以增加用戶的回訪、獲得用戶的信任，增加購買的意向，實際上是增加了我們獲得利潤的能力。即使我們的網(wǎng)站并不是直接靠在線銷售獲得利潤的經(jīng)營模式，但高效的用戶體驗可以提高轉換率，實際上是幫我們更快、更穩(wěn)健的達到我們的商業(yè)目標。用戶體驗價值圖它向我們解釋了積極的、良好的用戶體驗可以增加用UE車輪－構成用戶體驗的30種要素這個模型應該從內(nèi)部解釋，它從中間開始：價值是我們想要達到的目標。從顧客到提供商，正向的用戶體驗是可以實現(xiàn)“雙贏”的我們通過正向的用戶體驗來實現(xiàn)價值。用戶體驗由許多方面組成，我們必須重視可尋性、可接近性、合意性、可用性、可靠性和有用性這些方面。用戶體驗的方面又由許多方面組成，這個模型具體呈現(xiàn)了30種要素。UE車輪－構成用戶體驗的30種要素這個模型應該從內(nèi)部解釋，它用戶體驗的要素戰(zhàn)略層：用戶的需求是什么？網(wǎng)站的目標/商業(yè)目的是什么？范圍層：什么樣的信息和內(nèi)容滿足用戶的需求？結構層：如何組織、導航，并響應用戶滿足其需求？框架層：如何將概念模型細化到具體的界面外觀、布局、導航信息設計……視覺層：用戶看到的最終表現(xiàn)形式

這不僅僅是用戶體驗的要素組成結構，也總結了我們的產(chǎn)品設計過程，試想一下我們的工作將處于哪個層面？用戶體驗的要素戰(zhàn)略層：用戶的需求是什么？網(wǎng)站的目標/商業(yè)目的目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品設計流程2產(chǎn)品設計方法和原型、工具的使用3目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品產(chǎn)品設計團隊產(chǎn)品設計團隊：PM（項目經(jīng)理/產(chǎn)品經(jīng)理）BI（商業(yè)情報）UR（用戶體驗分析師）userresearcherIA（信息架構師）(informationarchitect)ID（交互設計師）interactiondesignerCD（內(nèi)容設計師）ContentDesignerVD（視覺設計師）visualdesignerUID（界面設計師）userinterfacedesigner把專業(yè)的事交給專業(yè)的人去做，然后專心做自己專業(yè)的事

我們拍一部有10個角色的電影，但我們只有5位演員，我們不會去掉5個角色，而是1個人飾演2個角色產(chǎn)品設計團隊產(chǎn)品設計團隊：把專業(yè)的事交給專業(yè)的人去做，然后專產(chǎn)品經(jīng)理產(chǎn)品經(jīng)理負責整個產(chǎn)品的定位、規(guī)劃、定制發(fā)展方向及策略，并負責團隊的激勵和管理：他應該把精力用于產(chǎn)品的“戰(zhàn)略層”、“范圍層”，他不一定對每一個領域都精通，但一定具有全局觀和把控能力。產(chǎn)品經(jīng)理的產(chǎn)品管理能力，體現(xiàn)在具體工作：負責產(chǎn)品概念設計的把關撰寫市場需求文檔（MRD）和產(chǎn)品需求文檔（PRD）進行競爭狀況分析規(guī)劃產(chǎn)品路線圖制作產(chǎn)品演示PPT分析產(chǎn)品數(shù)據(jù)等……組織溝通、注重細節(jié)、商業(yè)嗅覺、整體規(guī)劃…產(chǎn)品經(jīng)理產(chǎn)品經(jīng)理負責整個產(chǎn)品的定位、規(guī)劃、定制發(fā)展方向及策略信息架構師IA（信息架構師）(informationarchitect)網(wǎng)站的信息組織系統(tǒng)、標識系統(tǒng)、導航系統(tǒng)和搜索系統(tǒng)組織方式分類體系順序排列導航結構設計確定網(wǎng)站的結構類型，層級？矩陣？線性？讓用戶在信息空間中很清楚自己的位置和達到目的地的途徑設計信息環(huán)境、組織結構對信息的系統(tǒng)分類，以符合用戶的思維模型對信息進行順序設計、讓用戶在合適的時間、合適的位置獲取應該得到的信息一個有效的信息架構可以讓人們按照邏輯直觀的，毫無阻礙的一步步地接近他們需要的信息信息架構師IA（信息架構師）(informationarc信息構架節(jié)點的結構方式：層級？矩陣？線性？組織原則：按照網(wǎng)站目標和用戶需求分類控制性詞典：控制信息一致性元數(shù)據(jù)：信息的屬性導航系統(tǒng)：導航設計位置和標識

……交付物：構架圖、線框圖信息構架節(jié)點的結構方式：層級？矩陣？線性？交互設計師交互設計師以目標為導向的設計，最早屬于界面設計的范疇，交互設計的過程主要是“任務分解”的過程，簡單來說就是“我們把產(chǎn)品功能按照用戶的具體需求組合成典型任務場景，然后對每個任務進行詳細的使用流程設計”。

決定交互設計有多少工作的并非多少界面，而是有多少任務。我們的交互設計師通常只做：行為設計：用戶點擊之后反饋什么樣的結果？可以拖拽操作嗎？用什么樣的語言和用戶交互？…界面設計：使用按鈕還是圖標？TAB如何表現(xiàn)？…錯誤處理…交付物：產(chǎn)品線框圖（Wireframes）、產(chǎn)品特性清單（FeatureList）……交互設計師需要具備憑空想象復雜行為的能力

觀點：1、交互設計師不要把全部的精力用于交互設計的表現(xiàn)層面，而要更多的去考慮交互思想、交互理念的設計。2、用戶3步完成一項任務一定比5步完成這項任務更加具有可用性嗎？交互設計師交互設計師以目標為導向的設計，最早屬于界面設計的范交互設計任務分解舉例交互設計任務分解舉例從招聘廣告看交互設計師從招聘廣告看交互設計師界面＋交互＋信息構架＝？界面＋交互＋信息構架＝？從招聘廣告看用戶體驗分析師從招聘廣告看用戶體驗分析師產(chǎn)品設計流程參考產(chǎn)品設計流程通過數(shù)據(jù)分析研究，定位產(chǎn)品和用戶確定用戶群體特征，研究用戶目標和行為的關鍵因素產(chǎn)品的理念、定位、整體性結構、用戶需求核心通過用戶調研，結合定量、定性分析，為不同目標用戶制定不同的產(chǎn)品策略

1、市場研究2、用戶定位分析3、產(chǎn)品概念設計4、用戶細分產(chǎn)品設計流程參考產(chǎn)品設計流程通過數(shù)據(jù)分析研究，定位產(chǎn)品和用戶產(chǎn)品設計流程產(chǎn)品設計流程設計人物角色，建立檔案針對目標用戶，分析功能模塊，確定做什么和不做什么信息空間的結構、組織、導航、標識。通過任務分解（場景設計），設計互動流程通過用戶現(xiàn)場操作、低保真原型操作等方式做產(chǎn)品的可用性測試

5、人物角色創(chuàng)建6、功能需求分析

7、信息構架、交互設計8、可用性測試產(chǎn)品設計流程產(chǎn)品設計流程設計人物角色，建立檔案針對目標用戶，產(chǎn)品設計過程中的交付物概念階段（concept）階段的交付物：概念文檔（conceptdocument）或者是概念原型（conceptprototype）探索階段（discover）階段的交付物：提案文檔（ProposalDocument）定義階段（definition）的交付物：需求文檔（ProductRequirementDocument），產(chǎn)品概念設計（ConceptDesignMeterials）細化階段（refinement）的交付物：產(chǎn)品線框圖（Wireframes）、產(chǎn)品特性清單（FeatureList）、最終的原型設計（可以是任何版本的，例如HTML、Flash或者是專用的原型制作工具）某工作小組的產(chǎn)品策劃流程

各個階段的交付物形式

產(chǎn)品設計過程中的交付物概念階段（concept）階段的交付物舉例：YAHOO產(chǎn)品設計流程團隊組建產(chǎn)品經(jīng)理（productmanager）用戶體驗研究員(userresearcher)信息架構師(informationarchitect)視覺設計師(visualdesigner)、界面設計師（userinterfacedesigner）互動設計師(interactiondesigner)工程師(webdeveloper)/engineer工作流程1、 產(chǎn)品經(jīng)理制定產(chǎn)品整體構架，產(chǎn)品發(fā)展方向等，做全局把控2、 以上人員共同參與產(chǎn)品討論，制定時間表以及任務分工3、 用戶體驗研究員作產(chǎn)品和用戶等調查研究4、 信息架構師設計產(chǎn)品信息架構、內(nèi)容架構5、 互動設計師設計互動流程6、 視覺設計師(visualdesigner)和userinterfacedesigner做視覺設計7、 webdeveloper把設計模型通過編寫程序(html,dhtml,JavaScript)等再現(xiàn)，最后交給工程師8、 用戶體驗研究員需要做用戶測試9、 QA(Qualityassurance)需要測驗產(chǎn)品的操作步驟，確認產(chǎn)品的使用質量舉例：YAHOO產(chǎn)品設計流程產(chǎn)品設計中的棘手問題我們公司沒有UED、IA、ID、VD，更別說什么UR了，我們?nèi)绾伍_展產(chǎn)品設計工作？網(wǎng)站的行文、界面文字誰來把關、是PM還是ID，還是誰？PM和UE的關系如何界定？誰，何時，需要加入產(chǎn)品設計的概念性階段？產(chǎn)品設計規(guī)范如何確定和執(zhí)行？為什么我們產(chǎn)品設計時間總是不夠用？缺乏高效的溝通、團隊成員對于目標的不明確，會導致整體效率的下降，我們要讓團隊的成員都清楚：產(chǎn)品目標、工作流程、設計規(guī)范、日程安排產(chǎn)品設計中的棘手問題我們公司沒有UED、IA、ID、VD，更目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品設計流程2產(chǎn)品設計方法和原型、工具的使用3目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品以用戶為中心的設計方法舉例卡片分類(CardSorting)

觀察用戶是如何理解內(nèi)容和組織信息，用來幫助你的網(wǎng)站(產(chǎn)品)更合理的組織信息。情境訪談(ContextualInterviews)

走進用戶的現(xiàn)實環(huán)境，讓你了解你的用戶的工作方式，生活環(huán)境等等情況。焦點小組(FocusGroups)

組織一組的用戶進行討論，讓你更了解用戶的理解、想法、態(tài)度和想要什么。啟發(fā)式評估(HeuristicEvaluation)

可用性的檢查方法，讓一些行內(nèi)專家對網(wǎng)站產(chǎn)品進行指導。以用戶為中心的設計方法舉例卡片分類(CardSortin以用戶為中心的設計方法舉例單獨訪談(IndividualInterviews)

一對一的用戶討論,讓你了解某個用戶是如何工作,使你知道用戶的感受,想要什么和他的經(jīng)歷。平行設計(ParallelDesign)

對同一個網(wǎng)站(產(chǎn)品)進行分開的設計，從而比較選擇一個最佳方案。角色模型(Personas)

構建一個虛構的人來代表大部分用戶，設計團隊圍繞這個虛擬人物設計開發(fā)產(chǎn)品。原型(Prototyping)

利用簡單網(wǎng)站(產(chǎn)品)原型進行相關的測試，從而節(jié)約后期大量的成本。以用戶為中心的設計方法舉例單獨訪談(Individual以用戶為中心的設計方法舉例問卷調查(Surveys)

利用網(wǎng)上或紙張的問題list對用戶進行發(fā)放填寫，從而收集用戶對網(wǎng)站(產(chǎn)品)的反饋意見。任務分析(TaskAnalysis)

通過任務分析了解用戶使用你網(wǎng)站(產(chǎn)品)時的目標和操作方式，習慣?？捎眯詼y試(UsabilityTesting)

請用戶來試用你的網(wǎng)站(產(chǎn)品)，有任務性的完成測試。從而得到你所想要的東西。用例(UseCases)

描述某個用戶使用你網(wǎng)站(產(chǎn)品)時的情況，包括目標和行動。以用戶為中心的設計方法舉例問卷調查(Surveys)

利用網(wǎng)用戶研究－－人物角色創(chuàng)建人物角色（Personas）作為UCD方法中最重要的一個工具，是通過創(chuàng)建典型用戶來代表具有不同目標的用戶從而滿足具有類似目標和需求的用戶群”，介紹了通過角色，產(chǎn)品設計者可以站在用戶的角度考慮問題，從而把設計者的注意力集中在用戶需求和目標上…用戶研究－－人物角色創(chuàng)建人物角色（Personas）作為UC用戶研究－－人物角色創(chuàng)建用戶定性研究細分用戶群為細分群體創(chuàng)建角色用戶訪談現(xiàn)場調查用例測試……用目標細分用使用周期細分用行為和觀點介紹一種最簡單的人物角色創(chuàng)建方法－－定性人物角色：

除了定性分析法之外，還有：經(jīng)定量驗證的定性人物角色完全的定量人物角色建立檔案展示人物角色融入角色……用戶研究－－人物角色創(chuàng)建用戶訪談用目標細分介紹一種最簡單的人用戶研究－－人物角色創(chuàng)建不經(jīng)過分類、邏輯分析的原始用戶數(shù)據(jù)、訪談調查表本身并沒有什么意義，往往會讓我們陷入細節(jié)并得到錯誤的結論創(chuàng)建角色：人物角色可以時刻提醒我們，要把時間用在滿足我們的目標用戶群體上人物角色可以避免我們基于自己的想法做決策太夸張

太漂亮太隱藏太多干擾人物角色形象要具有普通代表性，并和人物特性相符合

用戶研究－－人物角色創(chuàng)建不經(jīng)過分類、邏輯分析的原始用戶數(shù)據(jù)、原型設計：故事板

*紙板——用于屏幕；

*郵票式張貼——用于菜單、對話框和其他的屏幕元素；

*透明的幻燈片——用于臨時項目或用戶輸入；

*隱藏的帶子或者其它用于用戶輸入的帶子；

*筆和標記（可擦寫標記用戶輸入或臨時信息）；

*用來擦除輸入的水；

*……原型設計，主要是設計產(chǎn)品的功能、用戶流程、信息架構、交互細節(jié)、頁面元素等，它更多的向產(chǎn)品設計團隊的每一位成員傳遞著產(chǎn)品的設計理念、核心功能、網(wǎng)站結構、基本布局等，但經(jīng)常不包括視覺設計。原型設計主要形式：紙質、交互式卡片、線框圖、圖形、html、flash等，主要工具有word、visio、DW、photoshop、AxureRP等……原型設計：故事板

*紙板——用于屏幕；

*紙質原型優(yōu)勢*技術壁壘消失

*更少的辯論時間

*傳達產(chǎn)品感覺不錯

*比VisualBasic或者HTML原型制作快速

*廉價

*人人都可以參加設計紙質原型

用戶可以協(xié)同設計原型或參加之后的測試部分

缺點*有限的交互——不是所有的交互問題可以被充分的測試（例如，某些功能，例如鼠標劃過事件給用戶一個反饋無法模擬）*不能評價的響應時間

*不得在實際系統(tǒng)中制造模擬數(shù)據(jù)

*不能評估視覺

*需要擺弄大量的紙

*超過3個人的演示是不合適的紙質原型優(yōu)勢圖形原型設計VISIO制作的圖形原型（visio、photoshop、illustrator）優(yōu)點：效果美觀、清晰適合做電子歸檔。。。缺點：制作時間長不適合現(xiàn)場互動研討。。。圖形原型設計VISIO制作的圖形原型（visio、photo線框圖設計線框圖(Wireframes)是信息架構和交互設計最重要的交付物之一，往往模型設計要依據(jù)于線框圖。HTML原型低保真原型容易制作，用來展示基本交互作用，例如靜態(tài)的html。它可以用來與用戶“彩排”。HTML的原型比紙原型更適合檢查設計的動態(tài)過程；這里的”高保真”的html樣機已經(jīng)包含視覺設計的元素線框圖(Wireframes)是信息架構和交互設計最重要的交付物之一

線框圖設計線框圖(Wireframes)是信息架構和交互設計產(chǎn)品設計過程的工具使用舉例產(chǎn)品從設計到發(fā)布的六個階段

概念階段

conceptdiscoverdefinitionrefinementdevelopmentlaunch探索階段

定義階段

細化階段

開發(fā)階段

發(fā)布階段

交互設計：Axurerp

Axure是一款特別好用的產(chǎn)品模型設計軟件，可視化操作，ajxa能直接生成頁面需求，更獨特的它可以實現(xiàn)：divonmouseonclick等很多交互事件，UI和工程師看到頁面能直接看到你要設計的效果思維導圖：Mindmanagermindmanager是一款可視化思維導圖軟件，它可以智能的建立各個模塊，各個主、次、平級目錄。同時也當便做調整、做對外的功能結構的報告演示流程設計：Visio

產(chǎn)品設計過程的工具使用舉例產(chǎn)品從設計到發(fā)布的六個階段概念階謝謝！謝謝！演講完畢，謝謝觀看！演講完畢，謝謝觀看！2008年7月

曾慶瑞2008年7月曾慶瑞目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品設計流程2產(chǎn)品設計方法和原型、工具的使用3目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品為什么UCD如此重要？UCD（User-centereddesign

）：以用戶為中心的設計在開發(fā)產(chǎn)品的每一個步驟中，都要把用戶列入考慮范圍UCD是一個口號嗎？UCD對于實際工作有什么指導和意義呢？UCD即創(chuàng)建高效的UE方法，與其說UCD是一種方法還不如說是一種互聯(lián)網(wǎng)產(chǎn)品的設計思想，那么成功的UE（UserExperience）用戶體驗又具有什么樣的意義？理解人們所想和所需：圍繞用戶需求和心智模型進行產(chǎn)品設計為什么UCD如此重要？UCD（User-centeredd用戶體驗價值圖它向我們解釋了積極的、良好的用戶體驗可以增加用戶的回訪、獲得用戶的信任，增加購買的意向，實際上是增加了我們獲得利潤的能力。即使我們的網(wǎng)站并不是直接靠在線銷售獲得利潤的經(jīng)營模式，但高效的用戶體驗可以提高轉換率，實際上是幫我們更快、更穩(wěn)健的達到我們的商業(yè)目標。用戶體驗價值圖它向我們解釋了積極的、良好的用戶體驗可以增加用UE車輪－構成用戶體驗的30種要素這個模型應該從內(nèi)部解釋，它從中間開始：價值是我們想要達到的目標。從顧客到提供商，正向的用戶體驗是可以實現(xiàn)“雙贏”的我們通過正向的用戶體驗來實現(xiàn)價值。用戶體驗由許多方面組成，我們必須重視可尋性、可接近性、合意性、可用性、可靠性和有用性這些方面。用戶體驗的方面又由許多方面組成，這個模型具體呈現(xiàn)了30種要素。UE車輪－構成用戶體驗的30種要素這個模型應該從內(nèi)部解釋，它用戶體驗的要素戰(zhàn)略層：用戶的需求是什么？網(wǎng)站的目標/商業(yè)目的是什么？范圍層：什么樣的信息和內(nèi)容滿足用戶的需求？結構層：如何組織、導航，并響應用戶滿足其需求？框架層：如何將概念模型細化到具體的界面外觀、布局、導航信息設計……視覺層：用戶看到的最終表現(xiàn)形式

這不僅僅是用戶體驗的要素組成結構，也總結了我們的產(chǎn)品設計過程，試想一下我們的工作將處于哪個層面？用戶體驗的要素戰(zhàn)略層：用戶的需求是什么？網(wǎng)站的目標/商業(yè)目的目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品設計流程2產(chǎn)品設計方法和原型、工具的使用3目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品產(chǎn)品設計團隊產(chǎn)品設計團隊：PM（項目經(jīng)理/產(chǎn)品經(jīng)理）BI（商業(yè)情報）UR（用戶體驗分析師）userresearcherIA（信息架構師）(informationarchitect)ID（交互設計師）interactiondesignerCD（內(nèi)容設計師）ContentDesignerVD（視覺設計師）visualdesignerUID（界面設計師）userinterfacedesigner把專業(yè)的事交給專業(yè)的人去做，然后專心做自己專業(yè)的事

我們拍一部有10個角色的電影，但我們只有5位演員，我們不會去掉5個角色，而是1個人飾演2個角色產(chǎn)品設計團隊產(chǎn)品設計團隊：把專業(yè)的事交給專業(yè)的人去做，然后專產(chǎn)品經(jīng)理產(chǎn)品經(jīng)理負責整個產(chǎn)品的定位、規(guī)劃、定制發(fā)展方向及策略，并負責團隊的激勵和管理：他應該把精力用于產(chǎn)品的“戰(zhàn)略層”、“范圍層”，他不一定對每一個領域都精通，但一定具有全局觀和把控能力。產(chǎn)品經(jīng)理的產(chǎn)品管理能力，體現(xiàn)在具體工作：負責產(chǎn)品概念設計的把關撰寫市場需求文檔（MRD）和產(chǎn)品需求文檔（PRD）進行競爭狀況分析規(guī)劃產(chǎn)品路線圖制作產(chǎn)品演示PPT分析產(chǎn)品數(shù)據(jù)等……組織溝通、注重細節(jié)、商業(yè)嗅覺、整體規(guī)劃…產(chǎn)品經(jīng)理產(chǎn)品經(jīng)理負責整個產(chǎn)品的定位、規(guī)劃、定制發(fā)展方向及策略信息架構師IA（信息架構師）(informationarchitect)網(wǎng)站的信息組織系統(tǒng)、標識系統(tǒng)、導航系統(tǒng)和搜索系統(tǒng)組織方式分類體系順序排列導航結構設計確定網(wǎng)站的結構類型，層級？矩陣？線性？讓用戶在信息空間中很清楚自己的位置和達到目的地的途徑設計信息環(huán)境、組織結構對信息的系統(tǒng)分類，以符合用戶的思維模型對信息進行順序設計、讓用戶在合適的時間、合適的位置獲取應該得到的信息一個有效的信息架構可以讓人們按照邏輯直觀的，毫無阻礙的一步步地接近他們需要的信息信息架構師IA（信息架構師）(informationarc信息構架節(jié)點的結構方式：層級？矩陣？線性？組織原則：按照網(wǎng)站目標和用戶需求分類控制性詞典：控制信息一致性元數(shù)據(jù)：信息的屬性導航系統(tǒng)：導航設計位置和標識

……交付物：構架圖、線框圖信息構架節(jié)點的結構方式：層級？矩陣？線性？交互設計師交互設計師以目標為導向的設計，最早屬于界面設計的范疇，交互設計的過程主要是“任務分解”的過程，簡單來說就是“我們把產(chǎn)品功能按照用戶的具體需求組合成典型任務場景，然后對每個任務進行詳細的使用流程設計”。

決定交互設計有多少工作的并非多少界面，而是有多少任務。我們的交互設計師通常只做：行為設計：用戶點擊之后反饋什么樣的結果？可以拖拽操作嗎？用什么樣的語言和用戶交互？…界面設計：使用按鈕還是圖標？TAB如何表現(xiàn)？…錯誤處理…交付物：產(chǎn)品線框圖（Wireframes）、產(chǎn)品特性清單（FeatureList）……交互設計師需要具備憑空想象復雜行為的能力

觀點：1、交互設計師不要把全部的精力用于交互設計的表現(xiàn)層面，而要更多的去考慮交互思想、交互理念的設計。2、用戶3步完成一項任務一定比5步完成這項任務更加具有可用性嗎？交互設計師交互設計師以目標為導向的設計，最早屬于界面設計的范交互設計任務分解舉例交互設計任務分解舉例從招聘廣告看交互設計師從招聘廣告看交互設計師界面＋交互＋信息構架＝？界面＋交互＋信息構架＝？從招聘廣告看用戶體驗分析師從招聘廣告看用戶體驗分析師產(chǎn)品設計流程參考產(chǎn)品設計流程通過數(shù)據(jù)分析研究，定位產(chǎn)品和用戶確定用戶群體特征，研究用戶目標和行為的關鍵因素產(chǎn)品的理念、定位、整體性結構、用戶需求核心通過用戶調研，結合定量、定性分析，為不同目標用戶制定不同的產(chǎn)品策略

1、市場研究2、用戶定位分析3、產(chǎn)品概念設計4、用戶細分產(chǎn)品設計流程參考產(chǎn)品設計流程通過數(shù)據(jù)分析研究，定位產(chǎn)品和用戶產(chǎn)品設計流程產(chǎn)品設計流程設計人物角色，建立檔案針對目標用戶，分析功能模塊，確定做什么和不做什么信息空間的結構、組織、導航、標識。通過任務分解（場景設計），設計互動流程通過用戶現(xiàn)場操作、低保真原型操作等方式做產(chǎn)品的可用性測試

5、人物角色創(chuàng)建6、功能需求分析

7、信息構架、交互設計8、可用性測試產(chǎn)品設計流程產(chǎn)品設計流程設計人物角色，建立檔案針對目標用戶，產(chǎn)品設計過程中的交付物概念階段（concept）階段的交付物：概念文檔（conceptdocument）或者是概念原型（conceptprototype）探索階段（discover）階段的交付物：提案文檔（ProposalDocument）定義階段（definition）的交付物：需求文檔（ProductRequirementDocument），產(chǎn)品概念設計（ConceptDesignMeterials）細化階段（refinement）的交付物：產(chǎn)品線框圖（Wireframes）、產(chǎn)品特性清單（FeatureList）、最終的原型設計（可以是任何版本的，例如HTML、Flash或者是專用的原型制作工具）某工作小組的產(chǎn)品策劃流程

各個階段的交付物形式

產(chǎn)品設計過程中的交付物概念階段（concept）階段的交付物舉例：YAHOO產(chǎn)品設計流程團隊組建產(chǎn)品經(jīng)理（productmanager）用戶體驗研究員(userresearcher)信息架構師(informationarchitect)視覺設計師(visualdesigner)、界面設計師（userinterfacedesigner）互動設計師(interactiondesigner)工程師(webdeveloper)/engineer工作流程1、 產(chǎn)品經(jīng)理制定產(chǎn)品整體構架，產(chǎn)品發(fā)展方向等，做全局把控2、 以上人員共同參與產(chǎn)品討論，制定時間表以及任務分工3、 用戶體驗研究員作產(chǎn)品和用戶等調查研究4、 信息架構師設計產(chǎn)品信息架構、內(nèi)容架構5、 互動設計師設計互動流程6、 視覺設計師(visualdesigner)和userinterfacedesigner做視覺設計7、 webdeveloper把設計模型通過編寫程序(html,dhtml,JavaScript)等再現(xiàn)，最后交給工程師8、 用戶體驗研究員需要做用戶測試9、 QA(Qualityassurance)需要測驗產(chǎn)品的操作步驟，確認產(chǎn)品的使用質量舉例：YAHOO產(chǎn)品設計流程產(chǎn)品設計中的棘手問題我們公司沒有UED、IA、ID、VD，更別說什么UR了，我們?nèi)绾伍_展產(chǎn)品設計工作？網(wǎng)站的行文、界面文字誰來把關、是PM還是ID，還是誰？PM和UE的關系如何界定？誰，何時，需要加入產(chǎn)品設計的概念性階段？產(chǎn)品設計規(guī)范如何確定和執(zhí)行？為什么我們產(chǎn)品設計時間總是不夠用？缺乏高效的溝通、團隊成員對于目標的不明確，會導致整體效率的下降，我們要讓團隊的成員都清楚：產(chǎn)品目標、工作流程、設計規(guī)范、日程安排產(chǎn)品設計中的棘手問題我們公司沒有UED、IA、ID、VD，更目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品設計流程2產(chǎn)品設計方法和原型、工具的使用3目錄UCD和UE/UX的概念和分析1產(chǎn)品設計團隊的組建和產(chǎn)品以用戶為中心的設計方法舉例卡片分類(CardSorting)

觀察用戶是如何理解內(nèi)容和組織信息，用來幫助你的網(wǎng)站(產(chǎn)品)更合理的組織信息。情境訪談(ContextualInterviews)

走進用戶的現(xiàn)實環(huán)境，讓你了解你的用戶的工作方式，生活環(huán)境等等情況。焦點小組(FocusGroups)

組織一組的用戶進行討論，讓你更了解用戶的理解、想法、態(tài)度和想要什么。啟發(fā)式評估(HeuristicEvaluation)

可用性的檢查方法，讓一些行內(nèi)專家對網(wǎng)站產(chǎn)品進行指導。以用戶為中心的設計方法舉例卡片分類(CardSortin以用戶為中心的設計方法舉例單獨訪談(IndividualInterviews)

一對一的用戶討論,讓你了解某個用戶是如何工作,使你知道用戶的感受,想要什么和他的經(jīng)歷。平行設計(ParallelDesign)

對同一個網(wǎng)站(產(chǎn)品)進行分開的設計，從而比較選擇一個最佳方案。角色模型(Personas)

構建一個虛構的人來代表大部分用戶，設計團隊圍繞這個虛擬人物設計開發(fā)產(chǎn)品。原型(Prototyping)

利用簡單網(wǎng)站(產(chǎn)品)原型進行相關的測試，從而節(jié)約后期大量的成本。以用戶為中心的設計方法舉例單獨訪談(Individual以用戶為中心的設計方法舉例問卷調查(Surveys)

利用網(wǎng)上或紙張的問題list對用戶進行發(fā)放填寫，從而收集用戶對網(wǎng)站(產(chǎn)品)的反饋意見。任務分析(TaskAnalysis)

通過任務分析了解用戶使用你網(wǎng)站(產(chǎn)品)時的目標和操作方式，習慣。可用性測試(UsabilityTesting)

請用戶來試用你的網(wǎng)站(產(chǎn)品)，有任務性的完成測試。從而得到你所想要的東西。用例(UseCases)

描述某個用戶使用你網(wǎng)站(產(chǎn)品)時的情況，包括目標和行動。以用戶為中心的設計方法舉例問卷調查(Surveys)

利用網(wǎng)用戶研究－－人物角色創(chuàng)建人物角色（Personas）作為UCD方法中最重要的一個工具，是通過創(chuàng)建典型用戶來代表具有不同目標的用戶從而滿足具有類似目標和需求的用戶群”，介紹了通過角色，產(chǎn)品設計者可以站在用戶的角度考慮問題，從而把設計者的注意力集中在用戶需求和目標上…用戶研究－－人物角色創(chuàng)建人物角色（Personas）作為UC用戶研究－－人物角色創(chuàng)建用戶定性研究細分用戶群為細分群體創(chuàng)建角色用戶訪談現(xiàn)場調查用例測試……用目標細分用使用周期細分用行為和觀點介紹一種最簡單的人物角色創(chuàng)建方法－－定性人物角色：

除了定性分析法之外，還有：經(jīng)定量驗證的定性人物角色完全的定量人物角色建立檔案展示人物角色融入角色……用戶研究－－人物角色創(chuàng)建用戶訪談用目標細分介紹一種最簡單的人用戶研究－－人物角色創(chuàng)建不經(jīng)過分類、邏輯分析的原始用戶數(shù)據(jù)、訪談調查表本身并沒有什么意義，往往會讓我們陷入細節(jié)并得到錯誤的結論創(chuàng)建角色：人物角色可以時刻提醒我們，要把時間用在滿足我們的目標用戶群體上人物角色可以避免我們基于自己的想法做決策太夸張

太漂亮太隱藏太多干擾人物角色形象要具有普通代表性，并和人物特性相符合

用戶研究－－人物角色創(chuàng)建不經(jīng)過分類、邏輯分析的原