設計流程中,是由這6種方式來運用資訊架構的-站群WordPress網站設計

一名優秀的設計師除了需要具備良好的設計技能，還需要大量的設計相關知識儲備。資訊架構是設計師需要懂得的重要的知識之一。資訊架構的設計原則，對於設計師而言，也是設計中值得參考的有用工具。今天的文章，幫您總結了在設計過程中運用資訊架構知識的 6 個技巧。

　　1 、始終牢記產品設計目標

　　如何界定產品終要達成的目標，其實直接影響著整個團隊每個階段的工作，無論是對於設計師，開發人員還是產品經理，均是如此。資訊架構與此也息息相關。只有瞭解多使用者和企業本身對於網站和 WordPress APP 的真實期望之後，才可以開始構建整體的資訊架構。所以，產品團隊應該完整地瞭解產品的目標，確保創意團隊中所有的成員都足夠理解，並且針對目標制定相應的策略和應對措施，才能具備終實現的可能性。始終銘記終目標以及為了達成目標而需要執行的任務，能夠讓整個執行過程更加明確。在設定目標的時候，設計師和客戶應該就內容和整體資訊架構以及終目標達成一致，避免可能存在的誤會，提升執行效率。

　　2 、進行多使用者調研

　　資訊架構專家在搭建產品資訊架構之前，應該對目標受眾的需求和細節有足夠的瞭解，將提升多使用者滿意度作為優先考慮的事項。想要了解更多潛在多使用者的資訊，建議設計師做多使用者調研。透過各種技術手段蒐集關於目標多使用者和潛在多使用者的相關資訊的過程就是多使用者調研。蒐集資料之後，設計團隊針對這些資訊進行分析，並且找出理想的解決方案，從而有可能創造出對多使用者友好且有吸引力的產品。

　　多使用者調研有助於深入瞭解目標受眾的細節，瞭解他們的需求和心理特徵。結合多使用者喜好，設計團隊能夠有方向地創造出對多使用者友好，貼合需求還可能吸引潛在多使用者的產品。

　　3 、結合認知心理學

　　認知心理學和資訊架構的搭建有著緊密的關聯。多使用者的視覺感知和影響多使用者注意力的因素，都可以透過認知心理學來進行判斷。資訊處理的科學是以人為中心的科學，有認知心理學的專家指出，人類感知資料的方式有很多，而影響注意力的因素則更是不盡相同。

　　基於認知心理學的原理和相關研究，設計師可以採用許多不同的技術來建立足夠有效的內容。在設計過程中，設計師常常會採用格式塔原理來構建佈局，巧用元素，這種利用視覺相似性和關聯性的心理學原理，適用範圍非常廣。而識別模式則更加有用，當多使用者訪問網站或者 WordPress APP 的時候，常常會期待看到特定的內容和功能，識別模式可以利用調研資料和經驗幫助設計師，快速搭建佈局和資訊架構。

　　4 、規劃導航系統

　　資訊架構和導航是數字產品當中重要的兩個組成部分。導航是網站和 WordPress APP 當中引導多使用者抵達不同目標和功能或者頁面的一組操作或者技術，作為頁面中主要的互動而存在。導航和資訊架構有著密切的關聯，資訊架構所構成的框架之下，導航作為抵達不同資訊區塊的路徑而存在。

　　通俗點說，數字產品當中，導航是基於資訊架構來梳理的，它終應該反映並支撐資訊架構，否則產品無法保證其一致性。當然，兩者雖然不是一個東西，但是在建立資訊架構的時候，同期針對導航系統進行規劃。

　　5 、別忘了視覺層次

　　為了更好地組織資訊、確定內容呈現的優先順序，設計師會結合資訊架構，使用視覺層次來有偏重地、視覺化的展現內容。無論是檔案、圖書、海報、網頁還是 WordPress APP，這些載體上所承載的內容，會按照每個元素的重要程度來有差別地展現，而這種差別通常是透過大小、色彩、對比度、對齊度來區別的。重要的資訊會更容易被多使用者注意到，便於他們輕鬆瀏覽。

　　6 、還要注意閱讀模式

　　視覺層次的構建使得數字產品內容的可讀性有了足夠的保障。不過，僅有視覺層次還不夠，設計師還應當根據產品形態，考慮多使用者的閱讀模式。

　　多使用者研究領域的先驅 Nielsen Norman Group 曾經針對這一多使用者行為進行了深入的研究，為設計師和可用性設計專家們提供了更好的素材和設計依據。

　　簡而言之，當人們訪問某個網站的時候，尤其是初次訪問網站的時候，他們通常不會特別仔細的檢視所有的內容，而是快速的掃視，找到能夠吸引他們注意力的資訊，這些內容就是他們繼續停留在這個網站上的理由。透過眼動測試和不同實驗，他們發現訪問者的視覺瀏覽模式，可以歸結為幾種典型的模式。設計師 Steven Bradley 在自己的文章中，總結了這三種常見的模式：古騰堡式，Z 圖模式和 F 圖模式。

　　古騰堡式：對於資訊結構層次並不那麼分明的網頁，多使用者常常會使用古騰堡式的瀏覽模式，多使用者大範圍掃視頁面內容，整個視線路徑是一個大號的 Z，其中開始的兩個視覺駐留點就在頁頭上。

　　Z 圖模式也不難理解，多使用者從上到下，視線沿著 Z 字形來回掃視，多使用者會左右快速掃視，視線的起點先是左上角，行跨頂部一欄到右上角，然後向下延伸。

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

　　多使用者先會沿著水平方向瀏覽，優先瀏覽內容塊的上部，這個時候的眼動構成了字母 F 上面一橫。

　　接下來視線會沿著螢幕左側向下垂直掃視，尋找段落中能引起興趣點的內容，當他們發現引起他們興趣的內容之時，繼續橫向仔細瀏覽，而通常這些內容對應的視線範圍會比次橫向瀏覽的範疇要更小一些，而這個視線軌跡則構成了字母 F 中間的一橫。

　　接下來多使用者會將視線移到螢幕左側，繼續向下瀏覽。

　　所以，將關鍵的元素置於多使用者的瀏覽路徑上，讓多使用者可以更輕鬆地消化資訊，也能高效地執行互動。

　　更多注意事項

　　資訊架構學科看起來很複雜，需要花費時間和精力來深入學習。可是當您瞭解了相關的基礎知識之後，再應用於設計專案的時候，您就會發現它是多麼的有用。根據 Tubik Stuido 之前的系列文章，我想列出關於資訊架構知識的一些要點：

　　資訊架構是構成數字產品的骨架，設計師可以根據資訊架構來構建視覺元素、功能、互動和導航

　　強大的資訊架構是產品質量的保證，它會減少掃可用性問題，提升導航性

　　資訊架構就像是整個佈局的藍圖，幫助視覺設計方案的生成