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

搜尋/結果網站模板模式

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

表單網站模板模式

表單型別眾多，也是最能體現使用者體驗是否良好的地方。

主體/細節網站模板模式

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

過濾資料組網站模板模式

分為橫向和縱向。開始定義一些已知資訊，之後通過限定條件對搜尋後的結果進行再過濾。

空白狀態網站模板模式

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

互動網站模板模式

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

分欄瀏覽網站模板模式

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

Q&A網站模板模式

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

電子表格網站模板模式

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

嚮導網站模板模式

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

儀表盤網站模板模式

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

平行面板網站模板模式

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

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

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

其他網站模板模式

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

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