YPS客服聯系方式
0532-8878113113165158935
行業門戶系統知識普及 ? 網站目錄(導航)設計問題

網站目錄(導航)設計問題

奈薇網站制作 2019-08-16 13:23發表
閱讀次數 1300
  對於那些架構龐大、層次很深的網站,目錄的設計十分之重要。一旦設計得不好,很容易讓用戶有lost的感覺。要如何解決這個問題,小弟至今仍然沒有一個完美的解決方法。因此小弟比較幾個網站的目錄設計手法,並在此跟大家分享一下所得。

  設計師常常會以顏色、字體、位置大小來突出當前被選中的選項。但對於多層次的網站,可能會有多過一個選項被選中的情況。雖然設計師可以同時突出多個項目,但當被突出項目太多的時候,反而會造成用戶認知的困難。正如Digg網站的頂部目錄(左方),分為上、中、下三列;三列中又包含五種不同功能的連結,分別為

  JoinDigg/About/LoginArticlecategoryPopular/UpcomingTypeofdigg(News/Videos/Images)Customize(因大小關係,不在截圖中)這數目我覺得已經很誇張了,當中更可同時有三個項目被選中(Word&Business,Videos,Popular),並運用了7種顏色(2種藍、4種不同深淺的綠、紅式的icon),如此複雜的設計應該很難為人一下子理解吧。其他細節都做得很到位,唯獨是目錄太過瘋狂了一點。再看看funP的目錄又如何:

  相較之下,我覺得funP的目錄清晰得多了。不是因為funP的功能比較簡單,實際上,funP網站的層次比Digg更加深、功能更加多。funP的目錄看上去更清晰,全因它把不相關的功能/連結都分別放在不同地方,而不像Digg般都堆在一起。看看下方兩張圖就會明白:

  這個是所有色塊都在上方。

  當然,說到架構龐大,應該沒人及得上Yahoo!了。下面是Yahoo的做法

  [Before]Homepage

  [After]Contentpgae

  Yahoo向來都會為不同服務設計一個獨立的頁面,而不是一種風格套用到整個網站中。所以如果用戶想轉換服務,必須點左上角的連結。你不會在一個子網站的目錄中找到其他服務的身影。雖然比較麻煩,比每個子網站的架構都會因此簡明得多,funP亦是用此方法。另外Yahoo!TV的目錄設計新穎,結合了tab、breadcrumbs於一身,雖然尚未被廣泛接受,但仍然很值得參考。

  無論如何,有些問題是難光靠設計便能解決的。如果網站的架構混亂,再好的設計也是難以起死回生,反之亦然。

網站目錄(導航)設計問題相關標簽:地方門戶行業網站制作行業門戶系統垂直門戶網站
相關熱點推薦
個人經驗教訓及建議與大
行業門戶網站的優化
供應鏈系統、ERP管理
企業門戶網站主要解決什
網站目錄(導航)設計問
供應鏈管理系統開發公司
好友列表利用率越高,社
如何正確的運營行業門戶
行業門戶網站怎么做推廣
垂直門戶網站的內容層次
你對網站的未來是怎么樣
從幾個文學網站談文學網
構建完善的互聯網產品文
探討網站與電子商務系統
網站“注冊流程”如何“
行業門戶網站常用的模塊
商業網站設計之美往往來
網頁設計如何促進內衣品
淺談醫療行業門戶網站發
行業門戶網站的設計思考
旅游行業網站門戶網站的
外鏈建設,務必抓住行之
門戶網站發展趨勢
行業門戶網站的優勢
客戶虐我千萬遍我待客戶
獨立B2C商城系統引領
怎么經營服裝行業門戶網
網站點擊量與排名的關系
供應鏈金融的業務模式
污泥處理行業門戶網站建
網站改版前需要注意的幾
怎么組建地方門戶網站?
如何讓百度收錄更多的網
行業門戶網站的靠什么盈
如何將新聞做成偽原創
直播電商系統開發公司詳
行業門戶網站設計理念
商業網站設計主要原則
如何做好網站設計?
行業門戶網站掙錢嗎?
堡垒之夜手机版怎么调中文2019
牛盛配资 极星策略 私募基金配资利率 盛鑫配资 云南铜业股票行情 股票融资的类型 排名前十的股票配资平台 2010年3月上证指数 上海期货配资网 好配资 政府鼓励个体投资电影 658金融网 腾讯财经股票 金河配资 投资理财平台力荐.中欧钱滚滚 万盈网配资