產(chǎn)品設計五層構架概要

1、產(chǎn)品設計的五層架構討論：怎樣生產(chǎn)襯衫？5W1H分析法Why 為什么干這件事？（目的）What 怎么回事？（對象）Where 在什么地方執(zhí)行？（地點）When 什么時間執(zhí)行？完成？（時間）Who 由誰執(zhí)行？（人員）How 怎樣執(zhí)行？采取那些有效措施？（方法）回憶：在產(chǎn)品設計中，你遇到過哪些問題？設計工作是否會無從下手，或者反復修改？功能討論很少能達到共識，等待領導拍板？用戶體驗的改善應該通過哪些方法來實現(xiàn)？ 分解 & 共識五層構架 表現(xiàn)層由文字和圖片組成的界面點擊可以到達特定地方或實現(xiàn)特定功能框架層界面布局，各種元素的位置需要時，能迅速的認出/找到這些元素結構層確定不同類別的功能應該在哪出現(xiàn)幫助

2、用戶去想去的地方，完成想要的操作范圍層羅列所有相關的功能即提供給用戶的所有服務戰(zhàn)略層經(jīng)營者想從產(chǎn)品上獲得什么用戶想從產(chǎn)品中獲得什么 各層之間的關系 自下而上，抽象具體每一層只處理自身的問題每一層都由下一層決定，受到下一層的約束 上層如果增加元素，需要重新考慮下層設計的順序 自上而下，需要反復修改自下而上，需要避免等待設計的順序每一層需要考慮什么？ 注：兩種界面形式是交叉存在的 討論角色對應表戰(zhàn)略層產(chǎn)品目標和用戶需求在產(chǎn)品設計之初，需要回答兩個基本問題我們要從這個產(chǎn)品得到什么？（西北航空節(jié)約成本）用戶要從這個產(chǎn)品得到什么？（KFC 60秒點餐）關鍵是“明確” （google的服務圍繞在搜索核心上

3、）產(chǎn)品目標騰訊操盤手的目標是什么？(討論)不能只存在于少數(shù)人頭腦中要明確的表達出來，避免實施過程中發(fā)生偏差一個好的產(chǎn)品目標需要滿足：商業(yè)目標品牌識別成功標準騰訊操盤手的目標是什么？(再次討論) 不是為自己設計，而是為用戶設計用戶細分將用戶分成較小的有共同需求的組用戶研究知道用戶是誰？ 問卷調查、訪談、現(xiàn)場測試、用戶卡片可用性簡單提高web的可用性設計中的設計Dont make me think用戶需求 戰(zhàn)略決策不僅僅是高層的責任，普通員工更知道什么行得通特別是在用戶需求方面。戰(zhàn)略文檔需要被頻繁的使用，公開給所有參與者設計師、程序員、構架師、項目經(jīng)理。范圍層功能和內容把用戶需求和產(chǎn)品目標轉變成“

4、應該提供給用戶什么內容和功能”，戰(zhàn)略就變成了范圍。定義范圍的理由： （形成文檔）知道要做什么，方便協(xié)作； （避免擊鼓傳花）知道不做什么，符合長期規(guī)劃。 （避免滾雪球） 功能和內容軟件功能需求網(wǎng)頁內容需求 收集需求需求總是來自用戶本身（不在這里考慮可行性!）首先，是人們講述的他們想要的東西（顯而易見的）接著，用戶實際想要的（解決使用中的困惑）再次，未曾考慮到的偉大構思（不同崗位的員工一起頭腦風暴）功能規(guī)格需求的具體化描述寫成功能規(guī)格說明書(枯燥、如果修改需要與開發(fā)同步更新)三個建議：樂觀（防止做什么而不是不能做什么）論壇不允許未登錄用戶發(fā)言如果用戶發(fā)言時未登錄，系統(tǒng)應該導引用戶登錄并返回具體（盡

5、可能解釋清楚）論壇發(fā)言需要過濾敏感詞語發(fā)言中包含附件中詞語的需替換為*號，詞庫可更新避免主觀語氣（避免歧義）界面的風格應該是時尚的產(chǎn)品外觀應該符合企業(yè)品牌AI指南討論：下面的功能規(guī)格如何描述？產(chǎn)品需要支持超大訪問量文章內容需要有吸引力內容需求什么是內容？文本、表格、圖像、音頻、視頻內容的規(guī)模 估算一個大致的量更新頻率 安排日常維護工作，符合用戶的期望特性 根據(jù)用戶的不同需求準備對應的內容（學校招生說明）形成內容清單 確定優(yōu)先級排列出哪些功能/內容應該包含到現(xiàn)在的項目中參考因素：是否滿足戰(zhàn)略目標、產(chǎn)品目標和用戶需求？是否有可行性？技術的局限、人力的局限，時間的局限選擇合適的方法來實現(xiàn)功能參考因素

6、同上結構層交互設計與信息構架把分散的需求片段組成一個整體，為產(chǎn)品創(chuàng)建一個概念結構。確定需求呈現(xiàn)給用戶的模式和順序交互設計關注影響用戶執(zhí)行和完成任務信息構架關注如何將信息表達給用戶重點在于：理解用戶、用戶思考方式和操作方式交互設計描述“可能的用戶行為”，定義“系統(tǒng)的配合與響應” 概念模型購物車，精靈錯誤處理將系統(tǒng)設計成不可能犯錯的 （鎖、自動檔車） 使錯誤難以發(fā)生（手機鍵盤鎖，不要太復雜）自動提示或改正錯誤 （word拼寫檢查，刪除提示）從錯誤中恢復（undo） 信息構架著重于設計組織分類和導航結構，讓用戶容易找到從上到下將功能與內容分類，再依邏輯關系作層級分類（適合新建、規(guī)劃）從下到上將資料放

7、到最低級別中，然后分別歸屬到高一層中（適合已有、改造）各有缺點：1內容細節(jié)被忽視 2未來變動被忽視 兩種方法需要結合使用練習：食品分類信息構架節(jié)點的定義可大可小，有助于大家使用共同的標準來處理問題。層級結構新聞 板塊 欄目 文章矩陣結構汽車，排量 品牌 類型自然結構游戲 教育線性結構圖書 音樂有效的表述方法是 示意圖產(chǎn)品的復雜性（包含分支、群組、相互的聯(lián)系）網(wǎng)站地圖、流程圖 、構架圖視覺辭典 /ia/visvocab/chinese.html框架層界面/導航/信息設計提煉結構，確定詳細的界面設計、導航設計和信息設計，讓結構變得更實在界面設計提供給用戶做某件事導航設計提供給用戶去某個地方的能力信

8、息設計把想法傳遞給用戶 界面設計讓用戶一眼就看到最重要的東西（跟程序員習慣的照顧少量極端情況不同）突出不是尺寸最大，是要提供最大的可能（下拉框的選項、足夠的留白）導航設計提供不同目標間的跳轉；提供目標的說明；提供當前頁跟目標間的關系清晰的告訴用戶“他們在哪”以及“他們能去哪”全局導航局部導航（欄目板塊，線性路徑）輔助導航（其他相關性內容）上下文導航（正文內鏈）友好導航（關于我們、地址、法律）遠程導航（鏈接到其他網(wǎng)站，分公司）網(wǎng)站地圖（一般不超過二層，站內、全網(wǎng)）索引表 信息設計把各種設計元素聚合到一起。反映用戶的思路，支持他們的任務和目標。包括視覺、分組等等各個方面的。指示標識：路標，箭頭，地

9、鐵顏色演示（Sign.htm）框架圖在框架層界面設計考慮可交互元素的布局；導航設計考慮引導用戶移動的元素的安排；信息設計考慮傳達給用戶的信息要素的排布。表現(xiàn)層視覺設計視覺設計不僅僅是美術，重點是關注用戶的注意力視覺設計不能只考慮個人喜好，要支持各個模塊的區(qū)別，要使用戶清楚可用視覺設計要與戰(zhàn)略定位保持一致忠于眼睛眼球追蹤要遵循一條流暢的線路 不忙碌、不擁擠為用戶提供有效的選擇和引導（不要用太多的細節(jié)嚇到用戶，不要分散注意力）對比和一致性對比是一個吸引用戶的有效工具，也是表達概念群組的主要手段。一致性是保持元素的特性，避免用戶迷惑和焦慮。方便重復使用（固定尺寸圖像、網(wǎng)格線框出的位置）內部和外部的一

10、致性 內部不同界面是否使用統(tǒng)一的設計方法先確定界面、導航、信息等反復使用的元素。（為了適應，可以有多個模板logo系統(tǒng)化的整理）外部使用其他產(chǎn)品貫用的設計方法統(tǒng)一的品牌識別形象(AI)、跨媒體的一致性； 給用戶一個積極明確的企業(yè)印象。配色需要標準的配色方案，并確保在產(chǎn)品中得到廣泛應用風格形成自己的特色設計合成品標準元素的組裝回顧成功的方法VS失敗的方法了解你正在試著去解決的問題（確定問題所在的層）例，“按鈕有問題”顏色、尺寸表現(xiàn)層位置框架層功能結構層了解你的解決辦法所造成的后果（考慮一下這次改變將對上下層產(chǎn)生什么影響）產(chǎn)品設計的決策場景 由現(xiàn)狀決定的設計技術背景、企業(yè)結構特定的用戶部門間的障礙由模仿決定的設計競爭對手如何原創(chuàng)者的更新由個人決定的設計主管喜歡橙色，設計師喜歡下拉菜單；（忽略了戰(zhàn)略目標）討論一個完整的實例更新角色對應表畫圖分享？多空資訊？提出正確的問題馬拉松和短跑短跑積聚所有的能量在盡短的時間內釋放馬拉松制定戰(zhàn)術，持續(xù)監(jiān)控狀態(tài)，不斷控制調整Tips應當關注每一個層面的決策上一層的錯誤可以被下一層的成功所掩蓋 互聯(lián)網(wǎng)設計方法一用戶為驅動強調整體方案多領域團隊協(xié)作關注外觀設計擅長用戶體驗關注市場競