超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

產(chǎn)品設(shè)計(jì)中的信息架構(gòu)

2014-10-19    藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì)  包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

來(lái)源:http://yidianzixun.com/06NpJyrz?s=9

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


對(duì)于大部分缺乏經(jīng)驗(yàn)的產(chǎn)品經(jīng)理在設(shè)計(jì)產(chǎn)品的時(shí)候會(huì)從容易感知的部分著手,例如視覺(jué)設(shè)計(jì)、交互設(shè)計(jì)等等,但是一個(gè)合格的產(chǎn)品經(jīng)理在設(shè)計(jì)產(chǎn)品的時(shí)候則是要從最根本決定產(chǎn)品的部分開(kāi)始。如果我們將產(chǎn)品設(shè)計(jì)中各個(gè)環(huán)節(jié)按照對(duì)產(chǎn)品決定作用的大小進(jìn)行排列的話(huà),那么從大到小可以排列為:

信息結(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ì)、視覺(jué)設(shè)計(jì)


信息結(jié)構(gòu)是 產(chǎn)品所呈現(xiàn)的信息層次,通俗的講就是一個(gè)產(chǎn)品可以用來(lái)做什么。例如我們以一款簡(jiǎn)單的照相軟件為例,那么對(duì)于這款軟件,他的信息結(jié)構(gòu)就是:攝取照片、儲(chǔ)存照 片、展示照片和刪除照片;對(duì)于展示照片而言,又可以分為展示縮略圖排布和查看單張照片的完整圖片(從這個(gè)信息結(jié)構(gòu)上來(lái)講這款軟件是非常簡(jiǎn)單的照相軟件,但 是這不妨礙我們把問(wèn)題講清楚)。信息結(jié)構(gòu)設(shè)計(jì)是為了從最根本上決定一款產(chǎn)品可以解決什么問(wèn)題,由哪些部分組成,之間的邏輯關(guān)系是什么,表達(dá)信息結(jié)構(gòu)最好的 方法是腦圖,可以使用mindmanager等腦圖軟件(如下圖)。

流程設(shè)計(jì)是使用產(chǎn)品的操作流程,他描述了一個(gè)用戶(hù)在使用產(chǎn)品流程,也在時(shí)間的角度上規(guī)定了產(chǎn)品各個(gè)部分之間的關(guān)系??梢允褂胿isio進(jìn)行流程設(shè)計(jì),如下圖:

功能設(shè)計(jì)是具體而言,一個(gè)用戶(hù)如何使用一款產(chǎn)品,可以看做是對(duì)信息結(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ì)是具體如何操作這個(gè)功能,我們可以通過(guò)原型加文字說(shuō)明來(lái)體現(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)整焦距一個(gè)功能(由于倉(cāng)促做的原型,比較難看,網(wǎng)上有很多axure的原型包,可以做出比較好看的原型來(lái)):

文字說(shuō)明:用戶(hù)可以通過(guò)調(diào)整焦距的模塊選擇焦距,向上滑動(dòng)焦距變小,向下滑動(dòng)焦距變大。


視覺(jué)設(shè)計(jì)雖然基本上都是UI設(shè)計(jì)師完成的,但是產(chǎn)品經(jīng)理在畫(huà)原型圖的時(shí)候其實(shí)也涉及到了一部分,例如上圖。所以UI設(shè)計(jì)師的工作就是將產(chǎn)品經(jīng)理的原型圖做的更美觀。

以上各項(xiàng)設(shè)計(jì)之間是有嚴(yán)格的決定與被決定關(guān)系的,越先進(jìn)行的設(shè)計(jì),就會(huì)對(duì)后面的設(shè)計(jì)有決定性的影響;而后面的設(shè)計(jì)則不允許修改前面的設(shè)計(jì)。

而在實(shí)際操作中,越是后面的設(shè)計(jì),在產(chǎn)品上線后越有可能被修改,修改頻率越頻繁。例如UI設(shè)計(jì)可能常常修改,甚至提供可選皮膚用戶(hù)可以隨意修改;而信息結(jié)構(gòu)設(shè)計(jì)則很那修改。

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔