用戶體驗(yàn)設(shè)計(jì)過(guò)程

本文格式為Word版，下載可任意編輯——用戶體驗(yàn)設(shè)計(jì)過(guò)程互聯(lián)網(wǎng)的用戶體驗(yàn)設(shè)計(jì)過(guò)程rexsong更多互聯(lián)網(wǎng)產(chǎn)品文檔請(qǐng)?jiān)L問(wèn)閱微網(wǎng)開(kāi)放式PM產(chǎn)品社區(qū)閱微網(wǎng)新浪微群閱微網(wǎng)官方微博閱微PM超級(jí)群全國(guó)22383617上海1187369372目次怎么做交付物靈巧設(shè)計(jì)產(chǎn)品評(píng)估問(wèn)題3怎么做4實(shí)施過(guò)程概念證明構(gòu)思根據(jù)市場(chǎng)研究和設(shè)想目標(biāo)論證為可行的商業(yè)模式設(shè)計(jì)探索規(guī)劃把抽象的商業(yè)需求量化為可視可操作產(chǎn)品原型的過(guò)程技術(shù)編碼落實(shí)互聯(lián)網(wǎng)產(chǎn)品與傳統(tǒng)UI做用戶體驗(yàn)最大的識(shí)別便在于此5概念證明內(nèi)容需求用戶需要的內(nèi)容功能規(guī)格需要什么樣的功能用戶簡(jiǎn)介角色說(shuō)明6設(shè)計(jì)探索信息架構(gòu)功能布局界面線框交互設(shè)計(jì)任務(wù)分解工作流程視覺(jué)設(shè)計(jì)風(fēng)格模范7技術(shù)編碼布局HTML表現(xiàn)CSS行為DOMScript8交付物9類型設(shè)計(jì)圖概念圖架構(gòu)圖流程圖原型紙質(zhì)原型圖形原型頁(yè)面原型文檔過(guò)程文檔交付文檔10設(shè)計(jì)圖用戶模型功能模型交互流程認(rèn)知布局規(guī)律布局架構(gòu)圖概念圖流程圖11概念圖功能模型能得志什么如何得志用戶模型需要做什么理應(yīng)如何做PaperVisioMindManagerIllustratorPhotoshopPowerpoint12概念圖功能類似產(chǎn)品藍(lán)圖的遠(yuǎn)景規(guī)劃使用抽象圖形呈現(xiàn)Photoshop制作13概念圖用戶定義產(chǎn)品用戶應(yīng)有的功能列舉可能沒(méi)有規(guī)律關(guān)系MindManager制作14架構(gòu)圖規(guī)律布局建立層級(jí)規(guī)律關(guān)系認(rèn)知布局建立認(rèn)知規(guī)律關(guān)系PaperMindManagerFreeMindCmapToolsOmnigrafflePowerPoint15架構(gòu)圖規(guī)律介紹Flickr功能以及它們之間的相互關(guān)系CmapTools制作16架構(gòu)圖認(rèn)知介紹用戶可以在Flickr平臺(tái)上獲取哪些服務(wù)Illustrator制作17流程圖任務(wù)流程功能點(diǎn)之間的交互界面流程操作點(diǎn)之間的交互PaperVisioOmnigrafflePhotoshopPowerPointSmartDrawAxure18流程圖任務(wù)某用戶在雅虎郵件系統(tǒng)里登錄后查看消息的過(guò)程處理片段Visio制作19流程圖界面小杰在后臺(tái)創(chuàng)造調(diào)查添加問(wèn)題選項(xiàng)獲得JS調(diào)用代碼的過(guò)程Visio制作20原型頁(yè)面原型低保真高保真線框圖任務(wù)分解網(wǎng)站地圖紙質(zhì)原型迭代圖形原型工作流程21紙質(zhì)原型優(yōu)點(diǎn)制作快速無(wú)技術(shù)壁壘消散更少的議論時(shí)間傳達(dá)產(chǎn)品感覺(jué)不錯(cuò)缺點(diǎn)存在屏幕真實(shí)狀態(tài)問(wèn)題不能評(píng)估視覺(jué)不能在實(shí)際系統(tǒng)中制造假數(shù)據(jù)不能評(píng)價(jià)的響應(yīng)時(shí)間不適合超過(guò)3人的演示22紙質(zhì)原型制作23紙質(zhì)原型卡片24紙質(zhì)原型手繪25圖形原型優(yōu)點(diǎn)效果美觀適合打印或者歸檔無(wú)需紙張缺點(diǎn)存在客戶端真實(shí)狀態(tài)問(wèn)題制作需更多時(shí)間制作需要相關(guān)專業(yè)學(xué)識(shí)不便當(dāng)現(xiàn)場(chǎng)測(cè)試新想法輕易延誤提升執(zhí)行26圖形原型Visio27圖形原型Photoshop28圖形原型Illustrator29頁(yè)面原型優(yōu)點(diǎn)真實(shí)的交互有益于評(píng)價(jià)屏幕變化有時(shí)間作出提升缺點(diǎn)制作需更多時(shí)間制作需要編程學(xué)識(shí)不便當(dāng)現(xiàn)場(chǎng)測(cè)試新想法輕易延誤提升執(zhí)行30頁(yè)面原型低保真區(qū)分鏈接不區(qū)分顏色固化布局固化模塊固化信息條目固化信息內(nèi)容規(guī)格31頁(yè)面原型高保真保證與設(shè)計(jì)圖一致按風(fēng)格指南完成布局表現(xiàn)制作區(qū)分信息顏色32過(guò)程文檔角色定義有目標(biāo)用戶群之后分別對(duì)典型角色舉行定義讓他們看起來(lái)更真實(shí)頁(yè)面列表適合管理原型頁(yè)面并編號(hào)存檔和組織33角色定義Grow根本屬性關(guān)鍵差異簡(jiǎn)樸描述用戶目標(biāo)商業(yè)目標(biāo)相關(guān)屬性34頁(yè)面列表Dpdp名稱編號(hào)35交付文檔風(fēng)格指南指導(dǎo)低保原型舉行美化及維護(hù)準(zhǔn)那么包括HTMLCSS腳本說(shuō)明指導(dǎo)頁(yè)面前端行為開(kāi)發(fā)的扶助包括ScriptDOM接口說(shuō)明便當(dāng)?shù)谌介_(kāi)發(fā)獲取數(shù)據(jù)使用功能36風(fēng)格指南CAPT布局配色排版樣式表混合37腳本說(shuō)明YUI框架模塊調(diào)用38接口說(shuō)明豆瓣通用參數(shù)說(shuō)明通用元素說(shuō)明返回狀態(tài)說(shuō)明細(xì)致說(shuō)明39靈巧設(shè)計(jì)40流程與交付保證關(guān)鍵設(shè)計(jì)圖圖形只是輔佐說(shuō)明根據(jù)產(chǎn)品需求適量裁減合并設(shè)計(jì)圖多用Web頁(yè)面原型直接完成為帶交互的HTML頁(yè)面裁減實(shí)施過(guò)程從低保原型開(kāi)頭越保真的原型需要的技巧越多或耗時(shí)越多41思維導(dǎo)圖MindMap42任務(wù)分解TaskAnalysis43快速引導(dǎo)Dashboard44工作流程WorkFlow45網(wǎng)站地圖SiteMap46職能與職責(zé)產(chǎn)品經(jīng)理PM提需求和構(gòu)思并且全面統(tǒng)籌和協(xié)調(diào)產(chǎn)品原型設(shè)計(jì)師IAIDVD反復(fù)迭代規(guī)劃最終完成為低保原型并且出具風(fēng)格指南掌管兩種以上的設(shè)計(jì)工具產(chǎn)品頁(yè)面工程師DEV通過(guò)風(fēng)格指南和低保原型完善為高保原型輔助完成質(zhì)量評(píng)估掌管兩種以上的編碼工具47才能要求打分5業(yè)務(wù)才能互聯(lián)網(wǎng)熟悉信息架構(gòu)交互設(shè)計(jì)溝通才能工作協(xié)調(diào)文檔制作視覺(jué)設(shè)計(jì)編程才能PM552355321IA345444532ID234544533VD2324445DEV322443548產(chǎn)品評(píng)估49啟發(fā)式評(píng)估需要留神的原那么1可視性原那么2不要脫離現(xiàn)實(shí)3用戶有自由操縱權(quán)4一致性原那么5有預(yù)防用戶出錯(cuò)的措施6要在第一時(shí)間讓用戶看到7使用起來(lái)生動(dòng)且高效8易讀性9給用戶明確的錯(cuò)誤信息并輔助便當(dāng)恢復(fù)工作10必要的扶助提示與說(shuō)明文檔50啟發(fā)式評(píng)估導(dǎo)航1明顯指示了當(dāng)前的位置2明顯定義了首頁(yè)的鏈接3網(wǎng)站的全體主要片面都能通過(guò)首頁(yè)訪問(wèn)4假設(shè)需要的話理應(yīng)有個(gè)站點(diǎn)地圖5網(wǎng)站布局明顯沒(méi)有不必要的層級(jí)6假設(shè)需要的話要有個(gè)易用的探尋功能51啟發(fā)式評(píng)估功能1全體功能都被明顯地表示出來(lái)2全體重要功能在不離開(kāi)網(wǎng)站前提下都可以使用3沒(méi)有不必要的插件52啟發(fā)式評(píng)估操縱1用戶可以取消全體操作2在每頁(yè)用戶都可以找到明顯的離開(kāi)本頁(yè)標(biāo)識(shí)3全體圖片鏈接都和文字鏈接一樣明顯可用4網(wǎng)站的流程符合用戶的操作流程5支持全體主流欣賞器53啟發(fā)式評(píng)估語(yǔ)言1文案干脆2沒(méi)有術(shù)語(yǔ)54啟發(fā)式評(píng)估反應(yīng)1現(xiàn)在發(fā)生了什么理應(yīng)一向明顯標(biāo)示出來(lái)2如必要用戶理應(yīng)能收到郵件反應(yīng)3全體反應(yīng)都要實(shí)時(shí)切實(shí)4如需要安裝插件或特定欣賞器務(wù)必告知用戶5用戶可以通過(guò)郵件或提交表單來(lái)提交反應(yīng)觀法6如必要的話供給在線扶助55啟發(fā)式評(píng)估一致性1對(duì)任何元素都只有固定的一種叫法2鏈接與其指向頁(yè)面的標(biāo)題要匹配3對(duì)鏈接和已訪問(wèn)鏈接使用模范的色調(diào)4一致使用術(shù)語(yǔ)的普遍叫法56啟發(fā)式評(píng)估防止出錯(cuò)1使用簡(jiǎn)樸的語(yǔ)言來(lái)表述錯(cuò)誤信息2錯(cuò)誤信息需要給出下一步操作提示3錯(cuò)誤信息供給明顯的