2016-8-29 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
來(lái)源:UI中國(guó)
對(duì)于交互設(shè)計(jì)師來(lái)說(shuō),信息架構(gòu)設(shè)計(jì)和流程設(shè)計(jì)是工作中最核心的兩項(xiàng)內(nèi)容,所謂的信息架構(gòu),是指對(duì)于一個(gè)應(yīng)用的結(jié)構(gòu)的規(guī)劃,包括軟件分多少層級(jí),每個(gè)層級(jí)中又多少界面內(nèi)容。而流程設(shè)計(jì),則是指用戶使用整個(gè)產(chǎn)品的流程的規(guī)劃。
在本文中,我希望能用簡(jiǎn)短的文字,跟大家探探,在信息架構(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)品,用戶會(huì)使用,是因?yàn)檫@款產(chǎn)品對(duì)用戶來(lái)說(shuō)是有用的,但任何產(chǎn)品的用戶,都有一個(gè)從新手到深度使用的過(guò)程,對(duì)于剛接觸到某款產(chǎn)品的用戶,能否光看 主界面和菜單,便明白該產(chǎn)品的主要功能,是非常重要的。而要做到這一點(diǎn),就需要進(jìn)行合理的信息架構(gòu)的設(shè)計(jì),如下面三款應(yīng)用,微信、網(wǎng)易新聞和Uber,我 們光看菜單,便能知道這款產(chǎn)品的主要功能,微信中有微信(聊天)、通訊錄菜單,網(wǎng)易新聞中有新聞、直播菜單,Uber中主界面是地圖,下方是車型。
所以對(duì)于一款產(chǎn)品,一級(jí)菜單、二級(jí)菜單及相應(yīng)內(nèi)容的規(guī)劃,是交互設(shè)計(jì)師尤其重要的工作內(nèi)容。
b、一款產(chǎn)品的信息架構(gòu)是否清晰明了,在于其結(jié)構(gòu)設(shè)計(jì)是否平衡
一 個(gè)信息架構(gòu)中,往往會(huì)需要對(duì)產(chǎn)品功能層次進(jìn)行梳理,體現(xiàn)在產(chǎn)品中最直觀的便是用戶要使用某一功能需要點(diǎn)擊幾次以及是否能夠一眼便看到。如果同一層級(jí)中內(nèi)容 過(guò)多,會(huì)導(dǎo)致用戶無(wú)法一眼找到自己所需的信息;而如果層級(jí)過(guò)多,當(dāng)用戶在使用一個(gè)常用功能時(shí),也需要多次點(diǎn)擊,會(huì)造成效率下降。如iOS系統(tǒng)的設(shè)置界面, 它的界面菜單的順序以及點(diǎn)擊進(jìn)入的內(nèi)容,都是深入思考過(guò)的。
c、優(yōu)秀的信息架構(gòu)應(yīng)該具有延展性
一 款產(chǎn)品在迭代過(guò)程中,必然會(huì)涉及到一些功能的調(diào)整,并且往往隨著產(chǎn)品版本的不斷升級(jí),功能會(huì)越來(lái)越多,在進(jìn)行產(chǎn)品信息架構(gòu)設(shè)計(jì)時(shí),就應(yīng)該考慮到未來(lái)功能增 加時(shí)的情況。因?yàn)槿魏萎a(chǎn)品,信息架構(gòu)的大改動(dòng)都應(yīng)該是一個(gè)需要非常慎重考慮的事情,因?yàn)榭赡軙?huì)導(dǎo)致界面布局,用戶習(xí)慣的完全改變,如支付寶APP在每個(gè)大 版本更新都會(huì)帶來(lái)一定的界面內(nèi)容變化,在某種程度上造成了用戶使用習(xí)慣的改變。但是反觀微信,如微信早期只有聊天功能,到現(xiàn)在增加了微信支付的功能,但是 界面布局一直保持了最初的布局,這是一個(gè)非常值得令人佩服的地方。
二、流程設(shè)計(jì)
a、流程設(shè)計(jì)是用戶需求和企業(yè)需求的平衡
很多交互設(shè)計(jì)師在進(jìn)行流程設(shè)計(jì)師,會(huì)把絕大多數(shù)的精力放在用戶使用流程上,及會(huì)去分析用戶使用到某一功能的核心流程和分支流程,這樣做雖然非常正確,但同時(shí),更多人忽視的一點(diǎn)是,在流程設(shè)計(jì)中忽略了企業(yè)需求的考慮。
所謂的企業(yè)需求,是指該產(chǎn)品要如何實(shí)現(xiàn)其商業(yè)目標(biāo)。這個(gè)通過(guò)實(shí)例來(lái)看更容易理解。
以 京東為例,從用戶的角度來(lái)說(shuō),使用京東的流程是找到需要的商品——下單,對(duì)于京東來(lái)說(shuō),其中某個(gè)商業(yè)目標(biāo)便是下單數(shù)的多少。那么交互設(shè)計(jì)師設(shè)計(jì)的流程,應(yīng) 盡可能的保證這個(gè)流程最終都能更快更好的引導(dǎo)用戶進(jìn)行下單操作;另外隨著京東金融的推出,以往的下單流程是用戶下單時(shí)選擇付款方式后提示購(gòu)買成功即可,但 是現(xiàn)在會(huì)在下單流程中增加一個(gè)京東錢包或者京東白條的選項(xiàng),并且會(huì)將其放在顯眼的地方,并會(huì)有一個(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è)流程是否能夠走通,是否會(huì)出現(xiàn)走到某個(gè)流程無(wú)法返回的情況;其次,一款產(chǎn)品應(yīng)具有容錯(cuò)性,當(dāng)用戶沒(méi)有按照你的流程在走,出現(xiàn)了異常的時(shí)候,應(yīng)如何處理,以及是否能夠有一個(gè)流程是引導(dǎo)用戶走向正確的方向。
以上是我對(duì)交互設(shè)計(jì)的信息架構(gòu)設(shè)計(jì)和流程設(shè)計(jì)的注意事項(xiàng)的部分思考,因篇幅限制無(wú)法展開描述,交互設(shè)計(jì)是一個(gè)解決問(wèn)題的過(guò)程,沒(méi)有任何一個(gè)標(biāo)準(zhǔn)答案,更多的是大家需要在工作中根據(jù)真實(shí)情況進(jìn)行思考和分析,并且這也是一個(gè)不斷總結(jié)和提升的過(guò)程。
藍(lán)藍(lán)設(shè)計(jì)( m.820esy.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.820esy.cn