YPS客服联系方式
0532-8878113113165158935
行业门户系统知识普及 » 网站目录(导航)设计问题

网站目录(导航)设计问题

奈薇网站制作 2019-08-16 13:23发表
阅读次数 1591
  對於那些架構龐大、層次很深的網站,目錄的設計十分之重要。一旦設計得不好,很容易讓用戶有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於一身,雖然尚未被廣泛接受,但仍然很值得參考。

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

网站目录(导航)设计问题相关标签:门户网站开发门户网站设计行业门户网站制作行业网站建设
相关热点推荐
旅游行业网站门户网站的
酒店电商平台解决方案
o2o零售电商系统开发
行业门户网站如何盈利?
怎样拓展网站内容
专题类的网页设计要点
怎么建行业门户网站
用户体验良好的网站其主
企业信息门户网站建设方
如何正确的运营行业门户
行业门户网站设计的N技
怎么建设行业门户网站?
社区类网站得一般设计思
旅游网站电商系统开发方
供应链管理系统开发公司
如何提升一个网站用户体
什么是一个好的网站设计
搜索引擎蜘蛛理解相关性
从几个文学网站谈文学网
学校教育行业门户网站怎
农村电商平台有哪些盈利
多用户商城系统方案:技
资讯类网站版块之间的排
创建地方门户网站系统有
如何正确的审识一幅优秀
网友只用50毫秒就可判
行业门户网站优化思路
新零售时代想要开店必须
个人网站真能转成商业网
从事互联网行业7年谈谈
增加网站流量的10种方
网站设计切图与重构的质
直播电商系统开发公司详
政府门户网站建设四大误
怎样经营茶行业门户网站
公司运作地方门户网站的
你对网站的未来是怎么样
维护电商网站需要注意什
品牌网站与营销型网站设
做一个不一样的网站?