网站新手入门

什麽是汉堡选单 (汉堡功能表)?

如果您在您的手机上浏览网路,您可能会注意到,您以前在桌机上看到的导览选单内容变成三条水平横线取代。

它之所以命名为 “汉堡选单”,是因为它 (我们无意中發现) 看似牛肉三明治的标誌性 (尤其是双层三明治),而不是因为它与速食有任何关联。

汉堡选单从哪裡来?

由于其最近在行动网站上越趋流行,您可能会认为此简单的图示是随着智慧型手机的發明或响应式设计的出现而製作出来的,但事实是,汉堡选单 (或称 “通风口”,此为其最初的暱称) 是由 Norm Cox 在为 Xerox “Star” 设计第一个图形用户介面时所创建的

Cox 设计此图标代表您点击时所会显示的内容:选项清单。
在 Xerox “Star” 有限的像素空间上,图形设计师力求尽可能的简化,并把将图标与路标变得一样容易识别为目标。

我们在日常生活中习惯于电脑上的许多标准图标都是来自图形介面设计的年代。

汉堡选单的历史可以追溯到 1980 年。但其实,直到 Apple 在大约 30 年后,也就是 2009 年时,将该选单添加到 Voice memo 的应用程式中后,它才真正起步。随着其他一些潮流引领者的使用,汉堡选单很快地被通称为 STOP 符号。

汉堡选单现在可以完成其原本设计的基本任务,也代表着历已经绕了一圈:代表我们可以透过点击 (或在智慧型手机上点选) 图标以展开选项清单,否则选项清单将保持隐藏。与当时的原因相同,其简单的设计在现今也非常具有吸引力:使用最小的萤幕空间即可快速达到其目的。

我应该使用汉堡选单吗?

汉堡选单拥有许多粉丝,但也有不少批评者。每个设计都一样,有它的优点也有它的缺点。

缺点值得被纳入考量,不应该轻易地忽视它。

无法辨识

首先,汉堡选单有个问题,就是它容易使人们感到困惑。对于技术不太在行的网路用户而言,看到这三条平行线并不晓得这是一个需要 “点击以展开选单” 的暗号,因此,若您整个网站导览都使用汉堡选单可能会使您失去一些网站访问者。

过多的资讯

接着,您很容易就不小心 “塞满” 您的汉堡选单。因为您会觉得,是不是可以在清单中再加上一个选项?一旦您加上了第四个选项,就会觉得好像可以加上第五个选项,当您有了六个选项时,您就会想说,好像可以在加上第 7 项?

将您的汉堡选单塞满比思考如何将您网站上的讯息进行分层,并且创建最佳导览方式来的更简单。

过多的点击

另一个汉堡选单的问题是,您需要透过点击以进入您想要访问的页面。访问者每次都要多点击一次选项才能到达他们想要去的页面,这也代表他们最后很可能根本没有到达他们想要去的页面。

同样地,当其故障时,汉堡选单本身也不会提供任何实际讯息。您无法一眼看出选单中有哪些项目,只看得到这是一个带有选项的选单。

使用汉堡选单的优点

然而以正面来看,使用汉堡选单可为您的行动式网站提供乾淨,简约和时尚的设计。它提供了一种方法,使您的使用者可以有效地控制他们在您网站上的导览,而不是依赖于无止尽的滚动式设计,滚动式设计会使您的访问者需要更努力地寻找他们想要的讯息。

您可以透过将您的选单维持在最少选项的方式,并找到将其它选项合併到网站导览中的方法,以避免许多缺点,而这些方法并不会影响将拓展汉堡选单的设计。

动手试试看

如果您有时间,我们建议您可以在自己的网站上动手试做看看。如果您需要一个空间让您可以试试看,您可以使用我们的 Simple Hosting 作为您的游乐场。