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

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

奈薇网站制作 2019-08-16 13:23发表
阅读次数 2074
  對於那些架構龐大、層次很深的網站,目錄的設計十分之重要。一旦設計得不好,很容易讓用戶有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技
行业门户网站优化思路
B2B电子商务网站建设
怎样拓展网站内容
视频直播平台与多行业融
行业门户网站的推广方法
什么是响应式网站设计
一文读懂SRM供应商关
处于核心地位的仓库管理
如何正确的审识一幅优秀
什么是一个好的网站设计
浅谈如何推广行业门户网
地方门户网站的推广经验
行业门户网站的优势
如何定位自己的网站
社区类网站得一般设计思
怎么建设行业门户网上商
怎样经营行业门户网站?
注意你的网站布局对访者
如何让网站留住更多读者
行业门户网站的靠什么盈