用灵魂感悟设计 · 用设计创造价值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您当前位置:  设计中国    ⁄    网页设计    ⁄ 资讯内容

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

作者:admin      来源:互联网      发布时间: 2017/11/15 14:02:22     浏览:
现在很多时候,你可能都会在移动界面的右上角看到“汉堡式菜单”,它们通常是三行堆积在一起,形状类似于一个汉堡,因为占用空间少,所以常被作为一个网站设计功能纳入网站菜单。

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

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

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

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

  汉堡式菜单缺乏效率

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

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

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

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

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

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

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

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

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

  如何打破禁锢

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

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

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

  GameStop使用动画图标,以提高可用性,同时也完全避免了汉堡式菜单。他们已经优先调查了用户最需要从他们的应用程序中获得什么,在其顶部菜单中只包括这些。这样在不需要一个抽屉式的菜单隐藏信息的情况下,该网站仍然达到一个干净,清新的外观。

  这些图标和文本结构会使你一眼就注意到文本内容,但是又同时保证不会抢了下方界面内容的风头。但是事实上你并不能时时刻刻根据下文内容来调节图标及文字的大小,这个时候,我们建议你使用纯文本的菜单或者网站,这样菜单就不需要了。无论哪种方法,首先考虑用户,根据用户特性进行设计。

  对于那些希望能减少浪费时间的用户来讲,你的菜单应该是一目了然的,同时也必须是易理解的。实现这点功能,你需要在其他地方妥协很多。如果你想要最大程度上调动用户的参与性,简单和易解这两点是必需达到的。当你困扰与菜单选项的优先次序时,记住把自己当作用户,从用户的角度出发。举个例子,你的文笔可能很好,很会写生活感悟,但是用户到你的网站来想看的是你的产品,那么文笔再好也是次要的,只能为了突出产品做陪衬。

  跟着你的直觉走

  如果你在作品中已经采用了汉堡式菜单或者它的一些变形,别急着马上用其他设计模式改变替代它,仍然有许多用户倾心于汉堡式菜单的易用性和独特魅力。特别是当开发一个移动应用时,在有限的空间中,汉堡式菜单就相当实用了。

  尽管汉堡式菜单目前饱受争议,但是如果你的网页特别适合采用汉堡式菜单,那就继续使用,只要保证你菜单中的所有部件都达到标准,能达到最佳的用户参与度。但是如果你仅仅是出于懒惰就直接选择了汉堡式菜单,那我认为你该重新思考一下自己的选择了。

  相较于那些比较容易淡出用户视线的元素,将重心多放一点在菜单选择和设计上面,但是比这个更重要的是那些能够提高转化效率,在正确操作下,用户会依靠菜单来浏览你的网站,但是如果他们发现通过菜单并不能满足自己的需求,那么他们就会反弹。无论是汉堡式还是其他样式的菜单,记住,它们都只有一个作用——改善用户体验。