TOPIC:
INFORMATION
ARCHITECTURE
UI Design UX Design
Article:2022/03/24
這里是「交互設(shè)計全宇宙體系」知識欄目的第三期,「全宇宙體系」是由美國交互設(shè)計資訊獨家原創(chuàng)性連載的關(guān)于交互設(shè)計的知識分享欄目,通過系統(tǒng)化、體系化地為大家?guī)砀芍R貨推文,帶領(lǐng)大家探索全宇宙體系中的“小行星”,收獲一個個錦囊妙計。
(全宇宙體系 By美國交互設(shè)計資訊)
在上期推文中我們?yōu)榇蠹医榻B了提升用戶體驗的10條交互設(shè)計原則,了解到交互設(shè)計是“以用戶為中心的設(shè)計”,掌握一些交互設(shè)計基礎(chǔ)知識固然重要,但最重要的是讓用戶能夠輕松操作和掌握我們的設(shè)計產(chǎn)品。在往期推文中,我們?yōu)榇蠹曳窒磉^關(guān)于:設(shè)計心理學(xué)、用戶研究方法、競品分析、數(shù)據(jù)分析的相關(guān)內(nèi)容。(戳戳下方鏈接了解感興趣的知識內(nèi)容~)
01.收藏!用戶體驗設(shè)計師必學(xué)的心理學(xué)知識
02.如何進(jìn)行可用性研究測試?一篇文章搞懂!
03.干貨/快速完成競品分析的方法
04.「交互設(shè)計師最佳助手」可視化設(shè)計綜合使用指南!(第一期&第二期)
在本期內(nèi)容中,我們將為大家?guī)黻P(guān)于信息架構(gòu)設(shè)計(IA)的內(nèi)容。在信息時代中,信息架構(gòu)師、用戶體驗設(shè)計師、交互設(shè)計師的工作比以往任何時候都更加重要。在本文中,我們將討論信息架構(gòu)的含義以及為什么它對交互設(shè)計師如此重要。
(基礎(chǔ)知識體系 By美國交互設(shè)計資訊)
什么是信息架構(gòu)設(shè)計?
當(dāng)我們到達(dá)一個新地方時,我們需要一些東西來引導(dǎo)你。如果在陌生的城市度過周末,我們必須查閱地圖,然后使用建筑物上的路標(biāo)和地址到達(dá)目的地。任何不熟悉的地方都是一樣的:我們不想浪費時間迷路,所以需要指導(dǎo)。
信息架構(gòu)是用戶體驗設(shè)計的核心方面。信息架構(gòu)師為網(wǎng)站設(shè)計信息層次結(jié)構(gòu)、導(dǎo)航和元數(shù)據(jù)。此外,信息架構(gòu)師必須知道如何為人和機器管理信息。他們必須知道信息在哪里被消費,以便創(chuàng)建一個有意義的信息模型。
信息架構(gòu)師負(fù)責(zé)了解人們在現(xiàn)實世界中如何使用信息,然后將其應(yīng)用到網(wǎng)站或應(yīng)用程序中。他們創(chuàng)建的信息必須易于理解,而且對于試圖抓取網(wǎng)站內(nèi)容的搜索引擎來說也是機器可讀的。一些關(guān)鍵任務(wù)是創(chuàng)建層次系統(tǒng)、頁面布局、導(dǎo)航方案、信息模型、元數(shù)據(jù)方案和分類法。
認(rèn)知心理學(xué)是
信息架構(gòu)設(shè)計的基礎(chǔ)
雖然 信息架構(gòu)設(shè)計植根于各個領(lǐng)域,但認(rèn)知心理學(xué)是最重要的領(lǐng)域之一,因為這門學(xué)科定義了我們構(gòu)建信息的方式。
認(rèn)知心理學(xué)是對人類思維如何運作的研究,包括大腦中發(fā)生的心理活動以及影響人類感知的不同因素。信息架構(gòu)師依靠認(rèn)知心理學(xué)在他們的產(chǎn)品中組織信息。以下是對 信息架構(gòu)設(shè)計最有價值的認(rèn)知心理學(xué)的一些關(guān)鍵要素:
01.格式塔原則
格式塔原則探索用戶對彼此相關(guān)的對象的視覺感知,包括相似性、連續(xù)性、接近性、對稱性和閉合性。所有這些都會影響設(shè)計師應(yīng)該如何組織屏幕上的圖形信息。信息架構(gòu)師使用這些原則來決定如何在頁面上呈現(xiàn)和組織信息。
(格式塔相似性原則可用于導(dǎo)航、標(biāo)題和頁面布局的其他元素。)
02.心智模型
心智模型是人們在與產(chǎn)品交互之前腦海中的假設(shè)。當(dāng)信息架構(gòu)師將用戶的心理模型考慮在內(nèi)時,他們創(chuàng)建的信息架構(gòu)可以更容易地發(fā)現(xiàn)信息——這意味著,信息位于用戶期望找到它的地方。例如,當(dāng)用戶在查找聯(lián)系信息時,他們首先要查找的是顯示“聯(lián)系我們”或“聯(lián)系”的頁面、鏈接或部分。
(心智模型如何工作插圖)
03.認(rèn)知負(fù)荷
認(rèn)知負(fù)荷是用戶在與產(chǎn)品交互時必須投入的腦力。在信息架構(gòu)設(shè)計的上下文中,認(rèn)知負(fù)荷是用戶在任何給定時刻可以處理的信息量。我們的短期記憶(也稱為工作記憶)不能保留太多信息,因此當(dāng)系統(tǒng)在給定時刻提供太多信息或太多選項時,很容易讓用戶不知所措。根據(jù)經(jīng)驗,選項或選擇的范圍不應(yīng)超過 7 個。
信息架構(gòu)設(shè)計做什么?
信息架構(gòu)師將時間花在構(gòu)建內(nèi)容上,以便用戶輕松找到他們正在尋找的內(nèi)容。產(chǎn)品的內(nèi)容越多,信息架構(gòu)在用戶體驗設(shè)計過程中的作用就越大。以下是用戶體驗架構(gòu)師可能參與的一些常見活動:
(有效的信息架構(gòu)會考慮用戶以及他們的問題、行為和需求。)
01.用戶研究
出色的產(chǎn)品設(shè)計始于出色的用戶研究,研究用戶的需求和需求對于創(chuàng)建有效的信息架構(gòu)設(shè)計至關(guān)重要。通過研究,信息架構(gòu)師可以了解目標(biāo)受眾在搜索信息時的想法,這將幫助他們以滿足用戶需求的方式組織信息。
(卡片分類在信息架構(gòu)設(shè)計中起著重要的作用,因為它是一種了解用戶如何將信息分類為組的簡單方法。)
通常,信息架構(gòu)設(shè)計師將積極參與:
·用戶訪談。信息架構(gòu)師與其他團(tuán)隊成員一起提出與產(chǎn)品設(shè)計相關(guān)的問題。
·卡片分類和樹測試會話。了解潛在用戶如何將信息分組有助于信息架構(gòu)師了解用戶的心理模型。
·可用性測試。信息架構(gòu)師還需要訪問可用性測試的結(jié)果,以確定他們創(chuàng)建的結(jié)構(gòu)是否適合他們的用戶。
·上下文查詢。信息架構(gòu)師還可能會訪問真實環(huán)境中的用戶,以了解他們?nèi)绾闻c產(chǎn)品進(jìn)行交互。
02.內(nèi)容清單、內(nèi)容分組、內(nèi)容審核
信息架構(gòu)師應(yīng)該對產(chǎn)品提供的內(nèi)容有很好的理解。內(nèi)容清單、內(nèi)容分組、內(nèi)容審核可幫助信息架構(gòu)師實現(xiàn)這一目標(biāo)。
·內(nèi)容清單向 IA 從業(yè)者顯示他們擁有哪些內(nèi)容以及它們所在的位置(通常是電子表格或列表)。
·內(nèi)容分組標(biāo)識信息之間的關(guān)系。
·內(nèi)容審核讓信息架構(gòu)師深入了解內(nèi)容的有用性、準(zhǔn)確性和有效性(從業(yè)者根據(jù)這些指標(biāo)對內(nèi)容進(jìn)行評分)。
(內(nèi)容審核電子表格示例,列出網(wǎng)站或應(yīng)用程序中的每個頁面。)
03.分類和標(biāo)簽
分類學(xué)是根據(jù)相似性組織和分類項目的實踐,此練習(xí)通常遵循用戶研究和內(nèi)容清單流程。信息架構(gòu)可以使用類別、部分或元數(shù)據(jù)標(biāo)簽對項目進(jìn)行分類。在此過程中,重要的是要記住產(chǎn)品的內(nèi)容和功能會不斷增長,因此它的組織方式必須易于擴展。
(產(chǎn)品分類示例)
04.創(chuàng)建層次結(jié)構(gòu)和導(dǎo)航
層次結(jié)構(gòu)和導(dǎo)航是信息架構(gòu)的兩個重要組成部分。第一個定義了內(nèi)容的結(jié)構(gòu),而第二個定義了用戶將如何瀏覽它。
為了創(chuàng)建層次結(jié)構(gòu),信息架構(gòu)師需要考慮用戶期望看到的內(nèi)容(基于用戶研究)以及企業(yè)希望如何顯示信息(基于項目要求)。在這一步,從業(yè)者思考用戶與產(chǎn)品交互的典型場景,并使用這些信息來設(shè)計信息架構(gòu)圖。通常,這些圖表采用站點地圖格式,說明整個網(wǎng)站的內(nèi)容層次結(jié)構(gòu)。
(站點地圖是一種信息架構(gòu)圖,有助于直觀地表示不同頁面和內(nèi)容如何相互關(guān)聯(lián)。)
05.原型架構(gòu)
信息架構(gòu)師還可以創(chuàng)建簡單的低保真原型來展示信息和導(dǎo)航的層次結(jié)構(gòu)。根據(jù)在研究階段收集的信息,架構(gòu)師勾勒出想法,以展示產(chǎn)品將具有哪些屏幕、這些屏幕上將包含哪些內(nèi)容以及如何安排它。
通常,信息架構(gòu)師創(chuàng)建的可點擊線框僅用于實用目的,圖形元素數(shù)量有限。后來,視覺設(shè)計師在創(chuàng)建實際布局時使用這些可點擊的線框作為參考。
(可點擊的線框幫助產(chǎn)品設(shè)計師評估信息結(jié)構(gòu))
IA vs UI vs UX?
IA、UX 和 UI 密切相關(guān),都屬于產(chǎn)品設(shè)計概念的范疇,但它們并不完全相同。
用戶體驗設(shè)計(UX)是用戶與產(chǎn)品交互時的感受。因此,用戶體驗設(shè)計的目標(biāo)是使產(chǎn)品實用、有用、有吸引力等等——換句話說,通過使用它來創(chuàng)造積極的體驗。
用戶界面設(shè)計(UI)是用戶體驗設(shè)計(UX)的重要組成部分,因為它處理產(chǎn)品的視覺方面及其背后的交互性。因此,UI 設(shè)計直接影響 UX,因為吸引人的圖形和簡單、直觀的交互是流暢用戶體驗的組成部分。
信息架構(gòu)設(shè)計(IA)是指組織和標(biāo)記內(nèi)容以使產(chǎn)品可用和易于理解,同時增強用戶體驗。因此,在某種程度上,IA 設(shè)計是 UX 的基礎(chǔ)。
如果沒有堅實的信息架構(gòu)基礎(chǔ),幾乎不可能創(chuàng)造出良好的用戶體驗。這就是為什么每個優(yōu)秀的用戶體驗設(shè)計師也應(yīng)該是一個稱職的信息架構(gòu)師。
(信息架構(gòu)僅包含用戶體驗的一小部分)
信息架構(gòu)師使用什么工具?
筆和紙
筆和紙經(jīng)常沒有得到充分利用,但是它們非常便宜、使用簡單且有效。
Realtimeboard.com
Realtime Board是交互設(shè)計師們的日常必備工具。可以使用它來創(chuàng)建圖表、敏捷板、客戶旅程、角色、移情藍(lán)圖、思維導(dǎo)圖、組織結(jié)構(gòu)圖等。
Lucidchart.com
Lucid chart是一個流程圖制作器和在線圖表軟件。他們提供不同種類的圖表和圖表,并支持創(chuàng)建思維導(dǎo)圖和線框圖。
Xmind.net
Xmind是一款思維導(dǎo)圖網(wǎng)絡(luò)軟件,是唯一一款不提供訂閱,而是一次性購買的軟件,在訂閱時可能是一個不錯的選擇。該軟件提供思維導(dǎo)圖、商業(yè)圖表和頭腦風(fēng)暴支持。購買后,還可以獲得免費模板、剪貼畫、有用的演示模式等。
Coggle.it
除了筆和紙,如果需要讓很多人參與并協(xié)作創(chuàng)建有用的圖表, Coggle 的協(xié)作思維導(dǎo)圖網(wǎng)絡(luò)應(yīng)用程序絕對是一個不錯的選擇。
通過在信息架構(gòu)設(shè)計上投入時間,我們可以為高效的用戶體驗奠定基礎(chǔ)。畢竟,內(nèi)容是每個應(yīng)用程序或網(wǎng)站的核心。組織良好且結(jié)構(gòu)良好的內(nèi)容可幫助用戶與產(chǎn)品進(jìn)行交互,從而帶來出色的體驗。
聯(lián)系客服