通過您的網(wǎng)站傳遞信息是一項(xiàng)敏感而關(guān)鍵的任務(wù)。您的Web應(yīng)用程序可能有很多東西要傳達(dá)，但如果您沒有足夠好地構(gòu)建內(nèi)容，那么這些信息將會抨擊您跳出率高，最終影響您的搜索引擎優(yōu)化（搜索引擎優(yōu)化）。精心設(shè)計(jì)的應(yīng)用程序和具有適當(dāng)內(nèi)容的網(wǎng)站更易于探索和理解。但它們并非立即創(chuàng)建。以最終用戶更容易探索的方式構(gòu)建網(wǎng)站的導(dǎo)航和內(nèi)容，需要大量的計(jì)劃，研究和時(shí)間。一旦提供了信息，您還需要確保以完美的像素方式向目標(biāo)受眾顯示信息，而不管瀏覽器的差異。您可以通過執(zhí)行跨瀏覽器測試來確保這一點(diǎn)。請記住，演示很重要。

信息架構(gòu)是構(gòu)建內(nèi)容的科學(xué)。在開始設(shè)計(jì)和開發(fā)之前組織網(wǎng)站的藝術(shù)是確保它支持可查找性和可用性。當(dāng)您將網(wǎng)站與建筑師進(jìn)行比較時(shí)，將更容易理解，建筑師會在其中創(chuàng)建包含平面圖，地板位置，門，窗等的藍(lán)圖。

同樣，UX（用戶體驗(yàn)）的信息體系結(jié)構(gòu)創(chuàng)建了一個(gè)包含信息層次結(jié)構(gòu)的藍(lán)圖。因此，您可以了解需要顯示哪些內(nèi)容以及最終用戶需要顯示多少內(nèi)容？

從技術(shù)架構(gòu)中清除信息架構(gòu)之間的迷霧

雖然信息架構(gòu)師可能擁有出色的技術(shù)專長，但反過來并非總是如此。從UX的角度來看，技術(shù)團(tuán)隊(duì)不是從網(wǎng)站上的UX角度設(shè)計(jì)信息架構(gòu)的正確選擇。他們需要有經(jīng)驗(yàn)的信息架構(gòu)師的指導(dǎo)。

這是因?yàn)榫W(wǎng)站的設(shè)計(jì)基于用戶的思考方式，而不是技術(shù)團(tuán)隊(duì)的思考方式。信息架構(gòu)師將通過評論，場景，用戶訪談清楚地了解用戶的思維方式，從而決定如何設(shè)計(jì)網(wǎng)站。

在確定某些后端或功能相關(guān)查詢的答案時(shí)，信息架構(gòu)師有時(shí)需要技術(shù)架構(gòu)師的幫助。當(dāng)網(wǎng)站和技術(shù)架構(gòu)的信息架構(gòu)攜手合作時(shí)，結(jié)果是滿足用戶所有需求的Web應(yīng)用程序。

信息架構(gòu)原理

架構(gòu)師應(yīng)該具有良好的功能清晰度以及要顯示的內(nèi)容的完整指南。UX的信息架構(gòu)師丹·布朗已經(jīng)提出了設(shè)計(jì)一個(gè)優(yōu)秀網(wǎng)站所需的8條原則。

物體原理：內(nèi)容就像一個(gè)活生物體。它們具有獨(dú)特的行為，生命周期和屬性。

選擇原則：選擇的數(shù)量應(yīng)盡可能保持最小。更多導(dǎo)致混亂。但是，這個(gè)概念是假設(shè)的，取決于網(wǎng)站的復(fù)雜性。如果網(wǎng)站內(nèi)容太大，您肯定需要多種選擇。

信息披露原則：用戶在深入了解網(wǎng)站后，應(yīng)預(yù)先了解他們即將探索的信息。可以以文本內(nèi)容的元數(shù)據(jù)或圖像和視頻內(nèi)容的一些快照或元描述的形式給出信息。

范例原則：在描述該類別中提到的內(nèi)容時(shí)，還需要舉例。您可以使用高效設(shè)計(jì)的導(dǎo)航系統(tǒng)來安排特定內(nèi)容或標(biāo)簽的示例。

前門原理：應(yīng)假設(shè)50％的用戶將使用除主頁之外的其他入口點(diǎn)。該網(wǎng)站的結(jié)構(gòu)應(yīng)該是這樣一種方式：無論用戶打開哪個(gè)頁面，它們都可以平滑地瀏覽整個(gè)網(wǎng)站。

多種分類原則：應(yīng)對網(wǎng)站內(nèi)容進(jìn)行分類，以提高用戶對網(wǎng)站內(nèi)容的清晰度。例如，如果您要設(shè)計(jì)的網(wǎng)站是博客，并且您有不同類型的內(nèi)容，則需要?jiǎng)?chuàng)建多個(gè)不同類別的子頁面，而不是將所有博客帖子聚合在一個(gè)頁面中。

聚焦導(dǎo)航的原則：網(wǎng)站的導(dǎo)航應(yīng)該保持簡單，混合不同的東西是一個(gè)壞主意。導(dǎo)航應(yīng)保持用戶只需閱讀名稱即可清楚地了解菜單項(xiàng)。

增長原則：設(shè)計(jì)可擴(kuò)展的網(wǎng)站以確保布局不會因內(nèi)容擴(kuò)展而受到騷擾至關(guān)重要。這將確保在內(nèi)容增長時(shí)布局不會受到影響。

針對用戶體驗(yàn)的有效信息架構(gòu)的指針

網(wǎng)站的信息架構(gòu)被認(rèn)為是基礎(chǔ)步驟。創(chuàng)建文檔可以獲得最佳基礎(chǔ)。在規(guī)劃網(wǎng)站的信息架構(gòu)時(shí)，請記住下面提到的指針。

定義公司目標(biāo)：在開始計(jì)劃之前，確定您想要對您的網(wǎng)站做什么以及您希望如何實(shí)現(xiàn)目標(biāo)。與利益相關(guān)者建立會議并找出答案。

弄清楚用戶的目標(biāo)：首先，您需要確定將訪問您網(wǎng)站的目標(biāo)受眾。創(chuàng)建方案，與可能的用戶討論并了解用戶將如何使用您的網(wǎng)站以及用于何種目的。

研究您的競爭對手：研究與您類似的網(wǎng)站，并從UX的角度了解他們?nèi)绾我?guī)劃信息架構(gòu)。了解競爭對手的網(wǎng)站是否更易于瀏覽，如何顯示關(guān)鍵信息以及使其具有吸引力的內(nèi)容。重要的是要記住趨勢網(wǎng)頁設(shè)計(jì)。以下是2019年網(wǎng)頁設(shè)計(jì)的19個(gè)趨勢。

繪制站點(diǎn)地圖：一旦計(jì)劃和內(nèi)容準(zhǔn)備就緒，就應(yīng)該弄清楚用戶將如何訪問這些內(nèi)容。正確規(guī)劃不太復(fù)雜的導(dǎo)航，并幫助用戶輕松瀏覽您的網(wǎng)站。將您的內(nèi)容劃分為組并在規(guī)劃站點(diǎn)地圖時(shí)相應(yīng)地繪制它們。

跨瀏覽器測試：在跨瀏覽器兼容性測試方面，您的信息體系結(jié)構(gòu)行為可能因?yàn)g覽器而異。如此努力地管理一個(gè)網(wǎng)站的信息架構(gòu)，只是因?yàn)闉g覽器的不同而看它向南走，這將是非常令人失望的。crossbrowsertesting

隨著互聯(lián)網(wǎng)上成千上萬的瀏覽器，進(jìn)行廣泛的跨瀏覽器測試變得非常具有挑戰(zhàn)性。LambdaTest是云上的免費(fèi)跨瀏覽器測試工具，可幫助您在2000多種瀏覽器中對Web應(yīng)用程序執(zhí)行詳細(xì)的，手動的以及自動的跨瀏覽器測試，因此您的UX信息架構(gòu)保持完美無瑕。

可用性測試：最終用戶是完美的測試人員，他們將確保您的網(wǎng)站在每個(gè)訂單中都是完美的。設(shè)置測試/ 暫存環(huán)境并雇用外部用戶。讓他們不間斷地瀏覽您的網(wǎng)站并聽取他們分享的任何意見。最終用戶始終提供有價(jià)值的洞察力，在處理時(shí)，可以顯著提高您的網(wǎng)站質(zhì)量。

信息架構(gòu)的價(jià)值

如今，F(xiàn)acebook和谷歌都在阻止低價(jià)值內(nèi)容的網(wǎng)站。以這樣的方式設(shè)計(jì)網(wǎng)站是重要的，即用戶發(fā)現(xiàn)內(nèi)容是有價(jià)值的。但是，有時(shí)即使在所有正確的內(nèi)容之后，網(wǎng)站也無法將其正確地傳遞給最終用戶。從UX的角度來看，背后的原因是信息架構(gòu)規(guī)劃不當(dāng)。對于有價(jià)值的信息架構(gòu)，請牢記以下內(nèi)容非常重要。

用戶的價(jià)值

根據(jù)研究，網(wǎng)站的信息架構(gòu)必須滿足用戶的以下需求。

網(wǎng)站的內(nèi)容應(yīng)該是用戶需要的東西。

內(nèi)容應(yīng)該激發(fā)用戶的興趣，因?yàn)橛袝r(shí)用戶并不確切地知道他們想要什么。

搜索結(jié)果應(yīng)該很大，因?yàn)橛脩粝ＭM可能多地查看信息。

用戶希望找到之前搜索過的項(xiàng)目。

戰(zhàn)略價(jià)值

一個(gè)成功的網(wǎng)站信息架構(gòu)創(chuàng)建了與業(yè)務(wù)相關(guān)的許多問題的一致性。企業(yè)主通常會考慮更大的圖景。他們更關(guān)注利潤率，費(fèi)用，客戶群和其他因素。技術(shù)上合理的信息架構(gòu)師創(chuàng)建了一個(gè)工作流程，解決了所有者和利益相關(guān)者的所有顧慮，同時(shí)也為設(shè)計(jì)目標(biāo)帶來了一定程度的清晰度，逐步為整體產(chǎn)品戰(zhàn)略做出貢獻(xiàn)。

商業(yè)價(jià)值

如果客戶以及最終用戶對網(wǎng)站不滿意，則意味著業(yè)務(wù)損失。讓我們看看在業(yè)務(wù)價(jià)值中起關(guān)鍵作用的事實(shí)。

如果網(wǎng)站的內(nèi)部內(nèi)容具有錯(cuò)誤的信息架構(gòu)，員工會花費(fèi)大量時(shí)間來獲取信息。這降低了生產(chǎn)力。

如果客戶沒有輕易找到他們想要的產(chǎn)品，網(wǎng)站的銷售可能會下降，導(dǎo)致業(yè)務(wù)利潤和虧損。

注冊頁面應(yīng)該仔細(xì)設(shè)計(jì)。如果用戶體驗(yàn)不好，用戶或客戶在注冊前會三思而后行。用戶體驗(yàn)視角下的信息架構(gòu)在獲取新成員方面發(fā)揮著重要作用。

網(wǎng)站的信息架構(gòu)在搜索引擎優(yōu)化中也起著至關(guān)重要的作用。具有較少價(jià)值或重復(fù)內(nèi)容的內(nèi)容將降低網(wǎng)站排名。

技術(shù)價(jià)值

網(wǎng)絡(luò)上發(fā)生的一切都是信息技術(shù)的神奇行為的結(jié)果。信息架構(gòu)師的工作類似于抽象藝術(shù)，只有當(dāng)開發(fā)人員在特定產(chǎn)品中實(shí)現(xiàn)工作流程時(shí)才能實(shí)現(xiàn)其價(jià)值。作為信息架構(gòu)師，您必須確保開發(fā)人員或設(shè)計(jì)人員在完成工作流程后能夠獲得清晰度。

建模概念和語義。

與將要實(shí)施您的設(shè)計(jì)的團(tuán)隊(duì)進(jìn)行溝通。

關(guān)心數(shù)據(jù)庫設(shè)計(jì)師。他們應(yīng)該清楚地了解您在實(shí)施之前設(shè)計(jì)的模型。

設(shè)計(jì)價(jià)值

網(wǎng)站信息架構(gòu)師的工作只是創(chuàng)建站點(diǎn)地圖和頁面流。下一階段由設(shè)計(jì)師處理，設(shè)計(jì)人員在開始編碼階段之前創(chuàng)建網(wǎng)站實(shí)際應(yīng)該是什么樣子的真實(shí)原型。您的工作流程應(yīng)解決某些問題，以確保設(shè)計(jì)人員在創(chuàng)建原型時(shí)不會遇到任何問題。

對設(shè)計(jì)師有意義。必須更容易理解網(wǎng)站的行為方式。

設(shè)計(jì)師應(yīng)該了解用戶如何瀏覽網(wǎng)站。元素，它們的位置，從一個(gè)頁面到另一個(gè)頁面的流動應(yīng)該是重點(diǎn)和簡潔。

在UX過程中打破信息架構(gòu)的神話

以下是我經(jīng)常聽到的一些涉及網(wǎng)站信息架構(gòu)的常見神話。我還將解決實(shí)際事實(shí)，以幫助清除圍繞該主題的迷霧。

信息架構(gòu)與用戶體驗(yàn)相同

好吧，一點(diǎn)也不。網(wǎng)站信息架構(gòu)是一種以某種方式設(shè)計(jì)網(wǎng)站的過程，它以各種方式滿足用戶需求。用戶體驗(yàn)是指用戶在使用應(yīng)用程序或產(chǎn)品時(shí)的感受。

無論是單頁組合的設(shè)計(jì)還是具有復(fù)雜導(dǎo)航系統(tǒng)的Web應(yīng)用程序，信息架構(gòu)師的主要工作是通過復(fù)雜的信息并以用戶易于理解或?qū)Ш降姆绞絼?chuàng)建內(nèi)容結(jié)構(gòu)。他們通過執(zhí)行可用性測試，使用完全以用戶為中心的設(shè)計(jì)方法以及研究用戶的角色來實(shí)現(xiàn)這一點(diǎn)。

用戶體驗(yàn)設(shè)計(jì)師不僅要考慮導(dǎo)航，還要考慮理解應(yīng)用程序內(nèi)容的難易程度，以及網(wǎng)站如何保持用戶參與。用戶體驗(yàn)設(shè)計(jì)師的主要工作是使用以用戶為中心的設(shè)計(jì)，并創(chuàng)建一種產(chǎn)品，使目標(biāo)受眾感到有吸引力并長時(shí)間保持參與而不會感到無聊或不耐煩。

基本的區(qū)別在于，一旦用戶瀏覽網(wǎng)站并存在，他可能會說兩件事

這很容易

這真是太棒了

信息架構(gòu)師的工作并不要求他考慮網(wǎng)站是否提供了用戶心中的永久體驗(yàn)，簡而言之，他們不需要考慮用戶體驗(yàn)。但UX設(shè)計(jì)師需要同時(shí)考慮UX和信息架構(gòu)。

為了便于理解，讓我們看一個(gè)例子。如果您比較Zomato和Bookatable，您會發(fā)現(xiàn)它們都以簡單的方式提供相同的功能。然而，在Booktable中，除了簡單易用外，該應(yīng)用程序的酷炫設(shè)計(jì)和效果非常有趣。zomato

booktable

不僅如此，兩者之間的工作流程也存在差異。信息架構(gòu)師必須研究用戶的需求，他們的目標(biāo)并進(jìn)行一種競爭分析。之后，他們創(chuàng)建頁面流，站點(diǎn)地圖和線框。可以執(zhí)行一些可用性測試，并將其傳遞到設(shè)計(jì)師完成工作的下一個(gè)階段。

另一方面，用戶體驗(yàn)設(shè)計(jì)師會瀏覽信息架構(gòu)師創(chuàng)建的線框和站點(diǎn)地圖，并研究最終用戶的感受和情感需求。它們不僅僅是布局和結(jié)構(gòu)，而是更多地用于交互模型。在外行人的術(shù)語中，可以說，如果你考慮建筑物，信息架構(gòu)形成了基礎(chǔ)，支柱和結(jié)構(gòu)框架，而UX則創(chuàng)造了建筑物的墻壁，屋頂，繪畫和其他部分。

用戶應(yīng)該在幾次點(diǎn)擊中達(dá)到他們的目標(biāo)內(nèi)容

另一種誤解是很久以前開始的，當(dāng)時(shí)人們使用撥號連接并且過去常常因速度慢而感到沮喪。網(wǎng)站的目標(biāo)是盡可能少地點(diǎn)擊用戶到達(dá)目的地。

然而，用戶體驗(yàn)不是關(guān)于一個(gè)人到達(dá)目的地的速度，而是關(guān)于他是否喜歡這個(gè)旅程。您可以根據(jù)需要保留盡可能多的點(diǎn)擊次數(shù)，但是您必須保持每次點(diǎn)擊之間的內(nèi)容非常令人興奮并且吸引最終用戶。

網(wǎng)站應(yīng)該按邏輯結(jié)構(gòu)化

人們有這樣的誤解，認(rèn)為網(wǎng)站應(yīng)該按邏輯設(shè)計(jì)。作為一名信息架構(gòu)師，我經(jīng)常以一種我認(rèn)為正確的方式設(shè)計(jì)網(wǎng)站，有時(shí)甚至?xí)屛沂艿街鞴艿呢?zé)罵。然而，他們忘記了人類不合邏輯地工作的事實(shí)。我們做出的決定，無論是好的還是壞的，不是基于邏輯，而是基于我們的感受。

在萬圣節(jié)前后參觀雜貨店時(shí)，您可能還沒有意識到南瓜被放置在蔬菜架中。雖然，技術(shù)上南瓜是水果而不是蔬菜。這是因?yàn)槿藗冇心瞎献鳛槭卟说母拍睢?/p>

南瓜

也就是說，從UX的角度來看，信息架構(gòu)也是如此。站點(diǎn)的設(shè)計(jì)和工作流程應(yīng)基于最終用戶的心理模型，而不是基于任何預(yù)定義的邏輯。

提供選項(xiàng)時(shí)接近7！

另一個(gè)常見的誤解是導(dǎo)航中的選項(xiàng)不應(yīng)超過指定數(shù)量。這個(gè)神話起源于喬治米勒寫了一篇心理學(xué)論文，指出普通人可以在短時(shí)間內(nèi)記住他們記憶中最多7項(xiàng)。另一項(xiàng)研究表明，該數(shù)字為4，這就是為什么軟件激活的序列號以及信用卡和借記卡號碼被分組為4的原因。

其次，當(dāng)涉及到網(wǎng)站時(shí)，您不需要記住選項(xiàng)。您可以直接在屏幕上看到它。制定這些規(guī)則是為了避免像可用性測試這樣耗時(shí)的階段。但是，只有用戶在導(dǎo)航菜單中具有所需數(shù)量的項(xiàng)目時(shí)，您的頁面才會滿足用戶的需求。