Navigation menu

0755-8229-8336
  • Contact us
  • 0755-8229 8336
  • 深圳市罗湖区人民南路国际商业大厦20楼(地铁1号线国贸站E出口既是)

    szniego@126.com


    © 2007-2020 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 集团网站设计应该避免的导航错误

    时间:2020-11-24  作者:Angle  来源:www.niegoweb.com

    网站的导航是集团网站设计中最重要的元素之一。访客需要使用导航来浏览网站并快速找到所需的信息。如果导航令人困惑或以任何方式使用户绊倒,您将冒着使他们感到沮丧并完全离开站点的风险。简而言之,网站导航应该清晰直观。为了实现这些特征,高端官网定制Angle为大家概述了在网站导航设计中确实需要避免的7个错误。


    集团网站设计


    1、太多选择
    给一个人15个选项供您选择,比您只给他们8个选项要花更长的时间。某人可以做出的选择越少,他们就可以更快地评估这些选择并做出决定。不幸的是,当涉及网站导航时,许多公司试图将所有可能的内容塞入其网站的主导航栏中,以使访问者可以立即访问所有页面选项。这听起来似乎是个好主意,因为使内容易于访问是一个值得的目标,但是导航链接的过载实际上将导致反向触发。他们不会让访问者轻松地查看可用的页面,而会因选择范围之广而变得不知所措,并且无法快速决定下一步的操作。

    这些人开始质疑下一步应该单击什么的那一刻,您冒着风险,他们实际上将要单击的是“后退”按钮,该按钮会将他们带离您的网站及其混乱的导航方案。在规划和设计网站的主要导航时,请积极编辑该菜单,使其尽可能少,最重要的是通过预先提供较少的选项,您实际上会鼓励人们做出更快的选择,并更深入地进入您的站点。

    2、错误的选项
    人们在计划站点导航时(尤其是当他们开始决定要在主导航中保留什么以及要转到小节导航时)犯下的另一个错误是,他们剪切了错误的项目并留下了对站点实际不重要的链接听众。请记住,集团网站设计必须满足使用网站的人们的需求。因此对他们而言重要的内容或功能应重点关注。诸如“总裁致辞”之类的链接对于公司的首席执行官可能很重要,但是,如果该公司的客户没有在寻找该内容,那么将其放置在导航行中就会被误导,尤其是如果该内容位于导航行中而不是该链接实际上对网站的客户很重要!

    3、响应式站点
    当今的网站可以通过各种设备和屏幕尺寸进行访问。仅使用大型的台式机监视器来访问网站内容的时代已经过去了,因此,要想在当今的网站上取得成功,站点及其导航必须适应如此广泛的屏幕。导航方案通常只为大屏幕监视器设计。在较小的屏幕(包括平板电脑和手机)上,该导航会中断并且无法使用。这就是为什么需要使用响应性方法来构建网站以支持多设备的原因。使用响应式站点,可以针对不同的屏幕尺寸重新设计导航,以确保始终清晰易用。像Webydo这样的平台及其像素完美的响应式编辑器,是为网站将要显示的各种大小设计不同导航方案的好方法,借助Webydo的无代码开发平台,一旦设计了导航和页面,他们可以轻松地发布为工作网页!

    4、飞出菜单混乱
    在您为网站的主菜单向下编辑选项数量时,您将开始查找更好地显示为子菜单的链接和页面。例如,主导航可能具有“我们公司”的选项,并且在此按钮/部分下方,您可能具有其他选择,尽管对于站点而言是必需的,但并不足以保证主导航的放置。这些可能包括:
    • 公司历史
    • 领导班子
    • 感言
    • 招贤纳士


    呈现这些子菜单的方法之一是使用下拉菜单或弹出菜单。将鼠标光标悬停在顶级链接上后,便会在此处显示菜单。这种处理虽然很常见,但是可以防止一些挑战。例如,在技术上没有“悬停”状态的触摸屏设备上,您要确保用户仍然可以访问链接。您还希望避免弹出菜单具有3个或更多级别。导航具有来自其他弹出菜单的弹出菜单的菜单系统通常很困难,因此请避免在集团网站设计的任何站点中使用这些笨拙的菜单。如果您想了解有关哪种导航类型最适合您的站点的更多信息,导航设计模式的重要性将使用一些最热门的网站和网页应用程序中的示例讨论各种类型的导航系统。

    5、不一致
    一旦有人弄清楚如何使用您的导航菜单,并且他们对所有内容都感到满意,就不要在其上进行任何更改!集团网站设计应在整个体验中保持一致的导航,对于菜单的每次迭代,跨设备以及无论它们位于哪个页面。子菜单可能会在页面之间变化,但主要的导航或控件应设置为石头。

    6、太长
    编辑站点的导航选项以显示较少的选择很重要,但是您还需要确保保留的选择的文本标签简短而优美。仅当“我们的公司”,“公司”,“关于我们”或“关于”都可以正常工作时,不需要显示“关于公司的全部”的链接。这似乎不是一个大的编辑,但是我们已经从4个单词变为1个或2个单词。如果您在整个导航栏中进行这样的编辑,那么您将有效地减少了人们必须处理的文本量,同时仍能为这些链接传达适当的内容。

    7、错误的语气
    每个网站都有一个基调。这种语调可能是宽松而友好的,也可能是专业而直接的,或者是许多其他可能性。无论网站的语气是什么,导航的语言都应该反映出来。如果一个网站要友好和乐于助人,那么一个链接为“我们如何提供帮助”的链接可能比一个简单的“服务”更合适。通过了解网站消息的语气,您可以设计与该语气一致的导航。是的,在这种情况下,第一个文本比第二个文本长得多,这似乎与本文中介绍的其他技巧相反,但是请记住,目标不一定是使文本尽可能短,而是要在总体上做出正确的选择。这的确包括正确的文本长度,但也包括正确的音调,选项等。如果您正在为自己的网站导航寻找设计解决方案或想法,请查看此文章。

    网站导航的设计可以带来或破坏一种体验。通过确保导航结构清晰且易于使用,可以鼓励访问者在网站上花费一些时间,并帮助将他们定向到对他们来说很重要并且对您的业务很重要的内容或功能。

    相关标签

    相关案例

    OTHER CASE