在設(shè)計流程中，通過這6種體例來運用信息架構(gòu)

一名良好的設(shè)計師除了必要具備優(yōu)秀的設(shè)計技能，還必要大量的設(shè)計相干知識貯備。信息架構(gòu)是設(shè)計師必要懂得的最緊張的知識之一。在之前的文章《寫給設(shè)計師的信息架構(gòu)基礎(chǔ)知識指南》當中，我們細致闡述了信息架構(gòu)的基礎(chǔ)知識，你可以通過這篇文章來了解為什么它是UI和UX設(shè)計的必備知識。信息架構(gòu)的設(shè)計原則，對于設(shè)計師而言，也是設(shè)計中值得參考的有效工具。今天的文章，幫你總結(jié)了在設(shè)計過程中運用信息架構(gòu)知識的6個技巧。

1、始終牢記產(chǎn)品設(shè)計目標

如何界定產(chǎn)品最終要達成的目標，其實直接影響著整個團隊每個階段的工作，無論是對于設(shè)計師，開發(fā)人員照舊產(chǎn)品經(jīng)理，均是如此。信息架構(gòu)與此也痛癢相關(guān)。只有了解用戶和企業(yè)自己對于網(wǎng)站和APP的真實期望之后，才可以開始構(gòu)建團體的信息架構(gòu)。所以，產(chǎn)品團隊應(yīng)該完備地了解產(chǎn)品的目標，確保創(chuàng)意團隊中所有的成員都充足理解，并且針對目標制訂響應(yīng)的策略和應(yīng)對措施，才能具備最終實現(xiàn)的可能性。始終銘記最終目標以及為了達成目標而必要實行的義務(wù)，能夠讓整個實行過程更加明確。在設(shè)定目標的時候，設(shè)計師和客戶應(yīng)該就內(nèi)容和團體信息架構(gòu)以及最終目標達成同等，避免可能存在的誤會，提拔實行服從。

2、進行用戶調(diào)研

信息架構(gòu)專家在搭建產(chǎn)品信息架構(gòu)之前，應(yīng)該對目標受眾的需求和細節(jié)有充足的了解，將提拔用戶寫意度作為優(yōu)先考慮的事項。想要了解更多潛在用戶的信息，建議設(shè)計師做用戶調(diào)研。通過各種技術(shù)手段搜集關(guān)于目標用戶和潛在用戶的相干信息的過程就是用戶調(diào)研。搜集數(shù)據(jù)之后，設(shè)計團隊針對這些信息進行分析，并且找出最佳的解決方案，從而有可能創(chuàng)造出對用戶友愛且有吸引力的產(chǎn)品。

用戶調(diào)研有助于深入了解目標受眾的細節(jié)，了解他們的需求和生理特性。結(jié)合用戶喜愛，設(shè)計團隊能夠有方向地創(chuàng)造出對用戶友愛，貼合需求還可能吸引潛在用戶的產(chǎn)品。

3、結(jié)合認貼心理學

認貼心理學和信息架構(gòu)的搭建有著緊密的關(guān)聯(lián)。用戶的視覺感知和影響用戶細致力的因素，都可以通過認貼心理學來進行判斷。信息處理的科學是以人為中間的科學，有認貼心理學的專家指出，人類感知數(shù)據(jù)的體例有許多，而影響細致力的因素則更是不盡雷同。

基于認貼心理學的原理和相干研究，設(shè)計師可以采用很多不同的技術(shù)來創(chuàng)建充足有用的內(nèi)容。在設(shè)計過程中，設(shè)計師常常會采用格式塔原理來構(gòu)建布局，巧用元素，這種行使視覺相似性和關(guān)聯(lián)性的生理學原理，適用范圍特別很是廣。而識別模式則更加有效，當用戶訪問網(wǎng)站或者APP的時候，常常會期待看到特定的內(nèi)容和功能，識別模式可以行使調(diào)研數(shù)據(jù)和經(jīng)驗幫助設(shè)計師，快速搭建布局和信息架構(gòu)。

4、規(guī)劃導(dǎo)航體系

信息架構(gòu)和導(dǎo)航是數(shù)字產(chǎn)品當中最緊張的兩個組成部分。導(dǎo)航是網(wǎng)站和APP當中指導(dǎo)用戶抵達不同目標和功能或者網(wǎng)頁的一組操作或者技術(shù)，作為網(wǎng)頁中重要的交互而存在。導(dǎo)航和信息架構(gòu)有著密切的關(guān)聯(lián)，信息架構(gòu)所構(gòu)成的框架之下，導(dǎo)航作為抵達不同信息區(qū)塊的路徑而存在。

普通點說，數(shù)字產(chǎn)品當中，導(dǎo)航是基于信息架構(gòu)來梳理的，它最終應(yīng)該反映并支撐信息架構(gòu)，否則產(chǎn)品無法保證其同等性。當然，兩者雖然不是一個東西，但是在創(chuàng)建信息架構(gòu)的時候，同期針對導(dǎo)航體系進行規(guī)劃。

5、別忘了視覺條理

為了更好地組織信息、確定內(nèi)容呈現(xiàn)的優(yōu)先級，設(shè)計師會結(jié)合信息架構(gòu)，使用視覺條理來有著重地、視覺化的顯現(xiàn)內(nèi)容。無論是文檔、圖書、海報、頁面照舊APP，這些載體上所承載的內(nèi)容，會按照每個元素的緊張程度來有差別地顯現(xiàn)，而這種差別通常是通過大小、色彩、對比度、對齊度來區(qū)別的。緊張的信息會更容易被用戶細致到，便于他們輕松欣賞。

6、還要細致閱讀模式

視覺條理的構(gòu)建使得數(shù)字產(chǎn)品內(nèi)容的可讀性有了充足的保障。不過，僅有視覺條理還不夠，設(shè)計師還應(yīng)當根據(jù)產(chǎn)品形態(tài)，考慮用戶的閱讀模式。

用戶研究領(lǐng)域的先驅(qū) Nielsen Norman Group 曾經(jīng)針對這一用戶舉動進行了深入的研究，為設(shè)計師和可用性設(shè)計專家們提供了更好的素材和設(shè)計依據(jù)。

簡而言之，當人們訪問某個網(wǎng)站的時候，尤其是初次訪問網(wǎng)站的時候，他們通常不會分外細心的查看所有的內(nèi)容，而是快速的掃視，找到能夠吸引他們細致力的信息，這些內(nèi)容就是他們繼承停頓在這個網(wǎng)站上的理由。通過眼動測試和不同實驗，他們發(fā)現(xiàn)訪問者的視覺欣賞模式，可以歸結(jié)為幾種典型的模式。設(shè)計師 Steven Bradley 在本身的文章中，總結(jié)了這三種常見的模式：古騰堡式，Z圖模式和F圖模式。

古騰堡式：對于信息結(jié)構(gòu)條理并不那么分明的頁面，用戶常常會使用古騰堡式的欣賞模式，用戶大范圍掃視網(wǎng)頁內(nèi)容，整個視線路徑是一個大號的Z，其中最開始的兩個視覺駐留點就在頁頭上。

Z圖模式也不難理解，用戶從上到下，視線沿著Z字形往返掃視，用戶會左右快速掃視，視線的起點首先是左上角，行跨頂部一欄到右上角，然后向下延長。

F圖模式，或者說是F式布局，我們就更加認識了。在Nielsen Norman Group 的研究當中，這種閱讀模式最為典型：

• 用戶先會沿著水平方向欣賞，優(yōu)先欣賞內(nèi)容塊的上部，這個時候的眼動構(gòu)成了字母F 最上面一橫。
• 接下來視線會沿著屏幕左側(cè)向下垂直掃視，探求段落中能引起愛好點的內(nèi)容，當他們發(fā)現(xiàn)引起他們愛好的內(nèi)容之時，繼承橫向細心欣賞，而通常這些內(nèi)容對應(yīng)的視線范圍會比第一次橫向欣賞的范疇要更小一些，而這個視線軌跡則構(gòu)成了字母F 中心的一橫。
• 接下來用戶會將視線移到屏幕左側(cè)，繼承向下欣賞。

所以，將最關(guān)鍵的元素置于用戶的欣賞路徑上，讓用戶可以更輕松地消化信息，也能最高效地實行交互。

更多細致事項

信息架構(gòu)學科看起來很復(fù)雜，必要花費時間和精力來深入學習?？墒钱斈懔私饬讼喔傻幕A(chǔ)知識之后，再應(yīng)用于設(shè)計項目的時候，你就會發(fā)現(xiàn)它是多么的有效。根據(jù) Tubik Stuido 之前的系列文章，我想列出關(guān)于信息架構(gòu)知識的一些要點：

• 信息架構(gòu)是構(gòu)成數(shù)字產(chǎn)品的骨架，設(shè)計師可以根據(jù)信息架構(gòu)來構(gòu)建視覺元素、功能、交互和導(dǎo)航
• 壯大的信息架構(gòu)是產(chǎn)品質(zhì)量的保證，它會削減掃可用性題目，提拔導(dǎo)航性
• 信息架構(gòu)就像是整個布局的藍圖，幫助視覺設(shè)計方案的生成
• 定義產(chǎn)品目標是創(chuàng)建信息架構(gòu)的核心
• 用研和認貼心理學能夠幫設(shè)計團隊展望用戶對于產(chǎn)品的反應(yīng)，并且創(chuàng)造對用戶友愛的體驗
• 清晰的視覺條理在內(nèi)容顯現(xiàn)上起偏重要的作用