不要误会,如果访问者无法轻易找到所需的内容,那么最令人印象深刻的产品丰富的网站将无法将访问者转化为付费客户。许多网页设计师忘记导航菜单仍然是您的网站新访客查找的#1元素。导航菜单 - 无论是简单的或奢侈的设计 - 都必须易于查找和使用。
我们如何做到这一点?
首先,您需要考虑大多数人如何使用互联网。Axios 有一个伟大的作品,证实桌面流量基本上在周末死亡。Smart Insights具有更多的图形和统计信息,表明优化移动设备是绝对必要的。
以下三种方式来优化当今Web用户的导航菜单:
#1 - 优化所有设备,特别是移动设备
您的首要任务是您的导航菜单在所有显示器上都能完美工作。我们已经看到和使用的一个非常常见的导航菜单设置是将桌面和/或景观导向显示器的水平对齐,并切换到智能手机和/或纵向显示器的垂直对齐方式,智能手机用熟悉的图标标识菜单:
对于我们熟悉网络的人,我们了解条形图标(即“汉堡菜单”)的含义。这种视觉参考永远存在于我们的记忆中。但是,我们知道有大量的人不会得到这个视觉参考。为了让您的菜单得到所有人的真实访问,我们建议您在条形图标旁边添加一个文本参考,如“ 菜单”或“ 浏览”。这样,菜单位于移动显示屏上就不会有混乱的地方。
#2 - 开发直观的导航
什么是直观的导航,我们如何设计到我们的网站?那么,我们可以告诉你直觉导航不是什么; 它不是华丽的或创造性的设计,以娱乐或区分您与其他“沉闷”网站在那里。简单的定义,直观的导航实现了您网站的所有设计元素的熟悉和一致的外观。
#3 - 了解您的菜单类型
我们已经在主导航中触动了很多,但还有其他菜单类型 - 正确使用时,会进一步优化您的网站,并增加易用性。
主菜单
设计师和开发者喜欢称之为“顶级酒吧”,因为它被普遍接受,这个酒吧位于每一页的顶部。这是您的主菜单,可让访问者浏览您网站的各个页面。主菜单设计应与其余设计元素相一致。请记住,这是访客将使用的第一个互动点。
面包屑
面包屑菜单赞美您的主菜单,并向人们展示他们现在所在的基本路径。基本上说,这是相当于您在商场目录中看到的“你在这里”的贴纸。例如,请参阅以下硬件商店主题的导航条目菜单:
网站地图
Sitemap有用且经常被忽略的菜单。网站地图菜单显示在其自己的网页上,并包含您网站上所有页面的分层,自上而下的有组织的列表。这是您的网站的简单路线图,主要由使用屏幕阅读器的人使用。屏幕阅读器的人们在世界上对于您的主菜单并不关心,因为他们是盲目的或有视觉障碍,消除了他们对视觉线索的需求。站点地图对于这些访问者来说是完美的,因为它消除了让读者努力通过您的样式主菜单浏览的所有惊喜。
分页链接
如果您有电子商务或在线店面,您可能会销售不少产品。可能出现的一个问题是,当用户搜索每个产品时,浏览器会将页面上的每个项目列出。剩下的是非常不可用的产品列表。这是您要设置分页系统和菜单的地方; 系统将所有项目分割为仅显示每页X个量的单独页面。菜单然后将允许用户从一页到另一页找到他们要找的内容。
回到顶部
对于需要用户向下滚动的大量内容的网页,拥有页面右下角的“返回顶部”链接或按钮可让访问者返回到网页顶部,其中一个点击,而不需要一直向上滚动。
页脚链接
在页脚中放置菜单链接是一种较新的策略,但具有优点。有些人会问:“ 为什么页面顶部和底部有重复的链接?“如果您考虑到这一点,访问者可以在阅读页面上的内容后,欣赏页面底部的快速链接。这只是一个偏好的问题,通常在你的页脚中有一个小菜单是一件好事。但这并不意味着你需要每一个在顶部和底部的菜单都的每一个环节。考虑您最热门的网页以及链接到主页,关于我们页面和联系页面。
没有适当的菜单,您的网站将是一个混乱和令人信服的内容混乱。无论您的网站内容是简单还是复杂的,正确的导航系统会将潜在的混乱(和失去客户)变成一个顺利而愉快的旅程。