如果你對于UI和UX有所熟悉,那么一定會聽說過「信息架構(gòu)」的名詞,這個概念通常會縮寫為「IA」。
UX領(lǐng)域的設(shè)計專家 Jared Spool 對于信息架構(gòu)有一個頗為值得玩味的描述:
「如果設(shè)計的足夠好,它會顯得自然而隱形。只有當(dāng)它做的不夠好的時候,我們才會注意到設(shè)計的存在!
對于經(jīng)驗豐富和優(yōu)秀的 UX 設(shè)計師而言,都很清楚,讓設(shè)計真正「隱形」的根基,始終是優(yōu)秀可靠的信息架構(gòu)設(shè)計。
如今的互聯(lián)網(wǎng)已經(jīng)進(jìn)化了很長的時間,并且大量的功能和服務(wù)開始融入生活的方方面面,整體上每分鐘都在快速的進(jìn)化,這種進(jìn)化的目的,是竭盡全力地去貼合用戶的生活和習(xí)慣。這也意味著一件事情,就是用戶對于最輕微的混亂和不適,都能夠輕松感知到(即使他們并不確知背后的邏輯),移動互聯(lián)網(wǎng)剛剛崛起時截然不同,「干凈清爽」成了如今用戶體驗領(lǐng)域最重要的關(guān)鍵詞。
想要超越視覺美學(xué),制造出更加出色、流暢的用戶體驗,產(chǎn)品和用戶體驗設(shè)計師先要成為優(yōu)秀的信息架構(gòu)師才行。
嚴(yán)格意義上來說,信息架構(gòu)是一門獨(dú)立學(xué)科,如今被整合到用戶體驗設(shè)計這個領(lǐng)域當(dāng)中了。UX 設(shè)計師、布道師、作家 Pia Klancar 將信息架構(gòu)稱為「秩序科學(xué)」。從古埃及的圖書館到如今混亂不堪的互聯(lián)網(wǎng),信息架構(gòu)一直同人類的信息獲取和處理的需求,緊密關(guān)聯(lián)。
信息架構(gòu)將內(nèi)容梳理組織到貼合產(chǎn)品與用戶兩者,從而確保功能簡單而易于獲取。它需要考慮到目標(biāo)受眾、產(chǎn)品類型、競品、品牌以及營銷和運(yùn)營需求。
信息架構(gòu)通常由四個部分構(gòu)成,任何信息架構(gòu)通常都是由這4個部分構(gòu)成。
組織系統(tǒng)能夠幫助用戶預(yù)測有哪些不同類型的信息。
組織系統(tǒng)的第一個核心是「信息層級」,將元素根據(jù)重要性和相關(guān)性來確定順序,然后賦予不同的大小、對比度、顏色,并且選取對應(yīng)的對齊模式。下面就是范例:
第二個組成部分是「排序系統(tǒng)」,也就是按照操作的難易程度來分配分配導(dǎo)航位置。在下面的點(diǎn)上網(wǎng)站當(dāng)中,這種導(dǎo)航易用性就體現(xiàn)的非常明顯:
第三個部分是「矩陣」,說白了就是將內(nèi)容按照字母順序、數(shù)字、時間等方式進(jìn)行分組,并且為用戶提供最合理的選項。
標(biāo)簽頁系統(tǒng)基本上就是將信息和內(nèi)容按照主題或者功能,打包堆疊成為一組獨(dú)立的頁面,借由圖標(biāo)或者鏈接來組成導(dǎo)航組件,避免將信息一次性全部鋪在一起,降低認(rèn)知過載的問題。在網(wǎng)頁上使用的時候,還可以加入一些懸停效果,來增加整體的吸引力。
這里說的導(dǎo)航系統(tǒng),更接近于用戶流程,是更底層的概念。通常說的是,用戶如果在給定的頁面中如何移動,抵達(dá)想要找的頁面。當(dāng)然,導(dǎo)航系統(tǒng)本身的邏輯和研究可以單獨(dú)出一個系列文章。
搜索系統(tǒng)對于復(fù)雜界面是至關(guān)重要的,用戶需要擁有包括搜索欄、過濾篩選組件等工具,才能有效地篩選出信息,針對內(nèi)容進(jìn)行分類處理,最終找到想要的內(nèi)容。
想要信息架構(gòu)整體達(dá)到合格的技術(shù)要求,需要遵循 Dan Brown的 8 大原則來做優(yōu)化:
- 1、對象原則:界面中的任何內(nèi)容動應(yīng)該視作為有生命周期、屬性、行為的對象。
- 2、選擇原則:遵循「少即是多」的原則。
- 3、公開原則:始終讓用戶可以預(yù)覽、了解搜索之后的信息和結(jié)果。
- 4、舉例原則:在呈現(xiàn)類別的時候,通過舉例說明內(nèi)容的性質(zhì)。
- 5、前門原則:假定至少有 50% 的用戶會從首頁以外的區(qū)域進(jìn)入網(wǎng)站。
- 6、多分類原則:采用多分類的的方案,為用戶提供更多的瀏覽的選擇。
- 7、聚焦導(dǎo)航原則:保持導(dǎo)航足夠簡單,不要讓不同的東西和不同的路徑混到一起。
- 8、增長原則:假設(shè)網(wǎng)站和APP是具有成長性的,要讓界面和導(dǎo)航具有可拓展性。
當(dāng)你開始設(shè)計的時候,請務(wù)必讓內(nèi)容的創(chuàng)作者也一起參與進(jìn)來,這一點(diǎn)很重要,因為你需要圍繞內(nèi)容來構(gòu)建網(wǎng)站,而不是反過來。
1、定義公司目標(biāo)
讓公司的主要利益相關(guān)者參與進(jìn)來,并且回答以下問題的答案:
- 你為什避免要做這個界面的設(shè)計?
- 你打算用它實(shí)現(xiàn)什么樣的目標(biāo)?
- 你的目標(biāo)是賺取更多的收入嗎?
- 你是否正在考慮降低成本?
- 目標(biāo)是幫助用戶作出更好的決策嗎?
2、定義用戶的目標(biāo)
仔細(xì)思考如何進(jìn)行用戶訪談,怎樣構(gòu)建用戶畫像,典型用例,以及最糟糕的情況。另外,仔細(xì)思考一下可能存在的技術(shù)限制的問題。
3、競品分析
在設(shè)計自己的信息架構(gòu)之前,先分析競爭對手的信息架構(gòu):
在內(nèi)容上的共同點(diǎn)有哪些
界面導(dǎo)航的易用性強(qiáng)不強(qiáng)
他們的優(yōu)缺點(diǎn)分別是什么
4、定義內(nèi)容
定義內(nèi)容清單,并且對內(nèi)容進(jìn)行審核,了解其中的可行性和有效性。
標(biāo)簽內(nèi)容: 使用卡片分類法確定優(yōu)先級,制定內(nèi)容分組,并將這些內(nèi)容轉(zhuǎn)換為實(shí)際的菜單和站點(diǎn)地圖
定義導(dǎo)航:以有意義和有效的方式來連接你的 UI 元素集合,預(yù)測用戶歷程的路徑,并且找到最佳的可行路徑。
用戶測試:為每個可能的階段來進(jìn)行測試,使用不同的測試類型來獲得最佳的測試結(jié)果。
信息架構(gòu)是用戶體驗設(shè)計當(dāng)中不可替代的部分,可以提供正確的轉(zhuǎn)化路徑,帶來可用性更強(qiáng)的設(shè)計,并且讓你的設(shè)計師和營銷人員的潛力發(fā)揮出來。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。