產(chǎn)品設(shè)計五層構(gòu)架概要

1、產(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)導拍板？用戶體驗的改善應(yīng)該通過哪些方法來實現(xiàn)？ 分解 & 共識五層構(gòu)架 表現(xiàn)層由文字和圖片組成的界面點擊可以到達特定地方或?qū)崿F(xiàn)特定功能框架層界面布局，各種元素的位置需要時，能迅速的認出/找到這些元素結(jié)構(gòu)層確定不同類別的功能應(yīng)該在哪出現(xiàn)幫助

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

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

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

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

6、同上結(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è)計組織分類和導航結(jié)構(gòu)，讓用戶容易找到從上到下將功能與內(nèi)容分類，再依邏輯關(guān)系作層級分類（適合新建、規(guī)劃）從下到上將資料放

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

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

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

10、致性 內(nèi)部不同界面是否使用統(tǒng)一的設(shè)計方法先確定界面、導航、信息等反復(fù)使用的元素。（為了適應(yīng)，可以有多個模板logo系統(tǒng)化的整理）外部使用其他產(chǎn)品貫用的設(shè)計方法統(tǒng)一的品牌識別形象(AI)、跨媒體的一致性； 給用戶一個積極明確的企業(yè)印象。配色需要標準的配色方案，并確保在產(chǎn)品中得到廣泛應(yīng)用風格形成自己的特色設(shè)計合成品標準元素的組裝回顧成功的方法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)略目標）討論一個完整的實例更新角色對應(yīng)表畫圖分享？多空資訊？提出正確的問題馬拉松和短跑短跑積聚所有的能量在盡短的時間內(nèi)釋放馬拉松制定戰(zhàn)術(shù)，持續(xù)監(jiān)控狀態(tài)，不斷控制調(diào)整Tips應(yīng)當關(guān)注每一個層面的決策上一層的錯誤可以被下一層的成功所掩蓋 互聯(lián)網(wǎng)設(shè)計方法一用戶為驅(qū)動強調(diào)整體方案多領(lǐng)域團隊協(xié)作關(guān)注外觀設(shè)計擅長用戶體驗關(guān)注市場競