品牌创新驱动商业变革

品牌战略定位 + 品牌形象塑造 + 商业体验空间

目前网站设计中流行的汉堡菜单在PC网站上有效吗?

我们有移动设备,他们的设计师和开发人员要感谢汉堡包菜单和它越来越受欢迎。然而,现在越来越多的桌面网站也采用这种设计和导航解决方案。

由于移动设备的屏幕较小,屏幕空间显得格外重要。设计师必须优先考虑哪些设计选择优先于其他选择。他们还必须聪明地利用较小的空间。汉堡包菜单仅在用户主动单击符号时显示导航标题和选择。否则,它是一个谨慎的,几乎看不见的图标,通常位于网站移动或桌面的左上角或右上角。

说这是极简主义的缩影是轻描淡写的。由于它提供了最高的功能,同时又不碍事,它正被越来越多的设计师所使用。

 ;

汉堡极简主义

最近几年最持久的设计趋势之一是极简主义,因为它注重干净、简单和易于驾驭的美学。毫无疑问,汉堡包菜单之所以受欢迎,是因为无论是在设计还是功能上,它都在任何网站上推广极简主义。

001

设计师布莱恩·霍夫在他的网站上对此非常理解。注意主页右上角的隐藏菜单。从设计的角度来看,它是干净和简单的,因为它不显眼地放在那里,直到用户决定要继续前进并单击它打开导航选项。但从功能的角度来看,这也是一个极简主义的研究,因为用户只需将光标悬停在图标上并点击它,就可以与之交互。然后,屏幕右侧会出现一个弹出菜单,其中只有几个导航选项。别紧张!

当然,这也会影响用户体验,因为任何试图浏览Brian网站的人都会喜欢使用这个最简单的隐藏菜单,而不是使用一个过于草率和庞大的菜单,这样会分散人们对简单导航的注意力,并淹没太多的选项。

 ;

汉堡焦点

网页设计的全部内容是布局元素,并强调一些超过其他,试图优先考虑网站访问者如何吸收信息。这是信息架构工作方式的一部分:如果你想让访问者从关注网站的那一刻起就了解你的网站的全部内容,那么你将设计成在降低其他元素重要性的同时,吸引人们对网站的标语或价值主张的注意。

002

eWebDesign了解这一点,并据此设计了网站。注意隐藏菜单在主页右上角是多么的谨慎。它甚至不粘,所以向下滚动会使它消失。隐藏菜单的这种不引人注目的存在意味着访问者的注意力立即被吸引到该网站独特的价值主张上,即其博客的订阅者直接从行业专家那里获得网络新闻。这也无缝地转到了“订阅”的“行动要求”按钮,就在提议的下面。

如果菜单是传统上以水平导航菜单的形式排列的,那么访问者很可能会立刻被点击的无数东西分散注意力!这将对网站的注册人数产生有害影响。

 ;

创造性解决问题

每一个已经建成的网站都面临着一个大问题:设计师如何规划,使网站既能发挥功能又能保持美观?在用户体验和可用性方面,从一开始就获得正确的导航是关键。

汉堡包菜单使富有创意和实用性的设计师能够提出既能提供功能又能提供美观的导航解决方案。有时候,解决方案并不是你所期望的,而且访问者往往会被一个导航布局所吸引,这个布局让他们喜欢一些以前很少或从未见过的东西。

003

例子:数字工作室我们是帝国,来自曼彻斯特。它的网站在很大程度上依赖于一些概念,比如空白、巨大的图像和清洁度,但这些只是表面上的。当用户再次点击隐藏菜单时,他们会很高兴看到一个创造性的功能导航解决方案。

只要点击汉堡包菜单,任何一边都不会出现飞出菜单。取而代之的是,整个屏幕切换到导航菜单,导航菜单本身就显示在整个屏幕上;颜色从白色变为粉色加强了这种变化。从那里,用户可以自由地在网站上找到他们想要的东西。

 ;

直截了当的交流

任何网站的目标都是让访问者从开始浏览网站的那一刻起就轻松高效地使用它。实现这一点的最有力的方法之一是通过提供,它向访问者传达网站的各种元素的含义以及如何使用它们。

模式提供使用熟悉度立即告诉访问者图标可以用于什么。因此,模式提供可以快速告诉访问者他们如何与图标交互以获得所需的结果。

近年来,汉堡包菜单在手机上几乎无处不在。因此,可以肯定的是,很多用户都很熟悉它:它的外观,如何使用它(通过点击它打开菜单),甚至在屏幕上通常可以找到它的位置。它出现在任何一个网站上都能提供如何浏览该网站的即时通讯。

004

数码广告公司xander在其网站上展示了这一点。虽然主页是如此赤裸,几乎是极端的极简注意到,没有任何东西,真的,抓住眼睛以上的折叠用户可以立即寻找隐藏的菜单,并找到它在右上角,一个通常的位置。这种模式的服从从用户的角度消除了混乱,并使他们能够立即开始在网站上找到他们想要的东西。

 ;

不只是一时兴起

即使现在,尽管汉堡包菜单无处不在,但它仍然吸引了一些圈子的批评。它在许多移动和桌面网站上的广泛采用表明了对它的需求,但怀疑仍然存在。

至此,很明显,汉堡包菜单在许多主页上都是一个永久的固定菜单,无论大小。这不仅仅是一时的流行,因为设计师们知道,它能高效、智能、轻松地解决导航问题。这正是为什么这种导航菜单的方法现在牢牢扎根于我们的网络浏览习惯的原因。

Leave a Reply

目前网站设计中流行的汉堡菜单在PC网站上有效吗?相关问答:

品牌战略定位 × 品牌形象塑造 × 商业空间设计

中小企业 – 上市公司 – 跨国企业 – 国有企业 – 世界500强