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

來源：UI中國

對于交互設(shè)計(jì)師來說，信息架構(gòu)設(shè)計(jì)和流程設(shè)計(jì)是工作中最核心的兩項(xiàng)內(nèi)容，所謂的信息架構(gòu)，是指對于一個(gè)應(yīng)用的結(jié)構(gòu)的規(guī)劃，包括軟件分多少層級，每個(gè)層級中又多少界面內(nèi)容。而流程設(shè)計(jì)，則是指用戶使用整個(gè)產(chǎn)品的流程的規(guī)劃。

在本文中，我希望能用簡短的文字，跟大家探探，在信息架構(gòu)設(shè)計(jì)和流程設(shè)計(jì)中，需要注意的一些點(diǎn)。

一、信息架構(gòu)設(shè)計(jì)

a、信息架構(gòu)是否合理，很重要的一點(diǎn)體現(xiàn)在用戶是否能在只看到架構(gòu)的情況下便明白產(chǎn)品的功能

任 何一款產(chǎn)品，用戶會使用，是因?yàn)檫@款產(chǎn)品對用戶來說是有用的，但任何產(chǎn)品的用戶，都有一個(gè)從新手到深度使用的過程，對于剛接觸到某款產(chǎn)品的用戶，能否光看 主界面和菜單，便明白該產(chǎn)品的主要功能，是非常重要的。而要做到這一點(diǎn)，就需要進(jìn)行合理的信息架構(gòu)的設(shè)計(jì)，如下面三款應(yīng)用，微信、網(wǎng)易新聞和Uber，我 們光看菜單，便能知道這款產(chǎn)品的主要功能，微信中有微信（聊天）、通訊錄菜單，網(wǎng)易新聞中有新聞、直播菜單，Uber中主界面是地圖，下方是車型。

所以對于一款產(chǎn)品，一級菜單、二級菜單及相應(yīng)內(nèi)容的規(guī)劃，是交互設(shè)計(jì)師尤其重要的工作內(nèi)容。

b、一款產(chǎn)品的信息架構(gòu)是否清晰明了，在于其結(jié)構(gòu)設(shè)計(jì)是否平衡

一 個(gè)信息架構(gòu)中，往往會需要對產(chǎn)品功能層次進(jìn)行梳理，體現(xiàn)在產(chǎn)品中最直觀的便是用戶要使用某一功能需要點(diǎn)擊幾次以及是否能夠一眼便看到。如果同一層級中內(nèi)容 過多，會導(dǎo)致用戶無法一眼找到自己所需的信息；而如果層級過多，當(dāng)用戶在使用一個(gè)常用功能時(shí)，也需要多次點(diǎn)擊，會造成效率下降。如iOS系統(tǒng)的設(shè)置界面， 它的界面菜單的順序以及點(diǎn)擊進(jìn)入的內(nèi)容，都是深入思考過的。

c、優(yōu)秀的信息架構(gòu)應(yīng)該具有延展性

一 款產(chǎn)品在迭代過程中，必然會涉及到一些功能的調(diào)整，并且往往隨著產(chǎn)品版本的不斷升級，功能會越來越多，在進(jìn)行產(chǎn)品信息架構(gòu)設(shè)計(jì)時(shí)，就應(yīng)該考慮到未來功能增 加時(shí)的情況。因?yàn)槿魏萎a(chǎn)品，信息架構(gòu)的大改動都應(yīng)該是一個(gè)需要非常慎重考慮的事情，因?yàn)榭赡軙?dǎo)致界面布局，用戶習(xí)慣的完全改變，如支付寶APP在每個(gè)大 版本更新都會帶來一定的界面內(nèi)容變化，在某種程度上造成了用戶使用習(xí)慣的改變。但是反觀微信，如微信早期只有聊天功能，到現(xiàn)在增加了微信支付的功能，但是 界面布局一直保持了最初的布局，這是一個(gè)非常值得令人佩服的地方。

二、流程設(shè)計(jì)

a、流程設(shè)計(jì)是用戶需求和企業(yè)需求的平衡

很多交互設(shè)計(jì)師在進(jìn)行流程設(shè)計(jì)師，會把絕大多數(shù)的精力放在用戶使用流程上，及會去分析用戶使用到某一功能的核心流程和分支流程，這樣做雖然非常正確，但同時(shí)，更多人忽視的一點(diǎn)是，在流程設(shè)計(jì)中忽略了企業(yè)需求的考慮。

所謂的企業(yè)需求，是指該產(chǎn)品要如何實(shí)現(xiàn)其商業(yè)目標(biāo)。這個(gè)通過實(shí)例來看更容易理解。

以 京東為例，從用戶的角度來說，使用京東的流程是找到需要的商品——下單，對于京東來說，其中某個(gè)商業(yè)目標(biāo)便是下單數(shù)的多少。那么交互設(shè)計(jì)師設(shè)計(jì)的流程，應(yīng) 盡可能的保證這個(gè)流程最終都能更快更好的引導(dǎo)用戶進(jìn)行下單操作；另外隨著京東金融的推出，以往的下單流程是用戶下單時(shí)選擇付款方式后提示購買成功即可，但 是現(xiàn)在會在下單流程中增加一個(gè)京東錢包或者京東白條的選項(xiàng)，并且會將其放在顯眼的地方，并會有一個(gè)引導(dǎo)用戶下載京東金融APP的流程出現(xiàn)。

但是需要注意的一點(diǎn)是，所有的流程都應(yīng)該是自然而非刻意的，所有的商業(yè)目標(biāo)導(dǎo)向的流程都應(yīng)該融入到用戶流程中去。

b、流程設(shè)計(jì)需要全面，包括異常情況的流程處理

一款產(chǎn)品的流程設(shè)計(jì)完成后，需要進(jìn)行驗(yàn)證，這個(gè)驗(yàn)證包括整個(gè)流程是否能夠走通，是否會出現(xiàn)走到某個(gè)流程無法返回的情況；其次，一款產(chǎn)品應(yīng)具有容錯性，當(dāng)用戶沒有按照你的流程在走，出現(xiàn)了異常的時(shí)候，應(yīng)如何處理，以及是否能夠有一個(gè)流程是引導(dǎo)用戶走向正確的方向。

以上是我對交互設(shè)計(jì)的信息架構(gòu)設(shè)計(jì)和流程設(shè)計(jì)的注意事項(xiàng)的部分思考，因篇幅限制無法展開描述，交互設(shè)計(jì)是一個(gè)解決問題的過程，沒有任何一個(gè)標(biāo)準(zhǔn)答案，更多的是大家需要在工作中根據(jù)真實(shí)情況進(jìn)行思考和分析，并且這也是一個(gè)不斷總結(jié)和提升的過程。

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