14種常見的網站模板設計模式

搜索/結果網站模板模式

搜索屏幕模式對於想快速、直接看到具體結果的用戶來說非常便捷。從很簡單的到非常複雜的都有。而對於google學術的用戶，高級搜索限定更復雜的搜索條件會提煉出用戶更期望得到的信息。

表單網站模板模式

表單類型衆多，也是最能體現用戶體驗是否良好的地方。

主體/細節網站模板模式

主體/細節模式可以分爲橫向和縱向兩種。如果想讓用戶在同一頁面下，引導他們在類目下高效地切換，這無疑是一種理想的方式。如果主體信息對於用戶來說更重要，最好選擇橫向佈局。或是主體部分不僅條目多而且包含信息也多，那也該選擇這種橫向佈局。

過濾數據組網站模板模式

分爲橫向和縱向。開始定義一些已知信息，之後通過限定條件對搜索後的結果進行再過濾。

空白狀態網站模板模式

空白狀態指在任何數據輸入或進入系統前，應用的自然狀態。空白狀態的屏幕使得用戶更期待。通過給用戶一種預覽來降低擔心、沮喪和猶豫。空白狀態屏幕包括：視頻，快速教程，幫助提示，安裝後的截圖。

交互網站模板模式

交互模型屏幕模式應用在很多交互要素需要與關鍵項目進行交互的時候。是一種用戶體驗更貼近用戶心智模型的模式。在日曆、地圖、線狀圖、預設可能場景分析，所見即所得編輯器時應用效果非常好。

分欄瀏覽網站模板模式

分欄瀏覽也分爲橫向和縱向兩種。用戶可以通過它，選擇不同的類別點進並逐步引導用戶找到需要的信息。

Q&A網站模板模式

Q&A模式是指用戶通過選取相符條件，從而自主找到適合自己的解決方案。Q&A不同於搜索模式，它通常需要了解用戶基礎上，通過提問來幫助用戶弄清他們缺乏經驗的在哪裏有哪些可供的選擇或建議。

電子表格網站模板模式

方便用戶快速瀏覽，編輯大板塊信息的理想模式。電子表格需要提供下列功能：標準的表格，隱藏/顯示 欄目，重列欄目，分組，全局撤銷/重做，增加/插入/刪除排，鍵盤導航，導入和導出。

嚮導網站模板模式

對於複雜的或是不常見的流程，嚮導/快速啓動屏幕模式可以有效地導航。

儀表盤網站模板模式

一個設計完善的儀表盤應提供：一目瞭然的關鍵信息，實時數據，易讀的圖形和操作，清晰的入口和瀏覽。理論上講，在一個屏幕下展示覆雜的數據本身就很難。

平行面板網站模板模式

平行面板屏幕模式可以收起，也可以展開。這種模式適合組織大量類似或相互影響的'信息，讓用戶在同一頁面更高效的獲得信息。最佳應用在：需要申請者需要填寫各種沒有順序的類別目錄。

調色盤/畫布網站模板模式

調色盤/畫布雖然不算最常見模式，但它對於創造圖形類文檔有着不可替代的優勢：比如設計線性或非線性圖;流程圖;頁面佈局;制定物理大小的設計/圖表或控制佈局。

其他網站模板模式

- Tabs網站模板：其實Tab是一種部件，不是一種模式。它爲在多種同語境下的數據提供多選一選擇。如果數據結構導致你的設計tab顯得很多。有兩個小建議：第一，重新考慮架構。通過使用卡片分類或請教一名專業的信息架構師;第二，可以參考平行面板的規範和案例。

- 門戶網站模板：如果你是市場調研專家，商業需求分析師和用戶反饋調研員設計門戶，可以參考控制面板的設計規範和案例。