如何设计企业网站导航

发布时间:2020-06-01 09:38:00

大屏幕中的导航菜单不能太小。如果有足够的空间,不要隐藏菜单。

大屏幕中的导航菜单不能太小。如果有足够的空间,不要隐藏菜单。

通常用户会希望在他们访问过的网站或应用程序中类似的地方(如网站顶部、左侧等)找到他们想要的UI元素。

如果菜单选项看起来不可单击,则用户可能无法将其识别为导航。如果我们的导航设计包含了太多的图形,或者过于强调平面设计风格,会使它们看起来更像装饰图片或标题。

许多导航菜单周围都有一点空白,以便在视觉上突出显示。但是,当网站的用户界面元素拥挤时,如果导航菜单的视觉比例太弱,就会在各种图形、促销广告、标题中丢失,不易被用户识别。

即使是熟悉上述规则的设计师设计的导航菜单也可能被用户忽略,因为他们很难客观地评价自己的作品——特别是当他们遇到更主观的设计标准时,比如哪个UI元素应该具有更明显的视觉效果。如果你知道你的导航菜单在哪里,你可以一目了然,因为它是由你设计的。因此,有必要让用户参与身份验证。

用户成功导航的一个最基本的标准是他能找到自己:“我在哪里?”通常选择的菜单选项在视觉上与其他选项不同,这些选项可以帮助用户知道它们在哪里(或浏览面包屑)。如果你不让用户知道他们在哪里,并导致他们迷路,你将在网站设计中犯最基本的错误。具有讽刺意味的是,用户并不总是通过主页到达目的地页面,因此导航菜单对用户意义重大。

知道用户在寻找什么,并使用类似和相关的类别标签。记住,导航菜单不会用自己的语言和行话愚弄人们。使用准确描述网站内容和功能的术语。

减少用户阅读菜单特定内容的时间,例如使用左对齐的垂直菜单或前置关键字。

二级菜单应该很容易找到

对于大型网站,允许用户通过导航菜单预览子内容。对于喜欢挖掘网站各级内容的典型用户,下拉菜单可以让用户快速浏览,节省时间。

如果用户喜欢经常比较一些相似的产品,或者在某个场景中完成多个任务,可以将这些相邻的页面做成本地导航菜单,这样用户就不需要在复杂的路径中“上下跳跃”。

使用视觉传达。图像、颜色等元素可以帮助用户了解菜单选项,同时也可以确保这些图形起到了积极的作用(至少不会让操作变得更加困难)。

如果导航菜单选项过小或过于接近,会给移动用户带来很大的麻烦;如果大屏幕网站的导航菜单选项也采用这种方式设计,操作起来会比较困难。

鼠标悬停触发的下拉菜单渲染时间太短,无法给用户带来挫败感,因为在用户单击菜单中的链接之前,下拉菜单将消失。另外,垂直导航菜单过长不利于底部选项的点击,除非滚动屏幕。最后,鼠标悬停触发的下拉菜单不能太宽,否则用户会误以为是新页面,想知道为什么在点击前会出现一个新的“页面”?律师网站建设

当页面内容很长时,可以考虑使用吊顶(或固定底部)菜单。要返回到第一个屏幕,浏览到页面底部的用户需要反复滚动鼠标(移动端不断向上移动屏幕);如果导航可以暂停和吸收,用户可以轻松切换其他菜单选项。这对小屏幕场景很好。

当有许多下拉菜单时,您可以通过将最常单击的链接放在离鼠标悬停选项最近的位置(移动端类似)来缩短鼠标移动的距离。最近,一些应用程序中流行的饼状菜单围绕着菜单的所有菜单选项(有些是半圆),因此每个选项链接的物理单击距离最短。


17742004931 联系我们,谈您的需求

立即咨询 立即建站