產(chǎn)品設(shè)計(jì)五層構(gòu)架.ppt

產(chǎn)品設(shè)計(jì)的五層架構(gòu),討論： 怎樣生產(chǎn)襯衫？,5W1H分析法 Why 為什么干這件事？（目的） What 怎么回事？（對(duì)象） Where 在什么地方執(zhí)行？（地點(diǎn)） When 什么時(shí)間執(zhí)行？完成？（時(shí)間） Who 由誰(shuí)執(zhí)行？（人員） How 怎樣執(zhí)行？采取那些有效措施？（方法）,回憶： 在產(chǎn)品設(shè)計(jì)中，你遇到過(guò)哪些問(wèn)題？,設(shè)計(jì)工作是否會(huì)無(wú)從下手，或者反復(fù)修改？ 功能討論很少能達(dá)到共識(shí)，等待領(lǐng)導(dǎo)拍板？ 用戶體驗(yàn)的改善應(yīng)該通過(guò)哪些方法來(lái)實(shí)現(xiàn)？ 分解 & 共識(shí),五層構(gòu)架,表現(xiàn)層 由文字和圖片組成的界面 點(diǎn)擊可以到達(dá)特定地方或?qū)崿F(xiàn)特定功能 框架層 界面布局，各種元素的位置 需要時(shí)，能迅速的認(rèn)出/找到這些元素 結(jié)構(gòu)層 確定不同類別的功能應(yīng)該在哪出現(xiàn) 幫助用戶去想去的地方，完成想要的操作 范圍層 羅列所有相關(guān)的功能 即提供給用戶的所有服務(wù) 戰(zhàn)略層 經(jīng)營(yíng)者想從產(chǎn)品上獲得什么 用戶想從產(chǎn)品中獲得什么,各層之間的關(guān)系,自下而上，抽象具體 每一層只處理自身的問(wèn)題 每一層都由下一層決定，受到下一層的約束 上層如果增加元素，需要重新考慮下層 設(shè)計(jì)的順序 自上而下，需要反復(fù)修改 自下而上，需要避免等待,設(shè)計(jì)的順序,每一層需要考慮什么？,注：兩種界面形式是交叉存在的,討論角色對(duì)應(yīng)表,戰(zhàn)略層產(chǎn)品目標(biāo)和用戶需求,在產(chǎn)品設(shè)計(jì)之初，需要回答兩個(gè)基本問(wèn)題 我們要從這個(gè)產(chǎn)品得到什么？（西北航空節(jié)約成本） 用戶要從這個(gè)產(chǎn)品得到什么？（KFC 60秒點(diǎn)餐） 關(guān)鍵是“明確” （google的服務(wù)圍繞在搜索核心上）,產(chǎn)品目標(biāo),騰訊操盤手的目標(biāo)是什么？(討論) 不能只存在于少數(shù)人頭腦中 要明確的表達(dá)出來(lái)，避免實(shí)施過(guò)程中發(fā)生偏差 一個(gè)好的產(chǎn)品目標(biāo)需要滿足： 商業(yè)目標(biāo) 品牌識(shí)別 成功標(biāo)準(zhǔn) 騰訊操盤手的目標(biāo)是什么？(再次討論),不是為自己設(shè)計(jì)，而是為用戶設(shè)計(jì) 用戶細(xì)分將用戶分成較小的有共同需求的組 用戶研究知道用戶是誰(shuí)？ 問(wèn)卷調(diào)查、訪談、現(xiàn)場(chǎng)測(cè)試、用戶卡片 可用性 簡(jiǎn)單 提高web的可用性 設(shè)計(jì)中的設(shè)計(jì) Dont make me think,用戶需求,戰(zhàn)略決策不僅僅是高層的責(zé)任，普通員工更知道什么行得通特別是在用戶需求方面。 戰(zhàn)略文檔需要被頻繁的使用，公開給所有參與者設(shè)計(jì)師、程序員、構(gòu)架師、項(xiàng)目經(jīng)理。,范圍層功能和內(nèi)容,把用戶需求和產(chǎn)品目標(biāo)轉(zhuǎn)變成“應(yīng)該提供給用戶什么內(nèi)容和功能”，戰(zhàn)略就變成了范圍。 定義范圍的理由： （形成文檔） 知道要做什么，方便協(xié)作； （避免擊鼓傳花） 知道不做什么，符合長(zhǎng)期規(guī)劃。 （避免滾雪球）,功能和內(nèi)容,軟件功能需求 網(wǎng)頁(yè)內(nèi)容需求,收集需求,需求總是來(lái)自用戶本身 （不在這里考慮可行性!） 首先，是人們講述的他們想要的東西 （顯而易見的） 接著，用戶實(shí)際想要的 （解決使用中的困惑） 再次，未曾考慮到的偉大構(gòu)思 （不同崗位的員工一起頭腦風(fēng)暴）,功能規(guī)格,需求的具體化描述寫成功能規(guī)格說(shuō)明書 (枯燥、如果修改需要與開發(fā)同步更新) 三個(gè)建議： 樂(lè)觀（防止做什么而不是不能做什么） 論壇不允許未登錄用戶發(fā)言如果用戶發(fā)言時(shí)未登錄，系統(tǒng)應(yīng)該導(dǎo)引用戶登錄并返回 具體（盡可能解釋清楚） 論壇發(fā)言需要過(guò)濾敏感詞語(yǔ)發(fā)言中包含附件中詞語(yǔ)的需替換為*號(hào)，詞庫(kù)可更新 避免主觀語(yǔ)氣（避免歧義） 界面的風(fēng)格應(yīng)該是時(shí)尚的產(chǎn)品外觀應(yīng)該符合企業(yè)品牌AI指南,討論：下面的功能規(guī)格如何描述？ 產(chǎn)品需要支持超大訪問(wèn)量 文章內(nèi)容需要有吸引力,內(nèi)容需求,什么是內(nèi)容？ 文本、表格、圖像、音頻、視頻 內(nèi)容的 規(guī)模 估算一個(gè)大致的量 更新頻率 安排日常維護(hù)工作，符合用戶的期望 特性 根據(jù)用戶的不同需求準(zhǔn)備對(duì)應(yīng)的內(nèi)容 （學(xué)校招生說(shuō)明） 形成內(nèi)容清單,確定優(yōu)先級(jí),排列出哪些功能/內(nèi)容應(yīng)該包含到現(xiàn)在的項(xiàng)目中 參考因素： 是否滿足戰(zhàn)略目標(biāo)、產(chǎn)品目標(biāo)和用戶需求？ 是否有可行性？技術(shù)的局限、人力的局限，時(shí)間的局限 選擇合適的方法來(lái)實(shí)現(xiàn)功能 參考因素同上,結(jié)構(gòu)層交互設(shè)計(jì)與信息構(gòu)架,把分散的需求片段組成一個(gè)整體， 為產(chǎn)品創(chuàng)建一個(gè)概念結(jié)構(gòu)。 確定需求呈現(xiàn)給用戶的模式和順序 交互設(shè)計(jì)關(guān)注影響用戶執(zhí)行和完成任務(wù) 信息構(gòu)架關(guān)注如何將信息表達(dá)給用戶 重點(diǎn)在于：理解用戶、用戶思考方式和操作方式,交互設(shè)計(jì),描述“可能的用戶行為”，定義“系統(tǒng)的配合與響應(yīng)” 概念模型 購(gòu)物車，精靈 錯(cuò)誤處理 將系統(tǒng)設(shè)計(jì)成不可能犯錯(cuò)的 （鎖、自動(dòng)檔車） 使錯(cuò)誤難以發(fā)生 （手機(jī)鍵盤鎖，不要太復(fù)雜） 自動(dòng)提示或改正錯(cuò)誤 （word拼寫檢查，刪除提示） 從錯(cuò)誤中恢復(fù) （undo）,信息構(gòu)架,著重于設(shè)計(jì)組織分類和導(dǎo)航結(jié)構(gòu)，讓用戶容易找到 從上到下將功能與內(nèi)容分類，再依邏輯關(guān)系作層級(jí)分類（適合新建、規(guī)劃） 從下到上將資料放到最低級(jí)別中，然后分別歸屬到高一層中（適合已有、改造） 各有缺點(diǎn)：1內(nèi)容細(xì)節(jié)被忽視 2未來(lái)變動(dòng)被忽視 兩種方法需要結(jié)合使用 練習(xí)：食品分類,信息構(gòu)架,節(jié)點(diǎn)的定義可大可小，有助于大家使用共同的標(biāo)準(zhǔn)來(lái)處理問(wèn)題。 層級(jí)結(jié)構(gòu) 新聞 板塊 欄目 文章 矩陣結(jié)構(gòu) 汽車，排量 品牌 類型 自然結(jié)構(gòu) 游戲 教育 線性結(jié)構(gòu) 圖書 音樂(lè),有效的表述方法是 示意圖 產(chǎn)品的復(fù)雜性（包含分支、群組、相互的聯(lián)系） 網(wǎng)站地圖、流程圖 、構(gòu)架圖 視覺(jué)辭典 ,框架層界面/導(dǎo)航/信息設(shè)計(jì),提煉結(jié)構(gòu)， 確定詳細(xì)的界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)， 讓結(jié)構(gòu)變得更實(shí)在 界面設(shè)計(jì)提供給用戶做某件事 導(dǎo)航設(shè)計(jì)提供給用戶去某個(gè)地方的能力 信息設(shè)計(jì)把想法傳遞給用戶,界面設(shè)計(jì),讓用戶一眼就看到最重要的東西 （跟程序員習(xí)慣的照顧少量極端情況不同） 突出不是尺寸最大，是要提供最大的可能 （下拉框的選項(xiàng)、足夠的留白）,導(dǎo)航設(shè)計(jì),提供不同目標(biāo)間的跳轉(zhuǎn)； 提供目標(biāo)的說(shuō)明； 提供當(dāng)前頁(yè)跟目標(biāo)間的關(guān)系 清晰的告訴用戶“他們?cè)谀摹币约啊八麄兡苋ツ摹?全局導(dǎo)航 局部導(dǎo)航（欄目板塊，線性路徑） 輔助導(dǎo)航（其他相關(guān)性內(nèi)容） 上下文導(dǎo)航（正文內(nèi)鏈） 友好導(dǎo)航（關(guān)于我們、地址、法律） 遠(yuǎn)程導(dǎo)航（鏈接到其他網(wǎng)站，分公司） 網(wǎng)站地圖（一般不超過(guò)二層，站內(nèi)、全網(wǎng)） 索引表,信息設(shè)計(jì),把各種設(shè)計(jì)元素聚合到一起。 反映用戶的思路，支持他們的任務(wù)和目標(biāo)。 包括視覺(jué)、分組等等各個(gè)方面的。 指示標(biāo)識(shí)：路標(biāo)，箭頭，地鐵顏色 演示（Sign.htm）,框架圖,在框架層 界面設(shè)計(jì)考慮可交互元素的布局； 導(dǎo)航設(shè)計(jì)考慮引導(dǎo)用戶移動(dòng)的元素的安排； 信息設(shè)計(jì)考慮傳達(dá)給用戶的信息要素的排布。,表現(xiàn)層視覺(jué)設(shè)計(jì),視覺(jué)設(shè)計(jì)不僅僅是美術(shù)，重點(diǎn)是關(guān)注用戶的注意力 視覺(jué)設(shè)計(jì)不能只考慮個(gè)人喜好，要支持各個(gè)模塊的區(qū)別，要使用戶清楚可用 視覺(jué)設(shè)計(jì)要與戰(zhàn)略定位保持一致,忠于眼睛,眼球追蹤 要遵循一條流暢的線路 不忙碌、不擁擠 為用戶提供有效的選擇和引導(dǎo)（不要用太多的細(xì)節(jié)嚇到用戶，不要分散注意力）,對(duì)比和一致性,對(duì)比是一個(gè)吸引用戶的有效工具，也是表達(dá)概念群組的主要手段。 一致性是保持元素的特性，避免用戶迷惑和焦慮。 方便重復(fù)使用（固定尺寸圖像、網(wǎng)格線框出的位置）,內(nèi)部和外部的一致性,內(nèi)部不同界面是否使用統(tǒng)一的設(shè)計(jì)方法 先確定界面、導(dǎo)航、信息等反復(fù)使用的元素。 （為了適應(yīng)，可以有多個(gè)模板logo系統(tǒng)化的整理） 外部使用其他產(chǎn)品貫用的設(shè)計(jì)方法 統(tǒng)一的品牌識(shí)別形象(AI)、跨媒體的一致性； 給用戶一個(gè)積極明確的企業(yè)印象。,配色需要標(biāo)準(zhǔn)的配色方案，并確保在產(chǎn)品中得到廣泛應(yīng)用 風(fēng)格形成自己的特色 設(shè)計(jì)合成品標(biāo)準(zhǔn)元素的組裝,回顧,成功的方法VS失敗的方法,了解你正在試著去解決的問(wèn)題 （確定問(wèn)題所在的層） 例，“按鈕有問(wèn)題” 顏色、尺寸 表現(xiàn)層 位置 框架層 功能 結(jié)構(gòu)層 了解你的解決辦法所造成的后果 （考慮一下這次改變將對(duì)上下層產(chǎn)生什么影響）,產(chǎn)品設(shè)計(jì)的決策場(chǎng)景,由現(xiàn)狀決定的設(shè)計(jì) 技術(shù)背景、企業(yè)結(jié)構(gòu) 特定的用戶 部門間的障礙 由模仿決定的設(shè)計(jì) 競(jìng)爭(zhēng)對(duì)手如何 原創(chuàng)者的更新 由個(gè)人決定的設(shè)計(jì) 主管喜歡橙色， 設(shè)計(jì)師喜歡下拉菜單； （忽略了戰(zhàn)略目標(biāo)）,討論一個(gè)完整的實(shí)例,更新角色對(duì)應(yīng)表 畫圖分享？ 多空資訊？,提出正確的問(wèn)題 馬拉松和短跑 短跑積聚所有的能量在盡短的時(shí)間內(nèi)釋放 馬拉松制定戰(zhàn)術(shù)，持續(xù)監(jiān)控狀態(tài)，不斷控制調(diào)整 Tips 應(yīng)當(dāng)關(guān)注每一個(gè)層面的決策 上一層的錯(cuò)誤可以被下一層的成功所掩蓋, ,互聯(lián)網(wǎng)設(shè)計(jì)方法 一用戶為驅(qū)動(dòng) 強(qiáng)調(diào)整體方案 多領(lǐng)域團(tuán)隊(duì)協(xié)作 關(guān)注外觀設(shè)計(jì) 擅長(zhǎng)用戶體驗(yàn) 關(guān)注市場(chǎng)競(jìng)爭(zhēng) 開發(fā)限于用戶驗(yàn)證過(guò)的設(shè)計(jì) 從用戶 眼光衡量產(chǎn)品質(zhì)量 產(chǎn)品評(píng)估取決于用戶 關(guān)注所有用戶,傳統(tǒng)設(shè)計(jì)方法 以技術(shù)為驅(qū)動(dòng) 強(qiáng)調(diào)產(chǎn)品模塊 有限領(lǐng)域的團(tuán)隊(duì)協(xié)作 關(guān)注內(nèi)部架構(gòu) 不擅長(zhǎng)用戶體驗(yàn) 局部關(guān)注市場(chǎng)競(jìng)爭(zhēng) 開發(fā)先于用戶驗(yàn)證 從缺陷角度衡量產(chǎn)品質(zhì)量 產(chǎn)品評(píng)估由有限用戶決定 關(guān)注內(nèi)部用戶,重點(diǎn)要突出,淡淡的美術(shù)， 點(diǎn)到即止,不強(qiáng)迫用戶,關(guān)鍵詞：細(xì)致,操作便利,不強(qiáng)迫用戶,交互設(shè)計(jì),交互設(shè)計(jì),