如何做功能的信息架構(gòu)與流程設(shè)計(jì)

2023-6-15    博博

架構(gòu)架構(gòu),顧名思義就是框架結(jié)構(gòu),信息和內(nèi)容有主次、有分類、有前后邏輯。什么樣的框架結(jié)構(gòu)能夠滿足業(yè)務(wù)和用戶兩者的需求,那就是一種好的框架。






好像又是一句正確的廢話。


舉個(gè)例子,書店里的書,如果按照常規(guī)主次、分類和邏輯來(lái)規(guī)劃的話,那估計(jì)就賺不到什么錢,但如果我們調(diào)研過(guò)經(jīng)常來(lái)逛書店的用戶群體特征的話,我們就可以重新調(diào)整書籍的分類擺放區(qū)域以及設(shè)定一些特殊的展示,比如用戶對(duì)某個(gè)類別下的書很感興趣,但是這個(gè)類別是屬于一個(gè)很小的分支,按照常規(guī)分類那只能在角落里,這時(shí)候就要單獨(dú)拿出來(lái)進(jìn)行擺放,才能提高曝光。但如果用戶想要什么都單獨(dú)放出來(lái),整個(gè)結(jié)構(gòu)又會(huì)雜亂無(wú)章,所以信息架構(gòu)設(shè)計(jì)是一門繁瑣的學(xué)問(wèn)。


所以,信息架構(gòu)設(shè)計(jì)離不開用戶的心智。我們常聽到的是,信息結(jié)構(gòu)可以分為自上而下而下或者自下而上,那和用戶心智有什么關(guān)系呢?我也用一個(gè)很通俗易懂的舉例告訴大家。


自上而下的意思就是,我把分類的類目標(biāo)簽分好了,你只需要把內(nèi)容根據(jù)自己認(rèn)為的分類放進(jìn)去就好,比如我給你蔬菜、水果和肉類三個(gè)標(biāo)簽,然后把帶有西瓜、胡蘿卜、西紅柿、桃子、豬肉、魚肉、雞肉….這樣的標(biāo)簽卡片交給你,讓你根據(jù)我分好的3個(gè)類目進(jìn)行歸類,是不是很簡(jiǎn)單。






反過(guò)來(lái),自下而上的意思就是我把標(biāo)簽卡片給你,讓你自己來(lái)分類。那有同學(xué)說(shuō),那不是很簡(jiǎn)單,我也會(huì)分為蔬菜、水果和肉類啊。所以心智在這里就體現(xiàn)出重要性了,每一類用戶群體的心智是不同的,我可以按照物體本身的類目來(lái)分,也可以按照物質(zhì)的功能作用來(lái)分,比如西紅柿和雞蛋可以組成一道菜,不同的食材做出不同的菜肴或者菜系,我還可以按照食材的新鮮度來(lái)分,顏色來(lái)分…..





數(shù)字產(chǎn)品的UX設(shè)計(jì)師要學(xué)的東西很多,如果讓各位根據(jù)規(guī)范做做UI視覺(jué),你仔細(xì)研究一下那些大廠產(chǎn)品的設(shè)計(jì)規(guī)律和細(xì)節(jié),很快按葫蘆畫瓢自己就可以領(lǐng)悟出一些不錯(cuò)的技法。但唯獨(dú)研究用戶心智以及如何將用戶與產(chǎn)品做到更加高效和緊密的連接,光靠界面精致是遠(yuǎn)遠(yuǎn)不夠的。


說(shuō)到信息架構(gòu),很多人覺(jué)得這個(gè)可能是產(chǎn)品工作者的范疇,但簡(jiǎn)單琢磨一下,又覺(jué)得信息架構(gòu)和交互也是密不可分的,所以我們不要太糾結(jié)崗位帶來(lái)的界限,能力是沒(méi)有界限的,你只要有興趣和好奇心就挖的深入一點(diǎn)去學(xué),總不能說(shuō),哦信息架構(gòu)師產(chǎn)品的活我不需要碰我就不去了解了,寫原型交互說(shuō)明是交互的活,我是產(chǎn)品我也不管了,大家都這樣把自己的一畝三分地劃分的很清楚,那將來(lái)你們團(tuán)隊(duì)就不會(huì)有一個(gè)人來(lái)統(tǒng)籌大局。


如果只是講一個(gè)大概念,大家肯定會(huì)覺(jué)得味同嚼蠟,所以不妨來(lái)跟著我一起思考一個(gè)案例。


產(chǎn)品的功能規(guī)劃是比較宏觀的,這個(gè)不容易講,那么我們可以聚焦到某一個(gè)功能點(diǎn),比如我們?nèi)绾卧O(shè)計(jì)一個(gè)舉報(bào)的功能。這時(shí)候讓你來(lái)設(shè)計(jì)這個(gè)功能的結(jié)構(gòu),你會(huì)怎樣思考。現(xiàn)在只有這樣一個(gè)“概念”,對(duì)于舉報(bào)的入口、頁(yè)面劃分、內(nèi)容布局都完全沒(méi)有頭緒,該怎么設(shè)計(jì)呢?


萬(wàn)事開頭難,關(guān)于框架結(jié)構(gòu),總是會(huì)出現(xiàn)這幾種,比如樹狀結(jié)構(gòu)、線性結(jié)構(gòu)還有立體結(jié)構(gòu)以及自由結(jié)構(gòu),大家直接根據(jù)字面意思理解就可以了,那么像舉報(bào)這樣的功能,是屬于一種比較支線并且使用頻率較低的功能,同時(shí)是一個(gè)快速用完即走的場(chǎng)景,所以也就不會(huì)涉及到立體以及自由結(jié)構(gòu)。


在做功能設(shè)計(jì)前,務(wù)必要對(duì)業(yè)務(wù)背景有足夠的了解。比如舉報(bào)入口,就像我剛說(shuō)的,舉報(bào)是一個(gè)低頻、即用即走的支線功能,入口弱化就可以了。那如果現(xiàn)在換成我整個(gè)應(yīng)用產(chǎn)品就是為了做舉報(bào)而存在的呢,app的名字就叫“12315”還有“國(guó)家反詐中心”,這時(shí)候入口還是和之前一樣嗎,那肯定不是。






所以在前期就要帶著這些問(wèn)題去思考:

1.為什么要做舉報(bào)功能

2.舉報(bào)誰(shuí)/什么

3.舉報(bào)流程中需要包含哪些信息內(nèi)容

4.用戶的舉報(bào)場(chǎng)景是怎樣的


1.為什么要做舉報(bào)功能


這個(gè)問(wèn)題對(duì)于信息架構(gòu)的影響在于,我們期望找到做該功能的原因,以及該功能在整個(gè)結(jié)構(gòu)中的優(yōu)先級(jí)




2.舉報(bào)誰(shuí)/什么


舉報(bào)對(duì)象的不同對(duì)整個(gè)功能結(jié)構(gòu)也會(huì)有很大的變化,比如看下方的幾個(gè)案例分別是:愛(ài)奇藝、公眾號(hào)、追書神器、抖音。舉報(bào)對(duì)象的不同意味著舉報(bào)類型的不同與多少,同時(shí)還意味著舉報(bào)場(chǎng)景的深入還是只是為了輔助篩選優(yōu)質(zhì)內(nèi)容,最后決定了我們做交互是應(yīng)該用什么框架來(lái)搭建這個(gè)流程。





比如公眾號(hào)的舉報(bào)類型就非常多,并且還有很豐富的二級(jí)舉報(bào)類型,那么它和愛(ài)奇藝就不同,愛(ài)奇藝的舉報(bào)單純是為了更加粗略的希望通過(guò)篩選來(lái)判斷內(nèi)容是否優(yōu)質(zhì),而公眾號(hào)對(duì)于文章的舉報(bào)會(huì)更加的嚴(yán)格和仔細(xì),因?yàn)閼土P力度對(duì)于作者來(lái)說(shuō)也比較嚴(yán)重所以該流程需要對(duì)舉報(bào)人的舉報(bào)內(nèi)容和類型要求更高。

再說(shuō)追書神器,那這個(gè)舉報(bào)就更加“簡(jiǎn)單了”,小說(shuō)在上線之前就會(huì)通過(guò)編輯審核,基本上很少會(huì)出現(xiàn)低質(zhì)量?jī)?nèi)容,但也不能沒(méi)有,那就做一個(gè)更加方便快捷的舉報(bào)流程即可。






3/4.舉報(bào)流程要包含哪些信息內(nèi)容和場(chǎng)景


信息內(nèi)容取決于用戶需求以及業(yè)務(wù)需求,比如愛(ài)奇藝在舉報(bào)流程中會(huì)增加一個(gè)專門針對(duì)版權(quán)內(nèi)容的申請(qǐng)刪除以及恢復(fù)刪除的入口。還有像12315在舉報(bào)時(shí)需要實(shí)名填寫舉報(bào)人信息以及處理單位選擇等等。同時(shí),專門用來(lái)舉報(bào)的應(yīng)用還會(huì)有“舉報(bào)記錄”的查看,而其他應(yīng)用則并不會(huì)提供舉報(bào)記錄,這點(diǎn)很明顯吧。


所以基于前面這幾點(diǎn)的考慮,就可以把大致的框架劃分出來(lái)了:1.點(diǎn)擊舉報(bào) 2.選擇舉報(bào)類型 3.填寫舉報(bào)內(nèi)容 4.提交


這里劃分框架其實(shí)就是根據(jù)用戶的場(chǎng)景和行為來(lái)制定的,你看我寫的是點(diǎn)擊舉報(bào)而不是滑動(dòng)舉報(bào),寫的是選擇舉報(bào)類型而不是點(diǎn)輸入舉報(bào)類型,同時(shí)有了點(diǎn)擊舉報(bào)才能去選擇類型,而不能一上來(lái)就選擇舉報(bào)類型或者將填寫舉報(bào)內(nèi)容和選擇類型換一個(gè)順序。


當(dāng)然這些節(jié)點(diǎn)并不意味著就是一張張界面,因?yàn)槟銜?huì)發(fā)現(xiàn)有的產(chǎn)品把2、3做在一起,而有的則是分開。一般如果類型多,需要填寫的內(nèi)容復(fù)雜那就分開做成兩步,反之則合并。




那么在這里流程也是屬于信息架構(gòu)設(shè)計(jì)環(huán)節(jié)中的一部分,所以想要定義整個(gè)產(chǎn)品的框架其實(shí)是十分復(fù)雜的,因?yàn)樾畔⒓軜?gòu)是需要跟著產(chǎn)品周期隨時(shí)調(diào)整的,很多人覺(jué)得自己信息架構(gòu)能力不行,其實(shí)并不是這樣的,你如果很抽象的想象一個(gè)從未接觸過(guò)的業(yè)務(wù),你肯定是想不出來(lái)的,就像造房子和車子一樣,沒(méi)有人能從一開始就知道產(chǎn)品的終極形態(tài),能解決當(dāng)下核心問(wèn)題或需求的產(chǎn)品和功能遠(yuǎn)比在一開始就花大量時(shí)間去思考完整形態(tài)要重要的多。

作者:應(yīng)駿
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)www.bouu.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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔