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