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