通過您的網站傳遞信息是一項敏感而關鍵的任務。您的Web應用程序可能有很多東西要傳達,但如果您沒有足夠好地構建內容,那么這些信息將會抨擊您跳出率高,最終影響您的搜索引擎優化(搜索引擎優化)。精心設計的應用程序和具有適當內容的網站更易于探索和理解。但它們并非立即創建。以最終用戶更容易探索的方式構建網站的導航和內容,需要大量的計劃,研究和時間。一旦提供了信息,您還需要確保以完美的像素方式向目標受眾顯示信息,而不管瀏覽器的差異。您可以通過執行跨瀏覽器測試來確保這一點。請記住,演示很重要。
信息架構是構建內容的科學。在開始設計和開發之前組織網站的藝術是確保它支持可查找性和可用性。當您將網站與建筑師進行比較時,將更容易理解,建筑師會在其中創建包含平面圖,地板位置,門,窗等的藍圖。
同樣,UX(用戶體驗)的信息體系結構創建了一個包含信息層次結構的藍圖。因此,您可以了解需要顯示哪些內容以及最終用戶需要顯示多少內容?
從技術架構中清除信息架構之間的迷霧
雖然信息架構師可能擁有出色的技術專長,但反過來并非總是如此。從UX的角度來看,技術團隊不是從網站上的UX角度設計信息架構的正確選擇。他們需要有經驗的信息架構師的指導。
這是因為網站的設計基于用戶的思考方式,而不是技術團隊的思考方式。信息架構師將通過評論,場景,用戶訪談清楚地了解用戶的思維方式,從而決定如何設計網站。
在確定某些后端或功能相關查詢的答案時,信息架構師有時需要技術架構師的幫助。當網站和技術架構的信息架構攜手合作時,結果是滿足用戶所有需求的Web應用程序。
信息架構原理
架構師應該具有良好的功能清晰度以及要顯示的內容的完整指南。UX的信息架構師丹·布朗已經提出了設計一個優秀網站所需的8條原則。
物體原理:內容就像一個活生物體。它們具有獨特的行為,生命周期和屬性。
選擇原則:選擇的數量應盡可能保持最小。更多導致混亂。但是,這個概念是假設的,取決于網站的復雜性。如果網站內容太大,您肯定需要多種選擇。
信息披露原則:用戶在深入了解網站后,應預先了解他們即將探索的信息。可以以文本內容的元數據或圖像和視頻內容的一些快照或元描述的形式給出信息。
范例原則:在描述該類別中提到的內容時,還需要舉例。您可以使用高效設計的導航系統來安排特定內容或標簽的示例。
前門原理:應假設50%的用戶將使用除主頁之外的其他入口點。該網站的結構應該是這樣一種方式:無論用戶打開哪個頁面,它們都可以平滑地瀏覽整個網站。
多種分類原則:應對網站內容進行分類,以提高用戶對網站內容的清晰度。例如,如果您要設計的網站是博客,并且您有不同類型的內容,則需要創建多個不同類別的子頁面,而不是將所有博客帖子聚合在一個頁面中。
聚焦導航的原則:網站的導航應該保持簡單,混合不同的東西是一個壞主意。導航應保持用戶只需閱讀名稱即可清楚地了解菜單項。
增長原則:設計可擴展的網站以確保布局不會因內容擴展而受到騷擾至關重要。這將確保在內容增長時布局不會受到影響。
針對用戶體驗的有效信息架構的指針
網站的信息架構被認為是基礎步驟。創建文檔可以獲得最佳基礎。在規劃網站的信息架構時,請記住下面提到的指針。
定義公司目標:在開始計劃之前,確定您想要對您的網站做什么以及您希望如何實現目標。與利益相關者建立會議并找出答案。
弄清楚用戶的目標:首先,您需要確定將訪問您網站的目標受眾。創建方案,與可能的用戶討論并了解用戶將如何使用您的網站以及用于何種目的。
研究您的競爭對手:研究與您類似的網站,并從UX的角度了解他們如何規劃信息架構。了解競爭對手的網站是否更易于瀏覽,如何顯示關鍵信息以及使其具有吸引力的內容。重要的是要記住趨勢網頁設計。以下是2019年網頁設計的19個趨勢。
繪制站點地圖:一旦計劃和內容準備就緒,就應該弄清楚用戶將如何訪問這些內容。正確規劃不太復雜的導航,并幫助用戶輕松瀏覽您的網站。將您的內容劃分為組并在規劃站點地圖時相應地繪制它們。
跨瀏覽器測試:在跨瀏覽器兼容性測試方面,您的信息體系結構行為可能因瀏覽器而異。如此努力地管理一個網站的信息架構,只是因為瀏覽器的不同而看它向南走,這將是非常令人失望的。crossbrowsertesting
隨著互聯網上成千上萬的瀏覽器,進行廣泛的跨瀏覽器測試變得非常具有挑戰性。LambdaTest是云上的免費跨瀏覽器測試工具,可幫助您在2000多種瀏覽器中對Web應用程序執行詳細的,手動的以及自動的跨瀏覽器測試,因此您的UX信息架構保持完美無瑕。
可用性測試:最終用戶是完美的測試人員,他們將確保您的網站在每個訂單中都是完美的。設置測試/ 暫存環境并雇用外部用戶。讓他們不間斷地瀏覽您的網站并聽取他們分享的任何意見。最終用戶始終提供有價值的洞察力,在處理時,可以顯著提高您的網站質量。
信息架構的價值
如今,Facebook和谷歌都在阻止低價值內容的網站。以這樣的方式設計網站是重要的,即用戶發現內容是有價值的。但是,有時即使在所有正確的內容之后,網站也無法將其正確地傳遞給最終用戶。從UX的角度來看,背后的原因是信息架構規劃不當。對于有價值的信息架構,請牢記以下內容非常重要。
用戶的價值
根據研究,網站的信息架構必須滿足用戶的以下需求。
網站的內容應該是用戶需要的東西。
內容應該激發用戶的興趣,因為有時用戶并不確切地知道他們想要什么。
搜索結果應該很大,因為用戶希望盡可能多地查看信息。
用戶希望找到之前搜索過的項目。
戰略價值
一個成功的網站信息架構創建了與業務相關的許多問題的一致性。企業主通常會考慮更大的圖景。他們更關注利潤率,費用,客戶群和其他因素。技術上合理的信息架構師創建了一個工作流程,解決了所有者和利益相關者的所有顧慮,同時也為設計目標帶來了一定程度的清晰度,逐步為整體產品戰略做出貢獻。
商業價值
如果客戶以及最終用戶對網站不滿意,則意味著業務損失。讓我們看看在業務價值中起關鍵作用的事實。
如果網站的內部內容具有錯誤的信息架構,員工會花費大量時間來獲取信息。這降低了生產力。
如果客戶沒有輕易找到他們想要的產品,網站的銷售可能會下降,導致業務利潤和虧損。
注冊頁面應該仔細設計。如果用戶體驗不好,用戶或客戶在注冊前會三思而后行。用戶體驗視角下的信息架構在獲取新成員方面發揮著重要作用。
網站的信息架構在搜索引擎優化中也起著至關重要的作用。具有較少價值或重復內容的內容將降低網站排名。
技術價值
網絡上發生的一切都是信息技術的神奇行為的結果。信息架構師的工作類似于抽象藝術,只有當開發人員在特定產品中實現工作流程時才能實現其價值。作為信息架構師,您必須確保開發人員或設計人員在完成工作流程后能夠獲得清晰度。
建模概念和語義。
與將要實施您的設計的團隊進行溝通。
關心數據庫設計師。他們應該清楚地了解您在實施之前設計的模型。
設計價值
網站信息架構師的工作只是創建站點地圖和頁面流。下一階段由設計師處理,設計人員在開始編碼階段之前創建網站實際應該是什么樣子的真實原型。您的工作流程應解決某些問題,以確保設計人員在創建原型時不會遇到任何問題。
對設計師有意義。必須更容易理解網站的行為方式。
設計師應該了解用戶如何瀏覽網站。元素,它們的位置,從一個頁面到另一個頁面的流動應該是重點和簡潔。
在UX過程中打破信息架構的神話
以下是我經常聽到的一些涉及網站信息架構的常見神話。我還將解決實際事實,以幫助清除圍繞該主題的迷霧。
信息架構與用戶體驗相同
好吧,一點也不。網站信息架構是一種以某種方式設計網站的過程,它以各種方式滿足用戶需求。用戶體驗是指用戶在使用應用程序或產品時的感受。
無論是單頁組合的設計還是具有復雜導航系統的Web應用程序,信息架構師的主要工作是通過復雜的信息并以用戶易于理解或導航的方式創建內容結構。他們通過執行可用性測試,使用完全以用戶為中心的設計方法以及研究用戶的角色來實現這一點。
用戶體驗設計師不僅要考慮導航,還要考慮理解應用程序內容的難易程度,以及網站如何保持用戶參與。用戶體驗設計師的主要工作是使用以用戶為中心的設計,并創建一種產品,使目標受眾感到有吸引力并長時間保持參與而不會感到無聊或不耐煩。
基本的區別在于,一旦用戶瀏覽網站并存在,他可能會說兩件事
這很容易
這真是太棒了
信息架構師的工作并不要求他考慮網站是否提供了用戶心中的永久體驗,簡而言之,他們不需要考慮用戶體驗。但UX設計師需要同時考慮UX和信息架構。
為了便于理解,讓我們看一個例子。如果您比較Zomato和Bookatable,您會發現它們都以簡單的方式提供相同的功能。然而,在Booktable中,除了簡單易用外,該應用程序的酷炫設計和效果非常有趣。zomato
booktable
不僅如此,兩者之間的工作流程也存在差異。信息架構師必須研究用戶的需求,他們的目標并進行一種競爭分析。之后,他們創建頁面流,站點地圖和線框。可以執行一些可用性測試,并將其傳遞到設計師完成工作的下一個階段。
另一方面,用戶體驗設計師會瀏覽信息架構師創建的線框和站點地圖,并研究最終用戶的感受和情感需求。它們不僅僅是布局和結構,而是更多地用于交互模型。在外行人的術語中,可以說,如果你考慮建筑物,信息架構形成了基礎,支柱和結構框架,而UX則創造了建筑物的墻壁,屋頂,繪畫和其他部分。
用戶應該在幾次點擊中達到他們的目標內容
另一種誤解是很久以前開始的,當時人們使用撥號連接并且過去常常因速度慢而感到沮喪。網站的目標是盡可能少地點擊用戶到達目的地。
然而,用戶體驗不是關于一個人到達目的地的速度,而是關于他是否喜歡這個旅程。您可以根據需要保留盡可能多的點擊次數,但是您必須保持每次點擊之間的內容非常令人興奮并且吸引最終用戶。
網站應該按邏輯結構化
人們有這樣的誤解,認為網站應該按邏輯設計。作為一名信息架構師,我經常以一種我認為正確的方式設計網站,有時甚至會讓我受到主管的責罵。然而,他們忘記了人類不合邏輯地工作的事實。我們做出的決定,無論是好的還是壞的,不是基于邏輯,而是基于我們的感受。
在萬圣節前后參觀雜貨店時,您可能還沒有意識到南瓜被放置在蔬菜架中。雖然,技術上南瓜是水果而不是蔬菜。這是因為人們有南瓜作為蔬菜的概念。
南瓜
也就是說,從UX的角度來看,信息架構也是如此。站點的設計和工作流程應基于最終用戶的心理模型,而不是基于任何預定義的邏輯。
提供選項時接近7!
另一個常見的誤解是導航中的選項不應超過指定數量。這個神話起源于喬治米勒寫了一篇心理學論文,指出普通人可以在短時間內記住他們記憶中最多7項。另一項研究表明,該數字為4,這就是為什么軟件激活的序列號以及信用卡和借記卡號碼被分組為4的原因。
其次,當涉及到網站時,您不需要記住選項。您可以直接在屏幕上看到它。制定這些規則是為了避免像可用性測試這樣耗時的階段。但是,只有用戶在導航菜單中具有所需數量的項目時,您的頁面才會滿足用戶的需求。