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

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