欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

网页设计中汉堡式菜单的利与弊

发布时间:2017:11:17 00:07:32 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1628个文字,预计阅读时间5分钟
导语
现在很多时候,你可能都会在移动界面的右上角看到“汉堡式菜单”,它们通常是三行堆积在一起,形状类似于一个汉堡,因为占用空间少,所以常被作为一个网站设计功能纳入网站菜

  现在很多时候,你可能都会在移动界面的右上角看到“汉堡式菜单”,它们通常是三行堆积在一起,形状类似于一个汉堡,因为占用空间少,所以常被作为一个网站设计功能纳入网站菜单。

  虽然汉堡式菜单在提供简练的信息和简约设计上有着巨大的优势,而且能使网站本身看起来十分简洁,但是也存在着巨大的缺点。

  

网页设计中汉堡式菜单的利与弊

 

推荐阅读:30个3d网页设计欣赏

  无论你怎么称呼它,侧边栏,抽屉式导航还是汉堡式菜单,随着时间的推移,总会有一个新的事物来代替它来提高用户参与度。许多人在网页设计中的汉堡式菜单上抱有争议,以“眼不见,心不烦”这种思路来设计会降低用户的参与度和网站的功能性。并且会降低转化率。

  使用目标菜单来保护宝贵的界面空间的设计思维像野火一样蔓延了整个网页设计界,汉堡式菜单这种设计方法几乎在全线每一个网站都迅速被采用。现在改变这种方式可能为时已晚,但是讨论汉堡式菜单的利与弊仍然具有价值,因为用户的需求发生了改变。

  汉堡式菜单缺乏效率

  一个汉堡式菜单最基本的缺陷就是位于移动应用上突出的位置 – 左上角。对于习惯用右手操作的用户而言,这个位置显然并不完美,并且不适合订阅。

  在用户能看到他们选择的内容之前,他们必须轻点菜单,当确定这是要找的正确信息时,还得再点击一次。如果想要回到菜单导航,他们还必须在多屏幕中进行多次点击,选择“是”或者“返回”等多次操作才能退回。单次看起来这可能不会有什么,但这使一个用户找到正确界面的时间成本大大的增加了,用户对这种操作越熟悉越觉得不妥,于是越来越多的用户会抱怨这个模式。

  在当今这个竞争异常激烈的市场,是什么让你的网站脱颖而?是用户,所以你所有的出发点和围绕中心都必须是用户。当你用汉堡式菜单简练的概括了你网站的所有功能或者内容的时候,你就必须了解,可能存在这样的风险,你的用户将不会看到你的品牌到底哪里与众不同。这伤害了整体品牌的知名度和转换率,对于推广你的产品也毫无益处。

  

网页设计中汉堡式菜单的利与弊

 

  用户可能偏向“热狗式”菜单

  虽然设计师们很快完成了汉堡式菜单设计的革命,这种设计清新,,美观并且十分简约大方,但是他们忽视了一个重要的因素——用户需求。很多用户并不知道这种菜单提供了什么,或者不愿意去点击它。他们依然面无目的的在你的网站中搜索着他们需要的信息,当时这是徒劳的。

  与此同时,还有这样一批网站,它们将用户寻求的信息设置在用户一眼就能看到的地方,用户不必一个个的翻找隐藏的选项,而且不用担心自己会漏掉信息。许多网站都选择了概括式途径和恢复上一级菜单的设计方式(比如将其水平排列在顶部菜单),并且看起来效果很不错。

  汉堡式菜单的简练使文本信息不易被发觉,而现在的情况是,一个普通用户如果查看页面十秒钟不能发现或者理解他想要的信息,他会马上离开,汉堡式菜单要求用户有快速的发现能力,但这点很难实现。虽然汉堡式菜单相当吸引人,但却忽视了用户的实际水平。

  用户通常很难理解一个汉堡包的菜单,而传统的菜单不能不立即被理解 。于是很多人会产生抱怨,网站试图通过改变菜单包括后退按钮或其他选项,如在汉堡式菜单图标的旁边添加文字,使之更加人性化,以减轻用户的不满。

  

网页设计中汉堡式菜单的利与弊

 

  但是许多改变只会使用户对于菜单栏更加困惑,现在许多汉堡式菜单样式和用户在使用菜单之前,都必须先搞清楚那些选项可以使用才能使用正确的导航功能。你应该多想想其他选择,而不仅仅只是假设汉堡式菜单包含和作用于所有网址导航。

  如何打破禁锢

  在许多情况下,你可以优化汉堡式菜单使其具有更高的可用性,或将其替换成别的导航选项。但是有时,你只需将汉堡式菜单移动到屏幕的右侧,就足以使你的网站看起来独特并提高用户的参与,因为右侧更容易挖掘习惯右手的用户。

  同样,你可以优化菜单的点击方式。在顶部菜单中,用户通常都会将他们的注意力集中在第一个和最后一个元素,这两个地方同样是你放置重要信息的地方。如果你将菜单设置在侧边栏中,你需要从高到低排列不同重要程度的信息,以符合用户垂直扫描的视图习惯。

  你同样可以恢复到汉堡式菜单最初的模式,创造一个经典的用户友好的顶部菜单,比如下面这个例子:

  

网页设计中汉堡式菜单的利与弊

 

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:“低保真到高保真”需要多少次的推敲与考量

下一篇:全球化设计系列!国际化产品设计有哪些需要注意的事项?

  • 18900 文章总数
  • 2375489访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信