南京欣網(wǎng)視訊信息技術(shù)有限公司 2008年 7月 南京欣網(wǎng)視訊信息技術(shù)有限公司 目錄 E/1 產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的組建和產(chǎn)品設(shè)計(jì)流程 2 產(chǎn)品設(shè)計(jì)方法和原型、工具的使用 3 南京欣網(wǎng)視訊信息技術(shù)有限公司 為什么 ：以用戶為中心的設(shè)計(jì) 在開發(fā)產(chǎn)品的每一個(gè)步驟中，都要把用戶列入考慮范圍 其說(shuō)么成功的戶體驗(yàn)又具有什么樣的意義？ 理解人們所想和所需： 圍繞用戶需求和心智模型進(jìn)行產(chǎn)品設(shè)計(jì) 南京欣網(wǎng)視訊信息技術(shù)有限公司 用戶體驗(yàn)價(jià)值圖 它向我們解釋了積極的、良好的用戶體驗(yàn)可以增加用戶的回訪、獲得用戶的信任，增加購(gòu)買的意向，實(shí)際上是增加了我們獲得利潤(rùn)的能力。 即使我們的網(wǎng)站并不是直接靠在線銷售獲得利潤(rùn)的經(jīng)營(yíng)模式，但高效的用戶體驗(yàn)可以提高轉(zhuǎn)換率，實(shí)際上是幫我們更快、更穩(wěn)健的達(dá)到我們的商業(yè)目標(biāo)。 南京欣網(wǎng)視訊信息技術(shù)有限公司 成用戶體驗(yàn)的 30種要素 這個(gè)模型應(yīng)該從內(nèi)部解釋，它從中間開始： 價(jià)值是我們想要達(dá)到的目標(biāo)。 從顧客到提供商，正向的用戶體驗(yàn)是可以實(shí)現(xiàn)“雙贏”的 我們通過(guò)正向的用戶體驗(yàn)來(lái)實(shí)現(xiàn)價(jià)值。 用戶體驗(yàn)由許多方面組成，我們必須重視可尋性、可接近性、合意性、可用性、可靠性和有用性這些方面。 用戶體驗(yàn)的方面又由許多方面組成，這個(gè)模型具體呈現(xiàn)了 30種要素。 南京欣網(wǎng)視訊信息技術(shù)有限公司 用戶體驗(yàn)的要素 戰(zhàn)略層：用戶的需求是什么？網(wǎng)站的目標(biāo) /商業(yè)目的是什么？ 范圍層：什么樣的信息和內(nèi)容滿足用戶的需求？ 結(jié)構(gòu)層：如何組織、導(dǎo)航，并響應(yīng)用戶滿足其需求？ 框架層：如何將 概念模型細(xì)化到具體的界面外觀、布局、導(dǎo)航信息設(shè)計(jì) 視覺層：用戶看到的最終表現(xiàn)形式 這不僅僅是用戶體驗(yàn)的要素組成結(jié)構(gòu)，也總結(jié)了我們的產(chǎn)品設(shè)計(jì)過(guò)程，試想一下我們的工作將處于哪個(gè)層面？ 南京欣網(wǎng)視訊信息技術(shù)有限公司 目錄 E/1 產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的組建和產(chǎn)品設(shè)計(jì)流程 2 產(chǎn)品設(shè)計(jì)方法和原型、工具的使用 3 南京欣網(wǎng)視訊信息技術(shù)有限公司 產(chǎn)品經(jīng)理 產(chǎn)品經(jīng)理負(fù)責(zé)整個(gè)產(chǎn)品的定位、規(guī)劃、定制發(fā)展方向及策略， 并負(fù)責(zé)團(tuán)隊(duì)的激勵(lì)和管理： 他應(yīng)該把精力用于產(chǎn)品的“戰(zhàn)略層”、“范圍層”，他不一 定對(duì)每一個(gè)領(lǐng)域都精通，但一定具有全局觀和把控能力。 產(chǎn)品經(jīng)理的產(chǎn)品管理能力，體現(xiàn)在具體工作： 負(fù)責(zé)產(chǎn)品概念設(shè)計(jì)的把關(guān) 撰寫市場(chǎng)需求文檔（ 產(chǎn)品需求文檔（ 進(jìn)行競(jìng)爭(zhēng)狀況分析 規(guī)劃產(chǎn)品路線圖 制作產(chǎn)品演示 分析產(chǎn)品數(shù)據(jù)等 組織溝通、注重細(xì)節(jié)、商業(yè)嗅覺、整體規(guī)劃 南京欣網(wǎng)視訊信息技術(shù)有限公司 信息架構(gòu)師 息架構(gòu)師） (網(wǎng)站的信息組織系統(tǒng)、標(biāo)識(shí)系統(tǒng)、導(dǎo)航系統(tǒng)和搜索系統(tǒng) 組織方式 分類體系 順序排列 導(dǎo)航 結(jié)構(gòu)設(shè)計(jì) 確定網(wǎng)站的結(jié)構(gòu)類型，層級(jí)？矩陣？線性？ 讓用戶在信息空間中很清楚自己的位置和達(dá)到目的地的途徑 設(shè)計(jì)信息環(huán)境、組織結(jié)構(gòu) 對(duì)信息的系統(tǒng)分類，以符合用戶的思維模型 對(duì)信息進(jìn)行順序設(shè)計(jì)、讓用戶在合適的時(shí)間、合適的位置獲取應(yīng)該得到的信息 一個(gè)有效的信息架構(gòu)可以讓人們按照邏輯直觀的，毫無(wú)阻礙的一步步地接近他們需要的信息 南京欣網(wǎng)視訊信息技術(shù)有限公司 信息構(gòu)架 節(jié)點(diǎn)的結(jié)構(gòu)方式：層級(jí)？矩陣？線性？ 組織原則：按照網(wǎng)站目標(biāo)和用戶需求分類 控制性詞典：控制信息一致性 元數(shù)據(jù)：信息的屬性 導(dǎo)航系統(tǒng)：導(dǎo)航設(shè)計(jì) 位置和標(biāo)識(shí) 交付物：構(gòu)架圖、線框圖 南京欣網(wǎng)視訊信息技術(shù)有限公司 交互設(shè)計(jì)師 交互設(shè)計(jì)師以目標(biāo)為導(dǎo)向的設(shè)計(jì)，最早屬于界面設(shè)計(jì)的范疇，交互設(shè)計(jì)的過(guò)程主要是“任務(wù)分解”的過(guò)程，簡(jiǎn)單來(lái)說(shuō)就是“我們把產(chǎn)品功能按照用戶的具體需求組合成典型任務(wù)場(chǎng)景，然后對(duì)每個(gè)任務(wù)進(jìn)行詳細(xì)的使用流程設(shè)計(jì)”。 決定交互設(shè)計(jì)有多少工作的并非多少界面，而是有多少任務(wù) 。 我們的交互設(shè)計(jì)師通常只做： 行為設(shè)計(jì)： 用戶點(diǎn)擊之后反饋什么樣的結(jié)果？ 可以拖拽操作嗎？ 用什么樣的語(yǔ)言和用戶交互？ 界面設(shè)計(jì)： 使用按鈕還是圖標(biāo)？ 錯(cuò)誤處理 交付物：產(chǎn)品線框圖（ 產(chǎn)品特性清單（ 交互設(shè)計(jì)師需要具備憑空想象復(fù)雜行為的能力 觀點(diǎn)： 1、交互設(shè)計(jì)師不要把全部的精力用于交互設(shè)計(jì)的表現(xiàn)層面，而要更多的去考慮交互思想、交互理念的設(shè)計(jì)。 2、用戶 3步完成一項(xiàng)任務(wù)一定比 5步完成這項(xiàng)任務(wù)更加具有可用性嗎？ 南京欣網(wǎng)視訊信息技術(shù)有限公司 交互設(shè)計(jì)任務(wù)分解舉例 南京欣網(wǎng)視訊信息技術(shù)有限公司 從招聘廣告看交互設(shè)計(jì)師 南京欣網(wǎng)視訊信息技術(shù)有限公司 界面交互信息構(gòu)架？ 南京欣網(wǎng)視訊信息技術(shù)有限公司 從招聘廣告看用戶體驗(yàn)分析師 南京欣網(wǎng)視訊信息技術(shù)有限公司 產(chǎn)品設(shè)計(jì)流程參考 產(chǎn)品設(shè)計(jì)流程 通過(guò)數(shù)據(jù)分析研究，定位產(chǎn)品和用戶 確定用戶群體特征，研究用戶目標(biāo)和行為的關(guān)鍵因素 產(chǎn)品的理念、定位、整體性結(jié)構(gòu)、用戶需求核心 通過(guò)用戶調(diào)研，結(jié)合定量、定性分析，為不同目標(biāo)用戶制定不同的產(chǎn)品策略 1、市場(chǎng)研究 2、用戶定位分析 3、產(chǎn)品概念設(shè)計(jì) 4、用戶細(xì)分 南京欣網(wǎng)視訊信息技術(shù)有限公司 產(chǎn)品設(shè)計(jì)流程 產(chǎn)品設(shè)計(jì)流程 設(shè)計(jì)人物角色，建立檔案 針對(duì)目標(biāo)用戶，分析功能模塊，確定做什么和不做什么 信息空間的結(jié)構(gòu)、組織、導(dǎo)航、標(biāo)識(shí)。通過(guò)任務(wù)分解（場(chǎng)景設(shè)計(jì)），設(shè)計(jì)互動(dòng)流程 通過(guò)用戶現(xiàn)場(chǎng)操作、低保真原型操作等方式做產(chǎn)品的可用性測(cè)試 5、人物角色創(chuàng)建 6、功能需求分析 7、信息構(gòu)架、交互設(shè)計(jì) 8、可用性測(cè)試 南京欣網(wǎng)視訊信息技術(shù)有限公司 產(chǎn)品設(shè)計(jì)過(guò)程中的交付物 1. 概念階段（ 段的交付物：概念文檔（ 者是概念原型（ 2. 探索階段（ 階段的交付物：提案文檔（ 3. 定義階段（ 的交付物：需求文檔（ 產(chǎn)品概念設(shè)計(jì)（ 4. 細(xì)化階段（ 的交付物：產(chǎn)品線框圖（ 產(chǎn)品特性清單（ 最終的原型設(shè)計(jì)（可以是任何版本的，例如 某工作小組的產(chǎn)品策劃流程 各個(gè)階段的交付物形式 南京欣網(wǎng)視訊信息技術(shù)有限公司 舉例： 團(tuán)隊(duì)組建 產(chǎn)品經(jīng)理（ 用戶體驗(yàn)研究員 ( 信息架構(gòu)師 ( 視覺設(shè)計(jì)師 (界面設(shè)計(jì)師（ 互動(dòng)設(shè)計(jì)師 ( 工程師 ( 作流程 1、 產(chǎn)品經(jīng)理制定產(chǎn)品整體構(gòu)架，產(chǎn)品發(fā)展方向等，做全局把控 2、 以上人員共同參與產(chǎn)品討論，制定時(shí)間表以及任務(wù)分工 3、 用戶體驗(yàn)研究員作產(chǎn)品和用戶等調(diào)查研究 4、 信息架構(gòu)師設(shè)計(jì)產(chǎn)品信息架構(gòu)、內(nèi)容架構(gòu) 5、 互動(dòng)設(shè)計(jì)師設(shè)計(jì)互動(dòng)流程 6、 視覺設(shè)計(jì)師 ( 7、 再 現(xiàn)，最后交給工程師 8、 用戶體驗(yàn)研究員需要做用戶測(cè)試 9、 需要測(cè)驗(yàn)產(chǎn)品的操作步驟，確認(rèn)產(chǎn)品的使用質(zhì)量 南京欣網(wǎng)視訊信息技術(shù)有限公司 產(chǎn)品設(shè)計(jì)中的棘手問題 我們公司沒有 別說(shuō)什么 們?nèi)绾伍_展產(chǎn)品設(shè)計(jì)工作？ 網(wǎng)站的行文、界面文字誰(shuí)來(lái)把關(guān)、是 D，還是誰(shuí)？ 誰(shuí)，何時(shí)，需要加入產(chǎn)品設(shè)計(jì)的概念性階段？ 產(chǎn)品設(shè)計(jì)規(guī)范如何確定和執(zhí)行？ 為什么我們產(chǎn)品設(shè)計(jì)時(shí)間總是不夠用？ 缺乏高效的溝通、團(tuán)隊(duì)成員對(duì)于目標(biāo)的不明確，會(huì)導(dǎo)致整體效率的下降，我們要讓團(tuán)隊(duì)的成員都清楚： 產(chǎn)品目標(biāo)、工作流程、設(shè)計(jì)規(guī)范、日程安排 南京欣網(wǎng)視訊信息技術(shù)有限公司 目錄 E/1 產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的組建和產(chǎn)品設(shè)計(jì)流程 2 產(chǎn)品設(shè)計(jì)方法和原型、工具的使用 3 南京欣網(wǎng)視訊信息技術(shù)有限公司 以用戶為中心的設(shè)計(jì)方法舉例 卡片分類 (觀察用戶是如何理解內(nèi)容和組織信息，用來(lái)幫助你的網(wǎng)站 (產(chǎn)品 )更合理的組織信息。 情境訪談 (走進(jìn)用戶的現(xiàn)實(shí)環(huán)境，讓你了解你的用戶的工作方式，生活環(huán)境等等情況。 焦點(diǎn)小組 (組織一組的用戶進(jìn)行討論，讓你更了解用戶的理解、想法、態(tài)度和想要什么。 啟發(fā)式評(píng)估 (可用性的檢查方法，讓一些行內(nèi)專家對(duì)網(wǎng)站產(chǎn)品進(jìn)行指導(dǎo)。 南京欣網(wǎng)視訊信息技術(shù)有限公司 以用戶為中心的設(shè)計(jì)方法舉例 單獨(dú)訪談 (一對(duì)一的用戶討論 ,讓你了解某個(gè)用戶是如何工作 ,使你知道用戶的感受 ,想要什么和他的經(jīng)歷。 平行設(shè)計(jì) (對(duì)同一個(gè)網(wǎng)站 (產(chǎn)品 )進(jìn)行分開的設(shè)計(jì)，從而比較選擇一個(gè)最佳方案。 角色模型 (構(gòu)建一個(gè)虛構(gòu)的人來(lái)代表大部分用戶，設(shè)計(jì)團(tuán)隊(duì)圍繞這個(gè)虛擬人物設(shè)計(jì)開發(fā)產(chǎn)品。 原型 (利用簡(jiǎn)單網(wǎng)站 (產(chǎn)品 )原型進(jìn)行相關(guān)的測(cè)試，從而節(jié)約后期大量的成本。 南京欣網(wǎng)視訊信息技術(shù)有限公司 以用戶為中心的設(shè)計(jì)方法舉例 問卷調(diào)查 (利用網(wǎng)上或紙張的問題 而收集用戶對(duì)網(wǎng)站 (產(chǎn)品 )的反饋意見。 任務(wù)分析 (通過(guò)任務(wù)分析了解用戶使用你網(wǎng)站 (產(chǎn)品 )時(shí)的目標(biāo)和操作方式，習(xí)慣。 可用性測(cè)試 (請(qǐng)用戶來(lái)試用你的網(wǎng)站 (產(chǎn)品 )，有任務(wù)性的完成測(cè)試。從而得到你所想要的東西。 用例 (描述某個(gè)用戶使用你網(wǎng)站 (產(chǎn)品 )時(shí)的情況，包括目標(biāo)和行動(dòng)。 南京欣網(wǎng)視訊信息技術(shù)有限公司 用戶研究人物角色創(chuàng)建 人物角色（ 為 ，是通過(guò)創(chuàng)建典型用戶來(lái)代表具有不同目標(biāo)的用戶從而滿足具有類似目標(biāo)和需求的用戶群”，介紹了通過(guò)角色，產(chǎn)品設(shè)計(jì)者可以站在用戶的角度考慮問題，從而把設(shè)計(jì)者的注意力集中在用戶需求和目標(biāo)上 南京欣網(wǎng)視訊信息技術(shù)有限公司 用戶研究人物角色創(chuàng)建 用戶定性研究 細(xì)分用戶群 為細(xì)分群體 創(chuàng)建角色 用戶訪談 現(xiàn)場(chǎng)調(diào)查 用例測(cè)試 用目標(biāo)細(xì)分 用使用周期細(xì)分 用行為和觀點(diǎn) 介紹一種最簡(jiǎn)單的人物角色創(chuàng)建方法定性人物角色： 除了定性分析法之外，還有： 經(jīng)定量驗(yàn)證的定性人物角色 完全的定量人物角色 建立檔案 展示人物角色 融入角色 南京欣網(wǎng)視訊信息技術(shù)有限公司 用戶研究人物角色創(chuàng)建 不經(jīng)過(guò)分類、邏輯分析的原始用戶數(shù)據(jù)、訪談?wù){(diào)查表本身并沒有什么意義，往往會(huì)讓我們陷入細(xì)節(jié)并得到錯(cuò)誤的結(jié)論 創(chuàng)建角色：人物角色可以時(shí)刻提醒我們，要把時(shí)間用在滿足我們的目標(biāo)用戶群體上 人物角色可以避免我們基于自己的想法做決策 太夸張 太漂亮 太隱藏 太多干擾 人物角色形象要具有普通代表性，并和人物特性相符合 南京欣網(wǎng)視訊信息技術(shù)有限公司 原型設(shè)計(jì)：故事板 * 紙板 用于屏幕； * 郵票式張貼 用于菜單、對(duì)話框和其他的屏幕元素； * 透明的幻燈片 用于臨時(shí)項(xiàng)目或用戶輸入； * 隱藏的帶子或者其它用于用戶輸入的帶子； * 筆和標(biāo)記（可擦寫標(biāo)記用戶輸入或臨時(shí)信息）； * 用來(lái)擦除輸入的水； * 原型設(shè)計(jì)，主要是設(shè)計(jì)產(chǎn)品的功能、用戶流程、信息架構(gòu)、交互細(xì)節(jié)、頁(yè)面元素等 ，它更多的向產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的每一位成員傳遞著產(chǎn)品的設(shè)計(jì)理念、核心功能、網(wǎng)站結(jié)構(gòu)、基本布局等，但經(jīng)常不包括視覺設(shè)計(jì)。原型設(shè)計(jì)主要形式：紙質(zhì)、交互式卡片、線框圖、圖形、 要工具有 南京欣網(wǎng)視訊信息技術(shù)有限公司 紙質(zhì)原型 優(yōu)勢(shì) * 技術(shù)壁壘消失 * 更少的辯論時(shí)間 * 傳達(dá)產(chǎn)品感覺不錯(cuò) * 比 者 * 廉價(jià) * 人人都可以參加設(shè)計(jì)紙質(zhì)原型 用戶可以協(xié)同設(shè)計(jì)原型或參加之后的測(cè)試部分 缺點(diǎn) *有限的交互 不是所有的交互問題可以被充分的測(cè)試（例如，某些功能，例如鼠標(biāo)劃過(guò)事件給用戶一個(gè)反饋無(wú)法模擬） *不能評(píng)價(jià)的響應(yīng)時(shí)間 * 不得在實(shí)際系統(tǒng)中制造模擬數(shù)據(jù) * 不能評(píng)估視覺 * 需要擺弄大量的紙 * 超過(guò) 3個(gè)人的演示是不合適的 南京欣網(wǎng)視訊信息技術(shù)有限公司 圖形原型設(shè)計(jì) 優(yōu)點(diǎn)： 效果美觀、清晰 適合做電子歸檔 。 缺點(diǎn)： 制作時(shí)間長(zhǎng) 不適合現(xiàn)場(chǎng)互動(dòng)研討 。 南京欣網(wǎng)視訊信息技術(shù)有限公司 線框圖設(shè)計(jì) 線框圖 (信息架構(gòu)和交互設(shè)計(jì)最重要的交付物之一 ，往往模型設(shè)計(jì)要依據(jù)于線框圖。 低保真原