2014-10-19 藍(lán)藍(lán)設(shè)計(jì)的小編
藍(lán)藍(lán)設(shè)計(jì)( www.lzhte.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源：http://yidianzixun.com/06NpJyrz?s=9
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
對于大部分缺乏經(jīng)驗(yàn)的產(chǎn)品經(jīng)理在設(shè)計(jì)產(chǎn)品的時候會從容易感知的部分著手，例如視覺設(shè)計(jì)、交互設(shè)計(jì)等等，但是一個合格的產(chǎn)品經(jīng)理在設(shè)計(jì)產(chǎn)品的時候則是要從最根本決定產(chǎn)品的部分開始。如果我們將產(chǎn)品設(shè)計(jì)中各個環(huán)節(jié)按照對產(chǎn)品決定作用的大小進(jìn)行排列的話，那么從大到小可以排列為：
信息結(jié)構(gòu)設(shè)計(jì)、流程設(shè)計(jì)、<A style="BORDER-BOTTOM: medium none; TEXT-ALIGN: justify; BORDER-LEFT: medium none; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(246,246,246); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; LETTER-SPACING: normal; FONT: 18px/30px Oxygen, Arial, 'Hiragino Sans GB ', 'Microsoft YaHei', 微軟雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; WHITE-SPACE: normal; COLOR: rgb(50,97,163); BORDER-TOP: medium none; BORDER-RIGHT: medium none; WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/功能設(shè)計(jì)?s=9')" href="javascript:void(0);" ,="">功能設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)
流程設(shè)計(jì)是使用產(chǎn)品的操作流程，他描述了一個用戶在使用產(chǎn)品流程，也在時間的角度上規(guī)定了產(chǎn)品各個部分之間的關(guān)系。可以使用visio進(jìn)行流程設(shè)計(jì)，如下圖：
功能設(shè)計(jì)是具體而言，一個用戶如何使用一款產(chǎn)品，可以看做是對信息結(jié)構(gòu)和流程的具體體現(xiàn)。功能設(shè)計(jì)可以用<A style="BORDER-BOTTOM: medium none; TEXT-ALIGN: justify; BORDER-LEFT: medium none; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(246,246,246); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; LETTER-SPACING: normal; FONT: 18px/30px Oxygen, Arial, 'Hiragino Sans GB ', 'Microsoft YaHei', 微軟雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; WHITE-SPACE: normal; COLOR: rgb(50,97,163); BORDER-TOP: medium none; BORDER-RIGHT: medium none; WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/excel?s=9')" href="javascript:void(0);" ,="">excel表格記錄，部分如下圖：
交互設(shè)計(jì)是具體如何操作這個功能，我們可以通過原型加文字說明來體現(xiàn)，可以使用<A style="BORDER-BOTTOM: medium none; TEXT-ALIGN: justify; BORDER-LEFT: medium none; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(246,246,246); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; LETTER-SPACING: normal; FONT: 18px/30px Oxygen, Arial, 'Hiragino Sans GB ', 'Microsoft YaHei', 微軟雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; WHITE-SPACE: normal; COLOR: rgb(50,97,163); BORDER-TOP: medium none; BORDER-RIGHT: medium none; WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px" onclick="$e('share#main#evt:open_app')(true, 1, '/m/channel/keyword/axure?s=9')" href="javascript:void(0);" ,="">axure制作原型，用word進(jìn)行文字描述。下圖僅體現(xiàn)了調(diào)整焦距一個功能（由于倉促做的原型，比較難看，網(wǎng)上有很多axure的原型包，可以做出比較好看的原型來）：
文字說明：用戶可以通過調(diào)整焦距的模塊選擇焦距，向上滑動焦距變小，向下滑動焦距變大。
以上各項(xiàng)設(shè)計(jì)之間是有嚴(yán)格的決定與被決定關(guān)系的，越先進(jìn)行的設(shè)計(jì)，就會對后面的設(shè)計(jì)有決定性的影響；而后面的設(shè)計(jì)則不允許修改前面的設(shè)計(jì)。
而在實(shí)際操作中，越是后面的設(shè)計(jì)，在產(chǎn)品上線后越有可能被修改，修改頻率越頻繁。例如UI設(shè)計(jì)可能常常修改，甚至提供可選皮膚用戶可以隨意修改；而信息結(jié)構(gòu)設(shè)計(jì)則很那修改。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.lzhte.cn