以用戶為中心的設(shè)計—概念,流程和方法.ppt

以用戶為中心的設(shè)計 概念 流程和方法 16 00開始16 00概要及簡介16 05幾個定義什么是可用性 什么是可用性工程 16 30以用戶為中心的設(shè)計目標流程流程講解18 00結(jié)束 2 分享什么 3 什么是可用性 4 什么是可用性 ISO9241 11中對于可用性 Usability 的定義如下 Extenttowhichaproductcanbeusedbyspecifieduserstoachievespecifiedgoalswitheffectiveness efficiencyandsatisfactioninaspecifiedcontextofuse 可用性是指產(chǎn)品在特定使用情境下為特定用戶用于達到特定目標時所具有的有效性 effectiveness 效率 efficiency 和用戶主觀滿意度 satisfaction 可用性已經(jīng)成為衡量產(chǎn)品質(zhì)量的重要組成部分 5 什么是使用情境 contextofuse Users tasks equipment hardware softwareandmaterials andthephysicalandsocialenvironmentsinwhichaproductisused ISO9241 11 使用情境描述 產(chǎn)品使用中的用戶 任務(wù) 設(shè)備 硬件 軟件和其他材料 以及物理和社會環(huán)境 6 Effectiveness Accuracyandcompletenesswithwhichusersachievespecifiedgoals 有效性 用戶達成特定目標的準確性和完整性衡量指標 目標達成是否達成 質(zhì)量是否達成 Efficiency Resourcesexpendedinrelationtotheaccuracyandcompletenesswithwhichusersachievegoals 效率 用戶達成特定目標的準確度和完成度所消耗的資源衡量指標 消耗的時間 所經(jīng)歷的交互步驟Satisfaction Freedomfromdiscomfort andpositiveattitudestowardstheuseoftheproduct 滿意度 使用產(chǎn)品的自由度及積極態(tài)度衡量指標 滿意度打分 7 產(chǎn)品使用的目的 任務(wù) 使用情境 目標達成 滿意度 效率 效能 用戶 工作環(huán)境 有效性 軟件產(chǎn)品的使用 結(jié)果 軟件評估 成功 軟件改進 工具 使用性衡量標準 FrameworkusabilityasdefinedinISO9241 11使用性框架模型 8 什么是可用性工程 9 什么是可用性工程 可用性工程 UsabilityEngineering 是IT產(chǎn)品及其用戶界面開發(fā)的一種工程方法論 它貫穿于產(chǎn)品整個生命周期的各個階段 包括產(chǎn)品使用情境研究 用戶需求獲取 產(chǎn)品可用性問題分析 產(chǎn)品原型的開發(fā)及測試評估 產(chǎn)品的迭代改進在內(nèi)的一整套實用方法 泛指以提高產(chǎn)品可用性質(zhì)量為目的的一系列過程 方法 技術(shù)和標準 其核心是以用戶為中心的設(shè)計方法論 user centereddesign UCD 它強調(diào)從用戶的角度來進行產(chǎn)品的設(shè)計開發(fā) 這使它有別于傳統(tǒng)和常規(guī)的開發(fā)方法 彌補了常規(guī)開發(fā)方法無法保證可用性質(zhì)量的不足 九十年代以來開始在美 歐 日 印等國IT業(yè)界普遍應(yīng)用 10 以用戶為中心的設(shè)計 11 目標根據(jù)對用戶 任務(wù)和環(huán)境的清晰認識進行設(shè)計用戶參與設(shè)計和研發(fā)的全過程設(shè)計是由以用戶為中心的評估推動和改進的流程是反復的設(shè)計體現(xiàn)了全部用戶體驗設(shè)計團隊包括多學科技術(shù)和視角 ISO9241 210中提倡的設(shè)計流程 12 實用設(shè)計流程和一些常用的方法 13 發(fā)現(xiàn)需求 給什么人做 步驟1 市場調(diào)研步驟2 二手資料分析 數(shù)據(jù) 步驟3 用戶定位 怎么做 步驟1 觀察研究步驟2 用戶模型步驟3 場景描述 發(fā)現(xiàn)需求 用戶定位 尋找影響用戶行為和目標的關(guān)鍵因素年齡職業(yè)收入產(chǎn)品經(jīng)驗 用一句話來描述TA常用方法 二維分析矩陣模糊綜合評價法 發(fā)現(xiàn)需求 觀察研究 通過用戶調(diào)研的手段 調(diào)查了解用戶及其相關(guān)使用的場景 主要包括用戶使用時候的心理模式和行為模式方法 介入觀察 非介入觀察 采訪注意點 尋找行為中的停頓 提示某種行為的現(xiàn)象或特征 臨時的調(diào)整方案或解決手段 身體語言 人們真正關(guān)注的事物 另人驚訝的行為或用戶 用戶模型 用戶角色 常用的區(qū)分維度 需求 期望 行為和動機主要角色次要角色補充角色 17 加入行業(yè)信息傳達用戶在心理和情感方面的信息 角色是否了解這個領(lǐng)域 有過什么樣的經(jīng)歷 經(jīng)歷的問題在哪 等等取一個名字 找一張照片 更多人文細節(jié)由于角色完全是發(fā)明出來的 所以細節(jié)尤為重要 在我們賦予角色年齡 工作 居住地和性格之前 它只是一堆數(shù)據(jù)的堆砌 設(shè)計語錄起到畫龍點睛作用的語錄 可以直接使用從用戶訪談中得到的寶貴資料陳列商業(yè)目標和用戶目標別忘了我們?yōu)槭裁匆O(shè)計角色 讓角色成為真正的人 18 19 如何應(yīng)用角色 任何說到用戶的地方最重要的是創(chuàng)建用于設(shè)計產(chǎn)品的場景 20 場景是腳本 用戶是主演 場景講述人物角色與網(wǎng)站進行交互時的 理想化 故事 場景是一個或多個任務(wù)的綜合體 幫助人們理解人物角色最常用的路徑 每個首要角色至少要有一個場景 同時要包括這個角色最重要的目標 場景作為設(shè)計 評估 交流工具 場景設(shè)計 21 許婷是某外貿(mào)企業(yè)的部門經(jīng)理 有3年左右的計算機和互聯(lián)網(wǎng)使用經(jīng)驗 經(jīng)常使用搜索引擎查找自己需要的信息 周末老公生日 許婷正為做點兒什么樣菜而發(fā)愁 聽朋友介紹某個網(wǎng)站有手把手的 菜譜推薦 可以了解如何利用簡單的食材做出好菜 決定利用晚上時間回家去試一下 由于是朋友推薦的 所以許婷直接在地址欄輸入 URL 然后回車 周末推薦菜譜 這正是許婷想知道的 于是點擊進去仔細地讀了一下 嗯 她想 我大致知道這菜需要什么了 可是怎么操作呢 許婷看到頁面下方有一個怎么做 的按鈕 想也沒想就點擊了 她進入了一個界面 只有視屏教程和詳細步驟 嗯 這很清楚 我先試試看能不能簡單易懂 她試著點了下幾個步驟 發(fā)現(xiàn)每個步驟都有詳細的文字說明和簡短操作視頻演示 太好了 這正是我要找的東西 除了推薦的 我能不能看看還有什么我能做的菜呢 她發(fā)現(xiàn)推薦菜譜下面還有些適合搭配的菜品 就進去看了看 太好了 這下周末能做一桌子菜犒勞犒勞老公了 這就出去采購 場景示例 22 場景V1 0堅持理想體驗堅持與角色同行場景V2 0場景1 0VS真實世界企業(yè)和技術(shù)約束注意 場景不要過于針對界面 以免陷入設(shè)計細節(jié) 如何寫出好的場景 23 24 公共交通 晚上娛樂 休閑 13 00 18 00工作時間 18 00 19 00下班路上 12 00 13 00午休場所 7 00 8 00家 9 00 12 00工作時間 19 00 24 00家或娛樂場所 辦公室上網(wǎng)午睡 普通工薪生活軌跡 8 00 9 00上班路上 一天的場景可以告訴我們什么 通過簡單的場景模擬 尋找角色使用產(chǎn)品的軌跡 任務(wù) 任務(wù)是用戶為了達到目標而做的事 任務(wù)不等于目標 存在多個角色使用同一個任務(wù)的情況 根據(jù)角色重要性確定主要針對的設(shè)計對象 模擬用戶的使用流程 而非設(shè)計用戶的使用流程 因功能的重要性和角色的重要性 確定任務(wù)的級別 角色 場景與任務(wù) 25 任務(wù)分解要把場景拆解成最小的組成部分 完成同一個目標的任務(wù)可以有很多種 任務(wù)分解有助于理解場景和用戶期望值 可以確保所有的用戶行為都被納入了設(shè)計之中 同時可以保證把注意力放在了用戶常做的事情上 任務(wù)分解 26 細化每個功能需求的業(yè)務(wù)邏輯 業(yè)務(wù)流程模型是產(chǎn)品功能的核心 業(yè)務(wù)流程圖是每個業(yè)務(wù)點的概念設(shè)計 業(yè)務(wù)流程是數(shù)據(jù)流程 也是用戶使用流程 業(yè)務(wù)流程的設(shè)計不能靠 專家 必須深入了解產(chǎn)品 不是設(shè)計 用戶應(yīng)該怎么作 而是思考 用戶喜歡怎么作 業(yè)務(wù)流程 27 業(yè)務(wù)流程圖 28 參考 描述信息結(jié)構(gòu)和交互設(shè)計的圖示詞匯表 業(yè)務(wù)流程圖 29 遵循日常認知的信息組織方式 超市 圖書館 音像店 捕捉焦點 合理的信息結(jié)構(gòu)能夠把新的內(nèi)容納入 從上至下 從下到上的信息結(jié)構(gòu)設(shè)計 頁面信息結(jié)構(gòu)和局部信息結(jié)構(gòu)同行 多重導航的系統(tǒng)全局導航 局部導航 輔助導航 友好導航 內(nèi)聯(lián)導航 用戶的位置感和指示標識 面包屑 不在同一頁面重復同一導航 信息架構(gòu)和導航 30 31 信息架構(gòu)將信息組織 歸類 讓信息便于瀏覽 便于獲取導航信息組織歸類后的表現(xiàn)形式 引導人們?yōu)g覽獲取信息導航屬于信息架構(gòu)范疇 信息架構(gòu)和導航 32 WEB的3類頁面導航頁面幫助用戶確定在哪里找到想要的東西 并提供訪問路徑內(nèi)容頁面展示用戶剛興趣的內(nèi)容 列表 文本 圖片 視頻 等等 交互頁面允許用戶輸入和管理數(shù)據(jù) 進行功能操作 更多時候是混合頁面類型 頁面設(shè)計 33 Web類產(chǎn)品設(shè)計原則 34 保護用戶隱私和財產(chǎn) 付款操作 要得到用戶的再次確認 良好的路徑指示 記憶用戶的交互習慣 關(guān)注用戶操作情景而不是操作本身 告訴用戶操作后意味著什么 原型制作及驗證原型大致可分三類 1 功能測試的原型2 感官測試原型3 實現(xiàn)測試原型這些原型用于測試用戶和設(shè)計系統(tǒng)交互的質(zhì)量 原型的可以是實物的 也可以計算機模擬的 可以是高度仿真的 也可以是大致相似的 低保真原型 高保真原型 可用性測試可用性測試可以驗證以