fabiha01 發表於 7 天前

创意网站菜单设计和最佳实践

创造性地构思网站导航元素,可以让您的网站整体上更令人难忘。但在设计时,不要忘记网站导航的真正目的:让用户更轻松地查找和访问内容。
菜单 02 1500@2x
在构建或维护网站时,网站的可用性应是首要考虑因素之一。如果您的网站难以使用,用户就会失去使用意愿,甚至永远不会再访问。此外,在很多情况下,良好的可用性会直接转化为更好的SEO效果。

良好网站可用性的一些标志包括:

移动响应能力:越来越多的人通过手机访问互联网(谷歌认为这是其移动优先计划的一部分,对于搜索排名非常重要)。
页面加载速度:这是谷歌另一个重要的排名指标,因为它与用户与网站的互动方式相关。根据 Kissmetrics 的调查,47% 的消费者希望网页加载时间不超过 2 秒!
网站导航:根据 Orbit Media Studios 的说法,如果您的网站易于使用且内容易于查找,这将对您从搜索引擎获得的网站流量产生积极影响。
就本文而言,我们将重点关注网站菜单设计、最佳实践和菜单设计灵感方面的可用性。

继续阅读,或通过以下链接跳转:

网站导航
网站菜单设计导航的最佳实践
创意网站菜单设计的灵感
导航趋势
创意网站菜单设计和最佳实践
网站导航
网站导航是一个通用术语,指的是网站的内部链接架构。它的主要目的是帮助用户轻松找到网站上的相关内容。导航结构也构成了网站站点地图的基础,新加坡商业传真列表 这有助于像谷歌这样的搜索引擎巨头相应地索引您的网站。

当然,有效的网站导航由多个方面组成,但现在,我们将特别关注菜单,因为这通常是用户进入新网站时与之交互的第一页元素。

菜单导航
导航菜单通常位于网站的前端和中心位置(打个比方——不过,居中菜单会很有趣)。对于包含不同类别的网站,下拉功能是节省空间并满足分类需求的一种选择。

如今,为了体现极简主义(和移动可用性),许多网站都采用了汉堡菜单设计(本质上是一个正方形,上面有三条短横线,表示点击即可展开的菜单)。

Woocommerce 的 Storefront 主题在右上角提供了一个方便的示例:

网站菜单设计
汉堡菜单设计在移动网站设计中最为流行,因为开发人员需要在非常小的空间内创建可用的导航。当然,在移动网站上创建可用的下拉菜单可能非常困难!

尽管如此,许多设计师对汉堡菜单并不感冒,这引发了一场寻找创意方法,让网站导航既有趣又实用的新潮流。考虑到这一点,一个常见的网站菜单设计方法是将菜单导航永久放置在每个网页的顶部,以便用户可以轻松找到返回“主页”或查找他们感兴趣的下一个页面。

网站菜单设计导航的最佳实践
大多数 WordPress 主题都自带预定义的网站菜单设计。无论您是想保留原样,还是计划彻底重做,以下是一些兼顾可用性和 SEO 的菜单导航设计最佳实践:

尽可能避免使用下拉菜单。许多网站喜欢使用下拉菜单,因为它们节省空间,但不建议使用,尤其是在技术搜索引擎优化 (SEO) 方面。NN 集团的可用性测试发现,大多数人不喜欢下拉菜单。这是因为人眼的响应速度比手快,所以当人们已经决定点击哪个选项时,其他内容突然出现,会让人感到厌烦,从而导致某些页面的访问量下降。话虽如此,如果你正在设计的网站内容非常丰富,以至于下拉菜单设计必不可少,那么“超级下拉菜单”或许更容易被接受。
描述性强。避免使用“服务”或“产品”等泛泛的词语。相反,要具体说明您的产品或服务,因为没有人真正搜索“产品”或“服务”这些泛泛的词语。更好的做法是,在确定菜单项的具体名称之前,先通过 SEO关键词研究来证明其合理性。Orbit Media 建议使用描述性标签,因为这种做法在搜索引擎抓取网站时对用户和您都有好处。导航会出现在每个页面上,因此,如果您使用与您的行业相关的术语,您就是在提醒 Google,您确实关心这个主题。别忘了,只要每个页面专注于一个特定的主题,它就能获得排名。
此外,Orbit Media 建议不要使用基于格式的导航,例如按内容(例如所有视频、所有信息图表等等)排列页面。这是因为人们搜索时会根据主题而不是格式。
导航菜单中项目的位置(或排列)很重要。网站上通常会建议包含一些页面,例如“关于”页面、“联系”页面等——这些页面是网站访问者最常搜索的页面。这些突出的页面通常流量很高(因为它们被放在显眼的位置),但参与度通常较低。使用 Google Analytics(分析)来确定最重要的页面并寻找优化机会。将最重要的导航项目显示在最前面(或顶部,具体取决于菜单栏的方向)。
菜单项数量最多为 7 个。研究表明,人们一次最多只能记住或接收 7 条信息。菜单项类别过多可能会影响您的网站在搜索中的排名,因为谷歌可能会将过多看似不相关的类别解读为您的网站尚未锁定特定的细分市场。如果您知道需要的菜单项数量超过 7 个,请将它们进一步细分为子类别。
就上述观点而言,美联航的网站菜单设计过于复杂——用户需要浏览的选项太多了:

网站菜单设计
頁: [1]
查看完整版本: 创意网站菜单设计和最佳实践

一粒米 | 中興米 | 論壇美工 | 設計 抗ddos | 天堂私服 | ddos | ddos | 防ddos | 防禦ddos | 防ddos主機 | 天堂美工 | 設計 防ddos主機 | 抗ddos主機 | 抗ddos | 抗ddos主機 | 抗攻擊論壇 | 天堂自動贊助 | 免費論壇 | 天堂私服 | 天堂123 | 台南清潔 | 天堂 | 天堂私服 | 免費論壇申請 | 抗ddos | 虛擬主機 | 實體主機 | vps | 網域註冊 | 抗攻擊遊戲主機 | ddos |