- 相關(guān)推薦
14種常見的網(wǎng)站模板設(shè)計(jì)模式
搜索/結(jié)果網(wǎng)站模板模式
搜索屏幕模式對(duì)于想快速、直接看到具體結(jié)果的用戶來說非常便捷。從很簡(jiǎn)單的到非常復(fù)雜的都有。而對(duì)于google學(xué)術(shù)的用戶，高級(jí)搜索限定更復(fù)雜的搜索條件會(huì)提煉出用戶更期望得到的信息。
表單網(wǎng)站模板模式
表單類型眾多，也是最能體現(xiàn)用戶體驗(yàn)是否良好的地方。
主體/細(xì)節(jié)網(wǎng)站模板模式
主體/細(xì)節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁(yè)面下，引導(dǎo)他們?cè)陬惸肯赂咝У厍袚Q，這無疑是一種理想的方式。如果主體信息對(duì)于用戶來說更重要，最好選擇橫向布局�；蚴侵黧w部分不僅條目多而且包含信息也多，那也該選擇這種橫向布局。
過濾數(shù)據(jù)組網(wǎng)站模板模式
分為橫向和縱向。開始定義一些已知信息，之后通過限定條件對(duì)搜索后的結(jié)果進(jìn)行再過濾。
空白狀態(tài)網(wǎng)站模板模式
空白狀態(tài)指在任何數(shù)據(jù)輸入或進(jìn)入系統(tǒng)前，應(yīng)用的自然狀態(tài)�？瞻谞顟B(tài)的屏幕使得用戶更期待。通過給用戶一種預(yù)覽來降低擔(dān)心、沮喪和猶豫�？瞻谞顟B(tài)屏幕包括：視頻，快速教程，幫助提示，安裝后的截圖。
交互網(wǎng)站模板模式
交互模型屏幕模式應(yīng)用在很多交互要素需要與關(guān)鍵項(xiàng)目進(jìn)行交互的時(shí)候。是一種用戶體驗(yàn)更貼近用戶心智模型的模式。在日歷、地圖、線狀圖、預(yù)設(shè)可能場(chǎng)景分析，所見即所得編輯器時(shí)應(yīng)用效果非常好。
分欄瀏覽網(wǎng)站模板模式
分欄瀏覽也分為橫向和縱向兩種。用戶可以通過它，選擇不同的類別點(diǎn)進(jìn)并逐步引導(dǎo)用戶找到需要的信息。
Q&A網(wǎng)站模板模式
Q&A模式是指用戶通過選取相符條件，從而自主找到適合自己的解決方案。Q&A不同于搜索模式，它通常需要了解用戶基礎(chǔ)上，通過提問來幫助用戶弄清他們?nèi)狈?jīng)驗(yàn)的在哪里有哪些可供的選擇或建議。
電子表格網(wǎng)站模板模式
方便用戶快速瀏覽，編輯大板塊信息的理想模式。電子表格需要提供下列功能：標(biāo)準(zhǔn)的表格，隱藏/顯示 欄目，重列欄目，分組，全局撤銷/重做，增加/插入/刪除排，鍵盤導(dǎo)航，導(dǎo)入和導(dǎo)出。
向?qū)ЬW(wǎng)站模板模式
對(duì)于復(fù)雜的或是不常見的流程，向?qū)?快速啟動(dòng)屏幕模式可以有效地導(dǎo)航。
儀表盤網(wǎng)站模板模式
一個(gè)設(shè)計(jì)完善的儀表盤應(yīng)提供：一目了然的關(guān)鍵信息，實(shí)時(shí)數(shù)據(jù)，易讀的圖形和操作，清晰的入口和瀏覽。理論上講，在一個(gè)屏幕下展示復(fù)雜的數(shù)據(jù)本身就很難。
平行面板網(wǎng)站模板模式
平行面板屏幕模式可以收起，也可以展開。這種模式適合組織大量類似或相互影響的信息，讓用戶在同一頁(yè)面更高效的獲得信息。最佳應(yīng)用在：需要申請(qǐng)者需要填寫各種沒有順序的類別目錄。
調(diào)色盤/畫布網(wǎng)站模板模式
調(diào)色盤/畫布雖然不算最常見模式，但它對(duì)于創(chuàng)造圖形類文檔有著不可替代的優(yōu)勢(shì)：比如設(shè)計(jì)線性或非線性圖;流程圖;頁(yè)面布局;制定物理大小的設(shè)計(jì)/圖表或控制布局。
其他網(wǎng)站模板模式
- Tabs網(wǎng)站模板：其實(shí)Tab是一種部件，不是一種模式。它為在多種同語(yǔ)境下的數(shù)據(jù)提供多選一選擇。如果數(shù)據(jù)結(jié)構(gòu)導(dǎo)致你的設(shè)計(jì)tab顯得很多。有兩個(gè)小建議：第一，重新考慮架構(gòu)。通過使用卡片分類或請(qǐng)教一名專業(yè)的信息架構(gòu)師;第二，可以參考平行面板的規(guī)范和案例。
- 門戶網(wǎng)站模板：如果你是市場(chǎng)調(diào)研專家，商業(yè)需求分析師和用戶反饋調(diào)研員設(shè)計(jì)門戶，可以參考控制面板的設(shè)計(jì)規(guī)范和案例。
[14種常見的網(wǎng)站模板設(shè)計(jì)模式]相關(guān)文章：
1.14種常見的網(wǎng)站模板設(shè)計(jì)模式
2.網(wǎng)站優(yōu)化:該如何為網(wǎng)站選擇合適的KPIs?
【14種常見的網(wǎng)站設(shè)計(jì)模式】相關(guān)文章：
常見的網(wǎng)頁(yè)布局設(shè)計(jì)模式07-14
互聯(lián)網(wǎng)創(chuàng)業(yè)常見有哪幾種網(wǎng)站模式類型？07-10
解析職場(chǎng)的常見跳槽模式07-04
網(wǎng)站優(yōu)化中的常見現(xiàn)象07-14
網(wǎng)站設(shè)計(jì)的總結(jié)01-31