第五章產(chǎn)品信息設(shè)計(jì)產(chǎn)品功能結(jié)構(gòu)圖是范圍、結(jié)構(gòu)層面的東西，可以不體現(xiàn)各功能之間的關(guān)系。如下圖所示：5.1功能架構(gòu)圖

功能架構(gòu)圖概念

什么是功能？功能，指事物或方法所發(fā)揮的有利作用。產(chǎn)品功能架構(gòu)圖所描述的功能通常是概念化的：微信社交支付聊天加好友看好友動態(tài)紅包付款在技術(shù)性文件中，信息架構(gòu)（informationarchitecture）是指對某一特定內(nèi)容里的信息進(jìn)行統(tǒng)籌、規(guī)劃、設(shè)計(jì)、安排等一系列有機(jī)處理的想法。5.2信息結(jié)構(gòu)圖

信息結(jié)構(gòu)圖概念

商場那信息架構(gòu)有些類似：商場（如下圖）地下一層：動感休閑地帶商場一樓：國際名牌世界商場二樓：名媛衣裝天地商場三樓：少女時(shí)尚驛站商場四樓：溫馨親子家園……進(jìn)一步：可能一樓國際名牌世界又包括A區(qū)：名牌手表B區(qū)：名牌珠寶……這樣的樓層架構(gòu)便于你更好的去找到自己想買的東東，至少是很清晰的知道每一層有什么商品，同一層商品怎么分布等等信息。在這里，設(shè)計(jì)師的作用就是規(guī)劃好這些樓層信息層級，主要做的工作就是：分類、層級梳理等在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中：設(shè)計(jì)師梳理信息架構(gòu)，其實(shí)和上述梳理商場樓層架構(gòu)是異曲同工之妙。戰(zhàn)略層（企業(yè)愿景、產(chǎn)品定位、需求把控、用戶習(xí)慣、商業(yè)模式）范圍層（主要功能、核心功能、次級功能、功能架構(gòu)、業(yè)務(wù)流程設(shè)計(jì)）結(jié)構(gòu)層（信息架構(gòu)、常規(guī)功能、特色功能、實(shí)現(xiàn)情況、用戶流程分析）框架層（操作情況、刷新、頁面跳轉(zhuǎn)、查詢、交互框架、界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、標(biāo)簽設(shè)計(jì)、細(xì)節(jié)點(diǎn)）表現(xiàn)層（視覺表現(xiàn)、布局、配色、排版）信息架構(gòu)圖產(chǎn)品信息架構(gòu)設(shè)計(jì)的前期工作1.了解用戶，場景，習(xí)慣2.了解業(yè)務(wù)需求3.調(diào)研競品的信息架構(gòu)還是以商場舉例，流程圖做的事情就是，回答你想買一件漂亮的裙子，你該如何一步步找到并購買的問題：

到達(dá)商場→乘坐電梯/走樓梯上二樓→到達(dá)二樓A區(qū)→進(jìn)入一家XX品牌專賣店→選購裙子→是不是滿意？→滿意→付款

→不滿意→換一家專賣店→選購裙子→滿意→付款

在這里設(shè)計(jì)師需要做的是規(guī)劃你的流程，可以是通過垂直電梯上樓呢？還是手扶電梯上樓方便呢？這些都是流程設(shè)計(jì)中需要考慮的。主要做的工作就是：1、規(guī)劃流程讓用戶可以買到裙子；2、進(jìn)一步優(yōu)化流程讓用戶更快的買到裙子……

5.3業(yè)務(wù)流程圖

5.3.1業(yè)務(wù)流程圖概念在產(chǎn)品設(shè)計(jì)中，一般是以面向?qū)ο蟮娜蝿?wù)流為主題進(jìn)行設(shè)計(jì)的。其流程主要是通過圖形、圖標(biāo)、符號來表達(dá)，便于他人了解一個(gè)對象如何從任務(wù)的起點(diǎn)一步步走到任務(wù)的終點(diǎn)。把大象放進(jìn)冰箱共分幾步?打開冰箱門把大象放進(jìn)去關(guān)上冰箱門優(yōu)秀的流程設(shè)計(jì)有什么好處？2天內(nèi)綁定銀行卡2億張業(yè)務(wù)需要達(dá)成的商業(yè)目標(biāo)業(yè)務(wù)能受到哪些技術(shù)和商務(wù)限制了解業(yè)務(wù)所需要的合作方業(yè)務(wù)流程圖例：網(wǎng)站注冊的流程OmniGraffle流程設(shè)計(jì)：在復(fù)雜的流程時(shí)，你可以假設(shè)什么條件都OK，按最理想的流程往下走，這樣就可以得到一個(gè)主干流程，然后對每個(gè)節(jié)點(diǎn)上出現(xiàn)的分支流程進(jìn)行細(xì)化，最后就可以很容易的得出流程圖了。界面：一個(gè)矩形代表一個(gè)界面，這個(gè)流程中用戶走過兩個(gè)界面（登錄頁和首頁），因?yàn)楸磉_(dá)的是界面的跳轉(zhuǎn)，界面是用戶實(shí)實(shí)在在接觸到的媒介，非界面的內(nèi)容，不要出現(xiàn)。動作：矩形之間也就是界面之間加上一個(gè)觸發(fā)動作，比如從界面A點(diǎn)擊下一步按鈕，到達(dá)界面B，“點(diǎn)擊下一步”就是連接這兩個(gè)界面的關(guān)鍵動作，需要標(biāo)示出來，上圖例子就是“單擊提交按鈕”。條件：一個(gè)動作之后可能有多種“是/否”的結(jié)果，則在矩形之間、動作之后加上