051-軟件觀念-從電子商務(wù)看交互設(shè)計與用戶體驗-閱讀頁
2025-02-26 14:38本頁面
【正文】 低保真原型操作等方式做產(chǎn)品的可用性測試 人物角色創(chuàng)建 功能需求分析 信息構(gòu)架、交互設(shè)計 可用性測試 產(chǎn)品設(shè)計過程中的交付物 1. 概念階段（ concept）階段的交付物：概念文檔（ concept document）或者是概念原型（ concept prototype） 2. 探索階段（ discover） 階段的交付物：提案文檔（ Proposal Document） 3. 定義階段（ definition） 的交付物：需求文檔（ Product Requirement Document），產(chǎn)品概念設(shè)計（ Concept Design Meterials） 4. 細(xì)化階段（ refinement） 的交付物：產(chǎn)品線框圖（ Wireframes）、產(chǎn)品特性清單（ Feature List）、最終的原型設(shè)計（可以是任何版本的，例如 HTML、 Flash或者是專用的原型制作工具） 某工作小組的產(chǎn)品策劃流程 各個階段的交付物形式 舉例： YAHOO產(chǎn)品設(shè)計流程 團隊組建 產(chǎn)品經(jīng)理（ product manager） 用戶體驗研究員 (user researcher) 信息架構(gòu)師 (information architect) 視覺設(shè)計師 (visual designer)、界面設(shè)計師（ user interface designer） 互動設(shè)計師 (interaction designer) 工程師 (web developer)/ engineer 工作流程 產(chǎn)品經(jīng)理制定產(chǎn)品整體構(gòu)架，產(chǎn)品發(fā)展方向等，做全局把控 以上人員共同參與產(chǎn)品討論，制定時間表以及任務(wù)分工 用戶體驗研究員作產(chǎn)品和用戶等調(diào)查研究 信息架構(gòu)師設(shè)計產(chǎn)品信息架構(gòu)、內(nèi)容架構(gòu) 互動設(shè)計師設(shè)計互動流程 視覺設(shè)計師 (visual designer)和 user interface designer做視覺設(shè)計 web developer把設(shè)計模型通過編寫程序 (html, dhtml, JavaScript)等再 現(xiàn)，最后交給工程師 用戶體驗研究員需要做用戶測試 QA(Quality assurance) 需要測驗產(chǎn)品的操作步驟，確認(rèn)產(chǎn)品的使用質(zhì)量 產(chǎn)品設(shè)計中的棘手問題 沒有 UED、 IA、 ID、 VD，更別說什么 UR了，我們?nèi)绾伍_展產(chǎn)品設(shè)計工作？ 網(wǎng)站的行文、界面文字誰來把關(guān)、是 PM還是 ID，還是誰？ PM和 UE的關(guān)系如何界定？ 誰，何時，需要加入產(chǎn)品設(shè)計的概念性階段？ 產(chǎn)品設(shè)計規(guī)范如何確定和執(zhí)行？ 為什么我們產(chǎn)品設(shè)計時間總是不夠用？ 缺乏高效的溝通、團隊成員對于目標(biāo)的不明確，會導(dǎo)致整體效率的下降，我們要讓團隊的成員都清楚： 產(chǎn)品目標(biāo)、工作流程、設(shè)計規(guī)范、日程安排 產(chǎn)品設(shè)計方法和原型、工具 以用戶為中心的設(shè)計方法舉例 卡片分類 (Card Sorting) 觀察用戶是如何理解內(nèi)容和組織信息，用來幫助你的網(wǎng)站 (產(chǎn)品 )更合理的組織信息。 焦點小組 (Focus Groups) 組織一組的用戶進行討論，讓你更了解用戶的理解、想法、態(tài)度和想要什么。 以用戶為中心的設(shè)計方法舉例 單獨訪談 (Individual Interviews) 一對一的用戶討論 ,讓你了解某個用戶是如何工作 ,使你知道用戶的感受 ,想要什么和他的經(jīng)歷。 角色模型 (Personas) 構(gòu)建一個虛構(gòu)的人來代表大部分用戶，設(shè)計團隊圍繞這個虛擬人物設(shè)計開發(fā)產(chǎn)品。 以用戶為中心的設(shè)計方法舉例 問卷調(diào)查 (Surveys) 利用網(wǎng)上或紙張的問題 list對用戶進行發(fā)放填寫，從而收集用戶對網(wǎng)站 (產(chǎn)品 )的反饋意見。 可用性測試 (Usability Testing) 請用戶來試用你的網(wǎng)站 (產(chǎn)品 )，有任務(wù)性的完成測試。 用例 (Use Cases) 描述某個用戶使用你網(wǎng)站 (產(chǎn)品 )時的情況，包括目標(biāo)和行動。原型設(shè)計主要形式：紙質(zhì)、交互式卡片、線框圖、圖形、 html、flash等，主要工具有 word、 visio、 DW、 photoshop、Axure RP等 …… 紙質(zhì)原型 優(yōu)勢 * 技術(shù)壁壘消失 * 更少的辯論時間 * 傳達產(chǎn)品感覺不錯 * 比 Visual Basic 或者 HTML原型制作快速 * 廉價 * 人人都可以參加設(shè)計紙質(zhì)原型 ?用戶可以協(xié)同設(shè)計原型或參加之后的測試部分 缺點 *有限的交互 —— 不是所有的交互問題可以被充分的測試（例如，某些功能，例如鼠標(biāo)劃過事件給用戶一個反饋無法模擬） *不能評價的響應(yīng)時間 * 不得在實際系統(tǒng)中制造模擬數(shù)據(jù) * 不能評估視覺 * 需要擺弄大量的紙 * 超過 3個人的演示是不合適的 圖形原型設(shè)計 VISIO制作的圖形原型（ visio、 photoshop、illustrator） 優(yōu)點： 效果美觀、清晰 適合做電子歸檔 。 線框圖設(shè)計 線框圖 (Wireframes)是信息架構(gòu)和交互設(shè)計最重要的交付物之一 ，往往模型設(shè)計要依據(jù)于線框圖。它可以用來與用戶“彩排”。同時也當(dāng)便做調(diào)整、做對外的功能結(jié)構(gòu)的報告演示 流程設(shè)計： Visio 作業(yè) 請選擇一個網(wǎng)購平臺，用流程圖的形式，畫出從注冊，到完成購物，然后退貨的流程。 END 演講完畢，謝謝觀看！
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1