一名優(yōu)秀的設(shè)計(jì)師除了需要具備良好的設(shè)計(jì)技能，還需要大量的設(shè)計(jì)相關(guān)知識(shí)儲(chǔ)備。信息架構(gòu)是設(shè)計(jì)師需要懂得的重要的知識(shí)之一。信息架構(gòu)的設(shè)計(jì)原則，對(duì)于設(shè)計(jì)師而言，也是設(shè)計(jì)中值得參考的有用工具。今天的文章，幫你總結(jié)了在設(shè)計(jì)過(guò)程中運(yùn)用信息架構(gòu)知識(shí)的6個(gè)技巧。

1、始終牢記產(chǎn)品設(shè)計(jì)目標(biāo)

如何界定產(chǎn)品終要達(dá)成的目標(biāo)，其實(shí)直接影響著整個(gè)團(tuán)隊(duì)每個(gè)階段的工作，無(wú)論是對(duì)于設(shè)計(jì)師，開(kāi)發(fā)人員還是產(chǎn)品經(jīng)理，均是如此。信息架構(gòu)與此也息息相關(guān)。只有了解用戶(hù)和企業(yè)本身對(duì)于網(wǎng)站和App的真實(shí)期望之后，才可以開(kāi)始構(gòu)建整體的信息架構(gòu)。所以，產(chǎn)品團(tuán)隊(duì)?wèi)?yīng)該完整地了解產(chǎn)品的目標(biāo)，確保創(chuàng)意團(tuán)隊(duì)中所有的成員都足夠理解，并且針對(duì)目標(biāo)制定相應(yīng)的策略和應(yīng)對(duì)措施，才能具備終實(shí)現(xiàn)的可能性。始終銘記終目標(biāo)以及為了達(dá)成目標(biāo)而需要執(zhí)行的任務(wù)，能夠讓整個(gè)執(zhí)行過(guò)程更加明確。在設(shè)定目標(biāo)的時(shí)候，設(shè)計(jì)師和客戶(hù)應(yīng)該就內(nèi)容和整體信息架構(gòu)以及終目標(biāo)達(dá)成一致，避免可能存在的誤會(huì)，提升執(zhí)行效率。

網(wǎng)站設(shè)計(jì) 關(guān)鍵字如何優(yōu)化" />

2、進(jìn)行用戶(hù)調(diào)研

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

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

3、結(jié)合認(rèn)知心理學(xué)

認(rèn)知心理學(xué)和信息架構(gòu)的搭建有著緊密的關(guān)聯(lián)。用戶(hù)的視覺(jué)感知和影響用戶(hù)注意力的因素，都可以通過(guò)認(rèn)知心理學(xué)來(lái)進(jìn)行判斷。信息處理的科學(xué)是以人為中心的科學(xué)，有認(rèn)知心理學(xué)的專(zhuān)家指出，人類(lèi)感知數(shù)據(jù)的方式有很多，而影響注意力的因素則更是不盡相同。

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

4、規(guī)劃導(dǎo)航系統(tǒng)

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

通俗點(diǎn)說(shuō)，數(shù)字產(chǎn)品當(dāng)中，導(dǎo)航是基于信息架構(gòu)來(lái)梳理的，它終應(yīng)該反映并支撐信息架構(gòu)，否則產(chǎn)品無(wú)法保證其一致性。當(dāng)然，兩者雖然不是一個(gè)東西，但是在創(chuàng)建信息架構(gòu)的時(shí)候，同期針對(duì)導(dǎo)航系統(tǒng)進(jìn)行規(guī)劃。

5、別忘了視覺(jué)層次

為了更好地組織信息、確定內(nèi)容呈現(xiàn)的優(yōu)先級(jí)，設(shè)計(jì)師會(huì)結(jié)合信息架構(gòu)，使用視覺(jué)層次來(lái)有偏重地、視覺(jué)化的展現(xiàn)內(nèi)容。無(wú)論是文檔、圖書(shū)、海報(bào)、網(wǎng)頁(yè)還是App，這些載體上所承載的內(nèi)容，會(huì)按照每個(gè)元素的重要程度來(lái)有差別地展現(xiàn)，而這種差別通常是通過(guò)大小、色彩、對(duì)比度、對(duì)齊度來(lái)區(qū)別的。重要的信息會(huì)更容易被用戶(hù)注意到，便于他們輕松瀏覽。

6、還要注意閱讀模式

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

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

簡(jiǎn)而言之，當(dāng)人們?cè)L問(wèn)某個(gè)網(wǎng)站的時(shí)候，尤其是初次訪(fǎng)問(wèn)網(wǎng)站的時(shí)候，他們通常不會(huì)特別仔細(xì)的查看所有的內(nèi)容，而是快速的掃視，找到能夠吸引他們注意力的信息，這些內(nèi)容就是他們繼續(xù)停留在這個(gè)網(wǎng)站上的理由。通過(guò)眼動(dòng)測(cè)試和不同實(shí)驗(yàn)，他們發(fā)現(xiàn)訪(fǎng)問(wèn)者的視覺(jué)瀏覽模式，可以歸結(jié)為幾種典型的模式。設(shè)計(jì)師Steven Bradley在自己的文章中，總結(jié)了這三種常見(jiàn)的模式：古騰堡式，Z圖模式和F圖模式。

古騰堡式：對(duì)于信息結(jié)構(gòu)層次并不那么分明的網(wǎng)頁(yè)，用戶(hù)常常會(huì)使用古騰堡式的瀏覽模式，用戶(hù)大范圍掃視頁(yè)面內(nèi)容，整個(gè)視線(xiàn)路徑是一個(gè)大號(hào)的Z，其中開(kāi)始的兩個(gè)視覺(jué)駐留點(diǎn)就在頁(yè)頭上。

Z圖模式也不難理解，用戶(hù)從上到下，視線(xiàn)沿著Z字形來(lái)回掃視，用戶(hù)會(huì)左右快速掃視，視線(xiàn)的起點(diǎn)先是左上角，行跨頂部一欄到右上角，然后向下延伸。

F圖模式，或者說(shuō)是F式布局，我們就更加熟悉了。在Nielsen Norman Group的研究當(dāng)中，這種閱讀模式為典型：

用戶(hù)先會(huì)沿著水平方向?yàn)g覽，優(yōu)先瀏覽內(nèi)容塊的上部，這個(gè)時(shí)候的眼動(dòng)構(gòu)成了字母F上面一橫。

接下來(lái)視線(xiàn)會(huì)沿著屏幕左側(cè)向下垂直掃視，尋找段落中能引起興趣點(diǎn)的內(nèi)容，當(dāng)他們發(fā)現(xiàn)引起他們興趣的內(nèi)容之時(shí)，繼續(xù)橫向仔細(xì)瀏覽，而通常這些內(nèi)容對(duì)應(yīng)的視線(xiàn)范圍會(huì)比次橫向?yàn)g覽的范疇要更小一些，而這個(gè)視線(xiàn)軌跡則構(gòu)成了字母F中間的一橫。

接下來(lái)用戶(hù)會(huì)將視線(xiàn)移到屏幕左側(cè)，繼續(xù)向下瀏覽。

所以，將關(guān)鍵的元素置于用戶(hù)的瀏覽路徑上，讓用戶(hù)可以更輕松地消化信息，也能高效地執(zhí)行交互。

更多注意事項(xiàng)

信息架構(gòu)學(xué)科看起來(lái)很復(fù)雜，需要花費(fèi)時(shí)間和精力來(lái)深入學(xué)習(xí)?？墒钱?dāng)你了解了相關(guān)的基礎(chǔ)知識(shí)之后，再應(yīng)用于設(shè)計(jì)項(xiàng)目的時(shí)候，你就會(huì)發(fā)現(xiàn)它是多么的有用。根據(jù)Tubik Stuido之前的系列文章，我想列出關(guān)于信息架構(gòu)知識(shí)的一些要點(diǎn)：

信息架構(gòu)是構(gòu)成數(shù)字產(chǎn)品的骨架，設(shè)計(jì)師可以根據(jù)信息架構(gòu)來(lái)構(gòu)建視覺(jué)元素、功能、交互和導(dǎo)航

強(qiáng)大的信息架構(gòu)是產(chǎn)品質(zhì)量的保證，它會(huì)減少掃可用性問(wèn)題，提升導(dǎo)航性

信息架構(gòu)就像是整個(gè)布局的藍(lán)圖，幫助視覺(jué)設(shè)計(jì)方案的生成

定義產(chǎn)品目標(biāo)是創(chuàng)建信息架構(gòu)的核心

用研和認(rèn)知心理學(xué)能夠幫設(shè)計(jì)團(tuán)隊(duì)預(yù)測(cè)用戶(hù)對(duì)于產(chǎn)品的反應(yīng)，并且創(chuàng)造對(duì)用戶(hù)友好的體驗(yàn)

清晰的視覺(jué)層次在內(nèi)容展現(xiàn)上起著重要的作用

當(dāng)前文章：設(shè)計(jì)流程中,是由這6種方式來(lái)運(yùn)用信息架構(gòu)的-網(wǎng)站設(shè)計(jì)
網(wǎng)頁(yè)路徑：http://www.rwnh.cn/news/178260.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)