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

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