中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

良好的導(dǎo)航不會(huì)偶然獲得，而是詳細(xì)研究和計(jì)劃的結(jié)果。本文將描述網(wǎng)站在處理信息架構(gòu)時(shí)應(yīng)考慮的因素，以幫助設(shè)計(jì)出直觀易用的導(dǎo)航結(jié)構(gòu)。

導(dǎo)航是與可用性直接相關(guān)的基本原理之一。如果沒(méi)有合適的導(dǎo)航系統(tǒng)，每當(dāng)用戶與網(wǎng)站進(jìn)行交互時(shí)，用戶就會(huì)感到猶豫迷茫。因此，網(wǎng)站的設(shè)計(jì)應(yīng)該使用戶可以輕松進(jìn)行導(dǎo)航并通過(guò)搜索和瀏覽找到所需內(nèi)容。

01 網(wǎng)站信息架構(gòu)與導(dǎo)航之間的區(qū)別

設(shè)計(jì)人員有時(shí)會(huì)合并信息架構(gòu)和導(dǎo)航的概念。確實(shí)，這些概念密切相關(guān)，但是它們并不相同。信息架構(gòu)為導(dǎo)航的設(shè)計(jì)提供指導(dǎo)。

信息架構(gòu)是我們安排事物的各個(gè)部分以使其易于理解的方式。

信息架構(gòu)定義網(wǎng)站的內(nèi)容和功能，而導(dǎo)航則是幫助訪問(wèn)者查找信息和功能的界面組件和模式的集合。導(dǎo)航組件包括全局和本地導(dǎo)航菜單，面包屑導(dǎo)航，上下文鏈接等。為了有效，導(dǎo)航應(yīng)始終容納網(wǎng)站內(nèi)容和功能的全部范圍。

02 導(dǎo)航結(jié)構(gòu)的指導(dǎo)原則

導(dǎo)航的主要目的是幫助訪問(wèn)者通過(guò)功能查找信息，并鼓勵(lì)他們采取適當(dāng)?shù)拇胧?/p>

1. 易用性

在進(jìn)行導(dǎo)航時(shí)，無(wú)論訪問(wèn)者來(lái)自哪個(gè)頁(yè)面，他們都必須能夠在該頁(yè)面和網(wǎng)站的其他頁(yè)面上找到所需的內(nèi)容。良好的導(dǎo)航應(yīng)該像一只看不見(jiàn)的手，可以幫助用戶找到網(wǎng)站。

2. 可見(jiàn)性

隱藏的導(dǎo)航模式（例如漢堡菜單）增加了用戶忽略導(dǎo)航選項(xiàng)的機(jī)會(huì)。即使用戶知道導(dǎo)航隱藏在某個(gè)特定圖表（例如漢堡圖標(biāo)）的后面，他們也可能會(huì)忘記導(dǎo)航選項(xiàng)，因?yàn)樗鼈儾惶幱谥苯右晥D中。這就是為什么應(yīng)該顯示導(dǎo)航并將其放置在用戶希望在網(wǎng)站上找到它的位置。

03 內(nèi)容組織模型

內(nèi)容組織模型是定義網(wǎng)頁(yè)之間關(guān)系的組織結(jié)構(gòu)。內(nèi)容組織模型是網(wǎng)站導(dǎo)航結(jié)構(gòu)的基礎(chǔ)。產(chǎn)品設(shè)計(jì)社區(qū)建立了一些有效的內(nèi)容結(jié)構(gòu)模型。了解它們對(duì)于為網(wǎng)站選擇合適的信息架構(gòu)很重要。

讓我們看一下常見(jiàn)的模型：

1. 單頁(yè)模型

單個(gè)頁(yè)面包含所有必需的信息和導(dǎo)航選項(xiàng)。當(dāng)數(shù)字產(chǎn)品需要最少的內(nèi)容時(shí)，單頁(yè)模型是理想的選擇。此模型最適合目標(biāo)網(wǎng)頁(yè)。

2. 扁平模型

在扁平化結(jié)構(gòu)中，所有頁(yè)面都是同等重要的，它們被置于導(dǎo)航系統(tǒng)的同一層級(jí)中。此模型最適合小型網(wǎng)站。

3. 分層模型

分層模型顯示了從主要元素到子元素的信息層級(jí)。它是大型網(wǎng)站的默認(rèn)模型。

可以定義嚴(yán)格的分層模型和共存的分層模型。在嚴(yán)格的分層模型中，子頁(yè)面僅和上一層級(jí)的父頁(yè)面關(guān)聯(lián)。

在共存的分層結(jié)構(gòu)模型中，可以從多個(gè)父頁(yè)面/更高級(jí)別的頁(yè)面訪問(wèn)子頁(yè)面。

04 如何建立良好的導(dǎo)航結(jié)構(gòu)

信息架構(gòu)與導(dǎo)航有著直接的聯(lián)系。信息架構(gòu)為接下來(lái)的導(dǎo)航系統(tǒng)奠定了堅(jiān)實(shí)的基礎(chǔ)。這就是為什么在設(shè)計(jì)導(dǎo)航之前定義信息架構(gòu)的至關(guān)重要的原因。信息架構(gòu)幫助處理內(nèi)容的數(shù)量和復(fù)雜性，并設(shè)計(jì)更好的導(dǎo)航。

1. 建立分類法

分類學(xué)是分類的實(shí)踐和科學(xué)。創(chuàng)建分類法是構(gòu)建網(wǎng)站結(jié)構(gòu)中極為重要的一步。分類法試圖對(duì)不同的非結(jié)構(gòu)化信息進(jìn)行分組并對(duì)其進(jìn)行描述，以創(chuàng)建更結(jié)構(gòu)化的設(shè)計(jì)。允許對(duì)內(nèi)容進(jìn)行分類的最重要的方式是卡片分類。

信息架構(gòu)應(yīng)該始終牢記目標(biāo)用戶。因此，一旦有了內(nèi)容，就與目標(biāo)受眾進(jìn)行一系列卡片分類來(lái)進(jìn)行排列?；顒?dòng)的重點(diǎn)是看用戶如何看待網(wǎng)站的內(nèi)容。

2. 定義網(wǎng)站的結(jié)構(gòu)

創(chuàng)建分類法后，需要定義網(wǎng)站的結(jié)構(gòu)。網(wǎng)站的結(jié)構(gòu)應(yīng)明確定義網(wǎng)站的各個(gè)頁(yè)面級(jí)別，優(yōu)先級(jí)和層級(jí)結(jié)構(gòu)。此階段的目標(biāo)是定義網(wǎng)站層級(jí)結(jié)構(gòu)的本質(zhì)。

建議采用寬泛的方法來(lái)組織內(nèi)容，因?yàn)檫@與人們期望與內(nèi)容進(jìn)行交互的方式（從一般到特定）完全吻合。例如亞馬遜網(wǎng)站的主頁(yè)中就使用了范圍廣泛的內(nèi)容組織，主頁(yè)充當(dāng)各種產(chǎn)品類別的導(dǎo)航中心。

3. 創(chuàng)建導(dǎo)航元素

建立網(wǎng)站的層級(jí)結(jié)構(gòu)后，下一步就是在設(shè)計(jì)中實(shí)施它。當(dāng)設(shè)計(jì)人員為每種類型的內(nèi)容選擇適當(dāng)?shù)膶?dǎo)航元素時(shí)，導(dǎo)航結(jié)構(gòu)應(yīng)該提供自然的信息流。

考慮各種類型的導(dǎo)航：

• 主要導(dǎo)航。主導(dǎo)航是全局導(dǎo)航，可在所有頁(yè)面上使用。此導(dǎo)航包含全局導(dǎo)航選項(xiàng)，使用戶可以從每個(gè)位置訪問(wèn)網(wǎng)站的主要部分。
• 二級(jí)導(dǎo)航。輔助導(dǎo)航通過(guò)提供上下文相關(guān)的選項(xiàng)來(lái)支持主要導(dǎo)航。
• 上下文導(dǎo)航。上下文導(dǎo)航通過(guò)提供特定選項(xiàng)來(lái)支持內(nèi)容。這些可以是搜索結(jié)果頁(yè)面中產(chǎn)品信息頁(yè)面的本地鏈接。

05 設(shè)計(jì)導(dǎo)航結(jié)構(gòu)需要記住的事情

導(dǎo)航結(jié)構(gòu)的重要性在于幫助用戶理解各個(gè)頁(yè)面之間的關(guān)系，并從一個(gè)頁(yè)面精確導(dǎo)航到另一頁(yè)面。沒(méi)有定義結(jié)構(gòu)的網(wǎng)站或產(chǎn)品只是頁(yè)面的隨機(jī)集合。

1. 首頁(yè)原則

首頁(yè)應(yīng)充當(dāng)訪問(wèn)者的導(dǎo)航中心。鏈接到首頁(yè)中最有價(jià)值的頁(yè)面至關(guān)重要。這樣可以提高可發(fā)現(xiàn)性，訪問(wèn)者更有可能找到相關(guān)內(nèi)容，并向搜索引擎顯示最重要的頁(yè)面。

三次點(diǎn)擊的原則建議訪問(wèn)者只需單擊三下鼠標(biāo)就能找到任何信息。此規(guī)則將幫助確定信息的優(yōu)先級(jí)。理想情況下，重要頁(yè)面應(yīng)該離首頁(yè)有2-3次點(diǎn)擊，不那么重要的有4-5次點(diǎn)擊。

導(dǎo)航格式和設(shè)計(jì)決策要保持一致。一致性提高了網(wǎng)站的可預(yù)測(cè)性?？深A(yù)測(cè)性能夠使用戶感到安全。

2. 用戶心理模型

心理模型是解釋人在現(xiàn)實(shí)生活中如何進(jìn)行工作以及思考的描述。心理模型不匹配是產(chǎn)品設(shè)計(jì)師之間的常見(jiàn)問(wèn)題。產(chǎn)品團(tuán)隊(duì)成員容易陷入錯(cuò)誤共識(shí)效應(yīng)的陷阱。通常，他們會(huì)根據(jù)自己的需求而不是用戶的真實(shí)需求將行為和反應(yīng)投射到設(shè)計(jì)布局和導(dǎo)航中。

要?jiǎng)?chuàng)建功能強(qiáng)大的網(wǎng)站導(dǎo)航，必須從全面的用戶研究開(kāi)始。首先了解用戶的需求和行為，然后將內(nèi)容映射到目標(biāo)受眾中。

3 .定位當(dāng)前位置

無(wú)法指出當(dāng)前位置可能是最常見(jiàn)的錯(cuò)誤?！拔以谀睦铩笆橇己玫膶?dǎo)航必需回答的基本問(wèn)題之一。通過(guò)明確他們?cè)谀睦飦?lái)確保訪客在正確的位置。

通過(guò)向頁(yè)面添加面包屑導(dǎo)航，可以使站點(diǎn)的導(dǎo)航結(jié)構(gòu)更清晰。面包屑是可單擊的鏈接，通常在頁(yè)面頂部可見(jiàn)。它們反映了網(wǎng)站的結(jié)構(gòu)，并幫助訪問(wèn)者確定他們?cè)诰W(wǎng)站上的位置。例如面包屑導(dǎo)航是許多大型網(wǎng)站的重要組成部分，

4. 考慮認(rèn)知能力

在給定的時(shí)間內(nèi)，沒(méi)有太多信息可以讓人的大腦處于最前沿。一個(gè)普通人可以在短期記憶中保留的對(duì)象數(shù)是7±2。這意味著，如果導(dǎo)航結(jié)構(gòu)中有很多導(dǎo)航選項(xiàng)，則無(wú)法一次全部提供所有這些選項(xiàng)。當(dāng)導(dǎo)航系統(tǒng)包含太多鏈接或過(guò)于冗長(zhǎng)時(shí)，將變得難以掃描和理解。結(jié)果，內(nèi)容變會(huì)變得難以找到。與其立即顯示所有內(nèi)容，不如將信息分塊并逐步提供給用戶。

5. 根據(jù)用戶旅程圖評(píng)估導(dǎo)航結(jié)構(gòu)

用戶的旅程很少是線性的。大多數(shù)情況下，它們的轉(zhuǎn)換路徑涉及多個(gè)入口點(diǎn)和接觸點(diǎn)，這直接影響了導(dǎo)航系統(tǒng)。準(zhǔn)備好導(dǎo)航和標(biāo)簽后，勾勒整個(gè)結(jié)構(gòu)，然后創(chuàng)建一個(gè)站點(diǎn)地圖。定義交互方案并評(píng)估用戶將訪問(wèn)哪些頁(yè)面以完成此方案。

6. 使用數(shù)據(jù)分析來(lái)告知導(dǎo)航結(jié)構(gòu)

在進(jìn)行導(dǎo)航時(shí)，始終牢記業(yè)務(wù)目標(biāo)即希望人們?cè)诰W(wǎng)站上做什么。使業(yè)務(wù)目標(biāo)與人們實(shí)際在網(wǎng)站上采取的行動(dòng)相匹配，并據(jù)此設(shè)計(jì)信息架構(gòu)。

可以使用諸如Google Analytics或Hotjar之類的工具來(lái)了解當(dāng)前的導(dǎo)航模型是否適合用戶。

7. 遵循移動(dòng)端優(yōu)先的思想

從針對(duì)移動(dòng)端產(chǎn)品的信息架構(gòu)開(kāi)始時(shí)，會(huì)迫使在頁(yè)面上放置最重要的內(nèi)容。移動(dòng)端優(yōu)先的思想幫助確定內(nèi)容和導(dǎo)航選項(xiàng)的優(yōu)先級(jí)。

因此，在開(kāi)始進(jìn)行桌面設(shè)計(jì)時(shí)，要清楚地了解要包含的導(dǎo)航選項(xiàng)以及要在各個(gè)頁(yè)面上顯示的優(yōu)先順序。

06 結(jié)論

導(dǎo)航是用戶與系統(tǒng)之間的對(duì)話。良好的導(dǎo)航結(jié)構(gòu)是反映用戶行為的有效對(duì)話。這就是為什么導(dǎo)航設(shè)計(jì)過(guò)程中應(yīng)將用戶放在首位。

始終從用戶角度評(píng)估導(dǎo)航設(shè)計(jì)的有效性，使其適應(yīng)用戶的心理模型。同時(shí)用戶應(yīng)參與產(chǎn)品設(shè)計(jì)的所有步驟——從創(chuàng)建信息架構(gòu)到對(duì)各種類型的設(shè)備進(jìn)行網(wǎng)站導(dǎo)航的最終測(cè)試，以此來(lái)構(gòu)建良好的導(dǎo)航結(jié)構(gòu)。

原文網(wǎng)址：https://xd.adobe.com/ideas/process/information-architecture/information-architecture-navigation/

原文作者：Nick Babich

編譯作者：YIZI

本文由 @YIZI 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議