2020-09

25

网站设计中最小导航的利与弊
  • 类型:专业观点
  • 编辑:Angle
  • 来源:www.szniegoweb.com
  • 网站设计发生了一段时间的转变:导航和菜单正在缩小。尽管有人反对汉堡菜单图标,但最小的导航样式和元素却越来越受欢迎。尽管并非所有最小限度的导航元素都使用这种样式,但肯定是过去几年中使用的视觉样式爆炸式增长。

    但这有效吗?你是否应该考虑对项目使用最少的导航?本期高端网站设计公司Angle将通过使用示例来了解一些优缺点。答案可能并不像你想的那么简单。


    网站设计


    设计趋势:最小导航
    最小的导航样式可以以不同的方式呈现,但最受欢迎的可能是带有汉堡图标。具有三个堆叠线的小草皮已经很普遍,以致大多数用户可以识别它。但是,当涉及到最少的导航时,共性似乎就此停止了。汉堡图标已发展为仅包含两行,在屏幕上具有不同的位置(可以在左侧,右侧或中间),有时还与其他导航元素组合在一起。有时,最小限度的导航根本不使用汉堡包。马上就可以看到,有很多选项可以最小化导航,但是却没有很多一致性。因此这种趋势会带来大量的设计机会和挑战。

    最小的导航优点
    在许多情况和网站设计方案中,使用最少的导航效果很好。最小的导航功能可以使设计引人注目而不会造成混乱,并且该概念正逐渐成为一种更普遍接受的用户模式。

    1、小型导航元素已成为常态
    得益于移动设备的主导地位,小型导航元素已成为常态。使用手机访问网站的用户习惯于精简菜单项,包括隐藏在汉堡式图标中的菜单项。一旦用户流或模式被普遍接受,就不用担心网站访问者的可用性或混乱了。而且,尽管在小型设备上通常很少进行导航,但是这带来了一个问题,即在台式机屏幕上是否会有不同的期望。

    2、用户完全知道你想要他们做什么
    只要用户了解你想要或需要他们做什么设计,最小的导航样式就非常有效。但请注意,最小并不意味着“不”导航。上面的“提升逻辑”中的最小样式导航显示了使用汉堡包菜单隐藏一些元素而主要项目仍然位于屏幕顶部时,如何有效地进行最小导航。这种中间的,最小的样式使设计易于使用,并创建了清晰的用户旅程。

    3、弹出和滑出导航可以提供更多信息
    关于最小导航的最好的事情之一是,当用户需要时,它可以扩展为包含更多上下文和信息的更具包容性的样式。此概念在上面的“四边形”设计中非常有效,该设计在扩展的导航弹出菜单中提供了指向整个网站内容以及社交媒体的链接。

    4、最小的导航为设计提供了更多空间
    最小导航的最佳设计元素之一是它可以清理画布的其余部分,因此网站设计可以呼吸和流动。你不会在屏幕顶部添加白色栏或淡入照片以容纳小的文本按钮的压力。这种干净的画布可以为设计中的特殊工作提供坚实的背景,使你不必担心导航是否妨碍或可读性。

    5、最小的导航力量给您考虑了其他“入口点”
    最后,最小的导航使你考虑其他方法来使用户专注于网站之旅。这可能包括整个设计中可点击的号召性用语,鼓励跳转到其他内容的卡片或按钮元素,或将用户定向到其他页面的方案。牢记此计划进行设计可以帮助你重新思考和重塑转化,并专注于网站和用户之间的关键操作交互。即使设计没有使其经过迭代阶段,思考最小的导航计划也可以帮助你集中精力实现项目目标。


    网站设计


    最小导航缺点
    最小导航并非适用于每个网站设计项目。选择这种样式(或是否选择)的大部分基础与内容和个人喜好有关。但是有一些更深层次的原因说明为什么最小导航可能不是最佳解决方案。

    1、一些用户找不到他们想要的东西
    最小导航的主要问题是用户有可能迷路。对于许多了解“主页”按钮是站点图标的用户而言,有些用户似乎无法找回。这些导航元素中的每一个都是如此。在转向最小的导航样式进行重新设计或设计调整之前,请查看一下你的分析和流量。有多少人正在使用这些元素?他们正在使用所有这些吗?这可以帮助决定你的计划。

    2、降低内容优先级
    最小的导航也可以以某种方式降低内容的优先级。大多数用户认为导航元素是网站设计中最重要的页面和内容。但是,如果那里什么都没有呢?他们如何知道下一步的导航位置?如果其余的设计不能帮助用户找到他们想要的东西,这可能会引起关注。最少的导航需要其余设计的支持才能真正有效。


    3、参与度可能较低

    考虑尝试导航的按钮样式设计,而不是汉堡包图标。这似乎是一个很小的布局调整,但是可以解决导航量少的最大问题之一,即低参与度。设计使按钮更具可点击性。更改设计并保持功能不变。测试一下。是否有更多用户点击?

    4、潜在的负面SEO影响
    页面上较少的单词为机器人和索引引擎阅读和理解你的内容提供了更少的机会。虽然这可能会对搜索引擎优化产生一些影响,但影响通常很小。如果用户快速弹跳或因为找不到内容而不喜欢设计,这对SEO的影响最大。请注意,因为这可能是湿滑的斜坡。

    5、在繁忙的设计中可能会迷路
    如果总体设计比较拥挤或忙碌,则最小化导航将带来挑战。如果没有太多的负担来携带菜单项,则这种样式可能会在设计中迷失方向,从而使其无效。因此,你确实会在白色或深色框中看到更多的粘性导航栏,即使有少量选择,也可以确保在播放视频,高彩色或动态图形或带有照片的照片时一目了然很多事情。

    就个人而言,导航的深度和优势取决于内容。没有深页面的小型网站可能不需要它,尽管我几乎总是觉得有电子商务的网站是必要的。(商店和购物车菜单项应始终存在。)另一个真正的因素是观众。年轻的受众群体或主要通过电话访问您网站的受众群体更容易看到并使用最少的导航。(传统菜单在这种格式下无法正常工作。)另一方面,桌面用户可以从导航菜单中的文字和选项中收集有关你网站的许多其他信息。

    这使这一主题变得困难。尽管最小限度的导航在所有设备上都变得越来越流行,但对于许多设备而言,更好的选择可能是在较大的设备(例如台式机)上更“完整”的导航样式,以及在电话或小型设备上的最小样式。与任何新想法或新概念一样,请注意你的分析和用户。如果你使用更简化的导航格式,并且用户退出了网站设计中的多个页面或关键页面,则可能需要重新考虑该决定。相反,你可能会发现导航并不是真正影响用户旅程的因素,并且最小的样式也很好,而且在美学上更令人愉悦。本期高端网站设计公司Angle就为大家分享到这里。