如果你對(duì)于UI和UX有所熟悉,那么一定會(huì)聽說(shuō)過(guò)「信息架構(gòu)」的名詞,這個(gè)概念通常會(huì)縮寫為「IA」。
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)師才行。
嚴(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è)部分構(gòu)成,任何信息架構(gòu)通常都是由這4個(gè)部分構(gòu)成。
組織系統(tǒng)能夠幫助用戶預(yù)測(cè)有哪些不同類型的信息。
組織系統(tǒng)的第一個(gè)核心是「信息層級(jí)」,將元素根據(jù)重要性和相關(guān)性來(lái)確定順序,然后賦予不同的大小、對(duì)比度、顏色,并且選取對(duì)應(yīng)的對(duì)齊模式。下面就是范例:
第二個(gè)組成部分是「排序系統(tǒng)」,也就是按照操作的難易程度來(lái)分配分配導(dǎo)航位置。在下面的點(diǎn)上網(wǎng)站當(dāng)中,這種導(dǎo)航易用性就體現(xiàn)的非常明顯:
第三個(gè)部分是「矩陣」,說(shuō)白了就是將內(nèi)容按照字母順序、數(shù)字、時(shí)間等方式進(jìn)行分組,并且為用戶提供最合理的選項(xià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)增加整體的吸引力。
這里說(shuō)的導(dǎo)航系統(tǒng),更接近于用戶流程,是更底層的概念。通常說(shuō)的是,用戶如果在給定的頁(yè)面中如何移動(dòng),抵達(dá)想要找的頁(yè)面。當(dāng)然,導(dǎo)航系統(tǒng)本身的邏輯和研究可以單獨(dú)出一個(gè)系列文章。
搜索系統(tǒng)對(duì)于復(fù)雜界面是至關(guān)重要的,用戶需要擁有包括搜索欄、過(guò)濾篩選組件等工具,才能有效地篩選出信息,針對(duì)內(nèi)容進(jìn)行分類處理,最終找到想要的內(nèi)容。
想要信息架構(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)航具有可拓展性。
當(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)。
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)行審核,了解其中的可行性和有效性。
標(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é)果。
信息架構(gòu)是用戶體驗(yàn)設(shè)計(jì)當(dāng)中不可替代的部分,可以提供正確的轉(zhuǎn)化路徑,帶來(lái)可用性更強(qiáng)的設(shè)計(jì),并且讓你的設(shè)計(jì)師和營(yíng)銷人員的潛力發(fā)揮出來(lái)。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。