產品設計五層構架.ppt

《產品設計五層構架.ppt》由會員分享，可在線閱讀，更多相關《產品設計五層構架.ppt（44頁珍藏版）》請在裝配圖網上搜索。

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