寫給新人的信息架構(gòu)入門基礎(chǔ)知識(shí)
發(fā)布時(shí)間:2022-01-08 10:17 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 2894

如果你對(duì)于UI和UX有所熟悉,那么一定會(huì)聽說(shuō)過(guò)「信息架構(gòu)」的名詞,這個(gè)概念通常會(huì)縮寫為「IA」。

寫給新手的信息架構(gòu)入門基礎(chǔ)知識(shí)

UX領(lǐng)域的設(shè)計(jì)專家 Jared Spool 對(duì)于信息架構(gòu)有一個(gè)頗為值得玩味的描述:

「如果設(shè)計(jì)的足夠好,它會(huì)顯得自然而隱形。只有當(dāng)它做的不夠好的時(shí)候,我們才會(huì)注意到設(shè)計(jì)的存在!

對(duì)于經(jīng)驗(yàn)豐富和優(yōu)秀的 UX 設(shè)計(jì)師而言,都很清楚,讓設(shè)計(jì)真正「隱形」的根基,始終是優(yōu)秀可靠的信息架構(gòu)設(shè)計(jì)。

如今的互聯(lián)網(wǎng)已經(jīng)進(jìn)化了很長(zhǎng)的時(shí)間,并且大量的功能和服務(wù)開始融入生活的方方面面,整體上每分鐘都在快速的進(jìn)化,這種進(jìn)化的目的,是竭盡全力地去貼合用戶的生活和習(xí)慣。這也意味著一件事情,就是用戶對(duì)于最輕微的混亂和不適,都能夠輕松感知到(即使他們并不確知背后的邏輯),移動(dòng)互聯(lián)網(wǎng)剛剛崛起時(shí)截然不同,「干凈清爽」成了如今用戶體驗(yàn)領(lǐng)域最重要的關(guān)鍵詞。

想要超越視覺(jué)美學(xué),制造出更加出色、流暢的用戶體驗(yàn),產(chǎn)品和用戶體驗(yàn)設(shè)計(jì)師先要成為優(yōu)秀的信息架構(gòu)師才行。


究竟什么是信息架構(gòu)?


嚴(yán)格意義上來(lái)說(shuō),信息架構(gòu)是一門獨(dú)立學(xué)科,如今被整合到用戶體驗(yàn)設(shè)計(jì)這個(gè)領(lǐng)域當(dāng)中了。UX 設(shè)計(jì)師、布道師、作家 Pia Klancar 將信息架構(gòu)稱為「秩序科學(xué)」。從古埃及的圖書館到如今混亂不堪的互聯(lián)網(wǎng),信息架構(gòu)一直同人類的信息獲取和處理的需求,緊密關(guān)聯(lián)。

信息架構(gòu)將內(nèi)容梳理組織到貼合產(chǎn)品與用戶兩者,從而確保功能簡(jiǎn)單而易于獲取。它需要考慮到目標(biāo)受眾、產(chǎn)品類型、競(jìng)品、品牌以及營(yíng)銷和運(yùn)營(yíng)需求。

信息架構(gòu)的組件

信息架構(gòu)通常由四個(gè)部分構(gòu)成,任何信息架構(gòu)通常都是由這4個(gè)部分構(gòu)成。

1、組織系統(tǒng)

組織系統(tǒng)能夠幫助用戶預(yù)測(cè)有哪些不同類型的信息。

組織系統(tǒng)的第一個(gè)核心是「信息層級(jí)」,將元素根據(jù)重要性和相關(guān)性來(lái)確定順序,然后賦予不同的大小、對(duì)比度、顏色,并且選取對(duì)應(yīng)的對(duì)齊模式。下面就是范例:

寫給新手的信息架構(gòu)入門基礎(chǔ)知識(shí)

第二個(gè)組成部分是「排序系統(tǒng)」,也就是按照操作的難易程度來(lái)分配分配導(dǎo)航位置。在下面的點(diǎn)上網(wǎng)站當(dāng)中,這種導(dǎo)航易用性就體現(xiàn)的非常明顯:

寫給新手的信息架構(gòu)入門基礎(chǔ)知識(shí)

第三個(gè)部分是「矩陣」,說(shuō)白了就是將內(nèi)容按照字母順序、數(shù)字、時(shí)間等方式進(jìn)行分組,并且為用戶提供最合理的選項(xiàng)。

2、標(biāo)簽頁(yè)系統(tǒng)

標(biāo)簽頁(yè)系統(tǒng)基本上就是將信息和內(nèi)容按照主題或者功能,打包堆疊成為一組獨(dú)立的頁(yè)面,借由圖標(biāo)或者鏈接來(lái)組成導(dǎo)航組件,避免將信息一次性全部鋪在一起,降低認(rèn)知過(guò)載的問(wèn)題。在網(wǎng)頁(yè)上使用的時(shí)候,還可以加入一些懸停效果,來(lái)增加整體的吸引力。

寫給新手的信息架構(gòu)入門基礎(chǔ)知識(shí)

3、導(dǎo)航系統(tǒng)

這里說(shuō)的導(dǎo)航系統(tǒng),更接近于用戶流程,是更底層的概念。通常說(shuō)的是,用戶如果在給定的頁(yè)面中如何移動(dòng),抵達(dá)想要找的頁(yè)面。當(dāng)然,導(dǎo)航系統(tǒng)本身的邏輯和研究可以單獨(dú)出一個(gè)系列文章。

4、搜索系統(tǒng)

搜索系統(tǒng)對(duì)于復(fù)雜界面是至關(guān)重要的,用戶需要擁有包括搜索欄、過(guò)濾篩選組件等工具,才能有效地篩選出信息,針對(duì)內(nèi)容進(jìn)行分類處理,最終找到想要的內(nèi)容。

信息架構(gòu)的8大原則

想要信息架構(gòu)整體達(dá)到合格的技術(shù)要求,需要遵循 Dan Brown的 8 大原則來(lái)做優(yōu)化:

  • 1、對(duì)象原則:界面中的任何內(nèi)容動(dòng)應(yīng)該視作為有生命周期、屬性、行為的對(duì)象。
  • 2、選擇原則:遵循「少即是多」的原則。
  • 3、公開原則:始終讓用戶可以預(yù)覽、了解搜索之后的信息和結(jié)果。
  • 4、舉例原則:在呈現(xiàn)類別的時(shí)候,通過(guò)舉例說(shuō)明內(nèi)容的性質(zhì)。
  • 5、前門原則:假定至少有 50% 的用戶會(huì)從首頁(yè)以外的區(qū)域進(jìn)入網(wǎng)站。
  • 6、多分類原則:采用多分類的的方案,為用戶提供更多的瀏覽的選擇。
  • 7、聚焦導(dǎo)航原則:保持導(dǎo)航足夠簡(jiǎn)單,不要讓不同的東西和不同的路徑混到一起。
  • 8、增長(zhǎng)原則:假設(shè)網(wǎng)站和APP是具有成長(zhǎng)性的,要讓界面和導(dǎo)航具有可拓展性。

信息架構(gòu)的設(shè)計(jì)過(guò)程

當(dāng)你開始設(shè)計(jì)的時(shí)候,請(qǐng)務(wù)必讓內(nèi)容的創(chuàng)作者也一起參與進(jìn)來(lái),這一點(diǎn)很重要,因?yàn)槟阈枰獓@內(nèi)容來(lái)構(gòu)建網(wǎng)站,而不是反過(guò)來(lái)。

準(zhǔn)備工作

1、定義公司目標(biāo)

讓公司的主要利益相關(guān)者參與進(jìn)來(lái),并且回答以下問(wèn)題的答案:

  • 你為什避免要做這個(gè)界面的設(shè)計(jì)?
  • 你打算用它實(shí)現(xiàn)什么樣的目標(biāo)?
  • 你的目標(biāo)是賺取更多的收入嗎?
  • 你是否正在考慮降低成本?
  • 目標(biāo)是幫助用戶作出更好的決策嗎?

2、定義用戶的目標(biāo)

仔細(xì)思考如何進(jìn)行用戶訪談,怎樣構(gòu)建用戶畫像,典型用例,以及最糟糕的情況。另外,仔細(xì)思考一下可能存在的技術(shù)限制的問(wèn)題。

3、競(jìng)品分析

在設(shè)計(jì)自己的信息架構(gòu)之前,先分析競(jìng)爭(zhēng)對(duì)手的信息架構(gòu):
在內(nèi)容上的共同點(diǎn)有哪些
界面導(dǎo)航的易用性強(qiáng)不強(qiáng)
他們的優(yōu)缺點(diǎn)分別是什么

4、定義內(nèi)容

定義內(nèi)容清單,并且對(duì)內(nèi)容進(jìn)行審核,了解其中的可行性和有效性。

實(shí)際執(zhí)行過(guò)程

標(biāo)簽內(nèi)容: 使用卡片分類法確定優(yōu)先級(jí),制定內(nèi)容分組,并將這些內(nèi)容轉(zhuǎn)換為實(shí)際的菜單和站點(diǎn)地圖
定義導(dǎo)航:以有意義和有效的方式來(lái)連接你的 UI 元素集合,預(yù)測(cè)用戶歷程的路徑,并且找到最佳的可行路徑。
用戶測(cè)試:為每個(gè)可能的階段來(lái)進(jìn)行測(cè)試,使用不同的測(cè)試類型來(lái)獲得最佳的測(cè)試結(jié)果。

結(jié)語(yǔ)

信息架構(gòu)是用戶體驗(yàn)設(shè)計(jì)當(dāng)中不可替代的部分,可以提供正確的轉(zhuǎn)化路徑,帶來(lái)可用性更強(qiáng)的設(shè)計(jì),并且讓你的設(shè)計(jì)師和營(yíng)銷人員的潛力發(fā)揮出來(lái)。

文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC