汉堡图标的口述历史(2019年)

2020-12-04 21:05:34

UX和产品设计师Geoff Alday几年前对谁负责汉堡菜单感到好奇时,他做了一些挖掘工作。他在1990年的一次会议上发布了有关Vimeo的视频,该视频演示了小部件的历史。在关于菜单的部分中,讲述人描述了如何在Xerox Star中的窗口标题栏上找到菜单按钮,以及三小行堆叠在一个正方形中。

他继续在Xerox Star上寻找图形主管,并找到了Norm Cox。 “您已经完成了功课,” Norm Cox回信给您。 “您找到了合适的人。”

汉堡无处不在。去年12月,当Reddit和麦当劳联手使两个移动网站上的汉堡菜单看上去都像是真正的汉堡时,Cox得到了一个不寻常的67岁生日礼物(如果您单击该按钮,则可以订购巨无霸)。也就是说,人们对这个带有令人满意名称的小符号的历史兴趣一直没有减弱,这主要是因为它们都没有受欢迎。

最近每个人都在努力建立一个适合移动设备的基本网站(例如,我,实际上是在我被要求撰写这篇文章的那一天做的那样),每个人都可能使用过。而且,每位值得为此付出努力的UX专家也可能想知道,设计Chrome或Amazon之类的大型事物的大人物何时会停止使用它们。

如果批评者在这种永恒的爱情中看到了糟糕的信息架构(敬业度低,效率低下)的困扰,那么其他人则认为该符号无处不在正是使它变得更好的原因。 “通过纯粹的力量,用法和设计师懒惰,”软件工程师和UX设计师Michael J. Fordham在本月初的《 Medium》上写道,汉堡包已经成为一个不错的选择。全世界的用户都知道这三行内容是什么意思。

但是,许多人不知道的是,这个微小的符号如何直接进入个人计算的始端,即一切的起点。我与在座的三个人(Cox,David Canfield Smith和Ralph Kimball)谈了汉堡包的发展历程,施乐之星诞生之初的兴旺日日以及最佳设计思想(产生40分的岁的符号仍然会变得很强大)。

施乐系统开发部首席视觉设计师Norm Cox:当Geoff Alday追踪我时说:“哦,我们整个行业都在为如何使用这个小菜单做好准备,我知道您是对此进行设计的。”我看着它,心想:“天哪,我大概在星期二晚上8:30做到了,从没想过。”

施乐SDD首席设计师Dave Canfield Smith:太琐碎了。我最引以为傲的一件事是,Star的命令数量比当今的其他计算机要少得多,但它可以完成所有任务,实际上,它可以完成比他们能做的更多的事情。此汉堡菜单是一种包含一些剩余命令的方法,我们无法找到一种做得更好的方法。

考克斯:明星代表的革命有点荒谬,正是这个小符号(可能是整个事物中最少被深思熟虑的部分)变成了如此普遍的特征。

“天哪,我大概在星期二晚上8:30做到了,从没想过。”

Ralph Kimball,Xerox SDD的首席设计师:我从1972-1982年在Xerox任职,最初是Xerox Palo Alto研究中心(简称PARC)的研究科学家,主要研究用户界面设计,然后研究Star工作站。我们与Star的工作是整合和制作许多一致的创意图形方法,这些方法是1976年以前在Xerox PARC,甚至更早在SRI和犹他大学(Alan Kay的Dynabook)开发的。

史密斯:SRI于1975年从斯坦福大学聘请了我,这就是我遇到查尔斯·艾比的地方。他是UI团队的首席设计师,与Doug Englebart一起工作。不到一年的时间,他就离开了PARC,并随随便便提到了如果我也能来的话,那会很棒。现在,我在Kay担任论文指导老师时在PARC实习。在那里,我使用了Alto(第一台真正的个人计算机)和Small Talk(Kay的新设计的编程语言)来撰写论文Pygmalion。因此,当Irby说我应该和他一起去PARC时,我抓住了这个机会。 Xerox PARC虽然不及SRI那么大,但是却更加出色:除非拥有博士学位,否则您将无法进入。

考克斯:当我第一次去PARC时,我穿着一套崭新的三件式聚酯西装。接待员致电Charles Irby,他负责Xerox Star产品的用户界面和功能设计小组。他穿着短裤和短裤,Birkenstock凉鞋和扎染T恤走下楼梯。他的马尾辫垂在腰后方,留着胡扯的胡须。这个瘦小家伙我感觉很不合适。我很快了解到我没有穿PARC的三件套西服:那是T恤,短裤,苏格兰短裙……一个人带着鹦鹉在肩膀上走来走去。每个人的办公室里都有豆袋,霓虹灯和香火。想想1970年代的加利福尼亚。

史密斯:当PARC建造Alto时(这是一个开发工具;他们只​​制作了几百个)-突然有了这个位图屏幕,有700 x 1000个点,每个点可以分别打开和关闭。它引起了创造力的爆炸。

考克斯:在《星报》问世之前,我管理着一个设计团队,为施乐当时生产的电子打字机开发字体。然后,一只Alto出现在我们的办公室-带有鼠标和黑白像素显示屏。我总是被新事物迷住了:绘画,水彩,木工,任何创意,任何新媒介。所以我开始玩它。

史密斯:1976年我加入SDD时,他们把我放在地下室的一角。我们将尝试将这台Star电脑出售给办公室。办公室工作人员不了解有关计算机的知识,此外,当时的传统观点是,经理不打字,秘书则打字。因此,我的想法是将办公用品(文件柜,废纸,、文档,文件夹)带入计算机世界,而不是给上班族提供一个带有手册的计算机界面。我在PARC上为自己的论文发明的图标是完美的工具。

Kimball:革命性的进步是在Star中使用图形而不是键盘命令。

史密斯:我记得我的小房间的墙壁上都铺满了打印输出:我在每一个图标上写了图标的属性以及可以使用的内容。我们有一个文档,一个文件柜,一个打印机,一个时钟,一个邮箱,一个图书馆(这基本上是一个信息检索界面,就像Google一样,只是我不够聪明才能发明Google)。打印机使用激光打印,邮箱使用以太网,这都是PARC的发明。我们使用了所有的PARC技术来制作一个集成的办公系统。

Kimball:Norm Cox对于Star Development团队是一个幸运的发现,因为他非常有效地掌握了媒体的力量。在我们遇见Norm之前,我和Charles Irby曾在旧金山采访过一些著名的平面设计师,而这些设计师没有任何线索。

史密斯:我为图标做了第一套图纸(下面的图3)。他们胡扯。真丑。感谢上帝为诺姆·考克斯(Norm Cox)。查尔斯很机智。他从未说过:“让这些照片糟透了。”相反,他有一天来到我的办公室,对他说:“我们认为对图标进行一些设计竞赛会很好。”

考克斯:比尔·鲍曼(Bill Bowman)编写程序。他编写了一些非常粗糙的图形程序,可以在显示器上创建图形。华莱士·贾德(Wallace Judd)是一个人为因素的人,他做了可用性测试。戴夫(Dave)就这些想法写了论文,但他不是一个有视觉感的人。因此,我被邀请参加会议。我们每个人都设计了一套,然后所有人围坐在一起争论谁更好。

史密斯:当我们把所有的设计放回去看看时,就像我鼻子上的鼻子一样清晰,更好。

考克斯:这是设计思维的开始。我们得知,看起来不错的东西也必须起作用。通过可用性测试使我们看到了很多事情。之后,鲍曼(Bowman),戴夫(Dave)和华莱士(Wallace)说:“好吧,诺姆,你去做吧。”因此,我成为了官方设计师。但这是团队的共同努力。

史密斯:我不了解汉堡菜单符号的魅力,因为它甚至都不是图标,而只是一个符号。图标既具有视觉语义又具有机器语义,而此菜单按钮仅具有前者。您不会对菜单执行任何操作。它只是坐在屏幕上。戳一下它,弹出菜单,将光标移开,菜单消失。仅此而已。图标是隐喻世界中的对象,您可以在现实世界(正在建模的世界)中进行操作。

考克斯:每英寸只有72个点可在Star显示器上使用,因此,您必须传达想法。施乐生产的打印机和复印机上的现有符号系统以及路标,从中得到了很多启发。

史密斯:大多数命令,我们都想出了一种执行它们的好方法。有时,尽管您只需要一些其他命令,但因为我们的大脑已经厌倦了尝试思考一种聪明的处理方式。因此,我们只是将其粘贴在一个弹出菜单中,这是汉堡菜单出现的地方。

考克斯:在您的车库组织中,总会有一个杂物桶。您有螺母,螺栓,螺钉和钉子,然后是杂物。这就是汉堡菜单按钮的意思。正如没有完善的系统一样,也没有完善的界面。有时您会遇到Dave所说的不合适的事情。

史密斯:我们坚持的典型命令是“分页”。对于文档窗口,我们所使用的计算机不够快,无法实时实时跟踪分页(合理的段落,文本在图片周围流动等)。因此,在您完成文档中所需信息的输入后,您将点击分页,它将对您的整个文档进行布局。但是你知道,这是一个愚蠢的命令。只是因为那里的计算机功能不足以跟上步伐。我们谁都不喜欢它,所以我们将其粘贴在一个偏僻的菜单中,这样人们就不会一直在脸上露面。我们想要摆在人们面前的东西是重要的命令。

Cox:我们为该按钮考虑了其他几个符号-加号,省略号和下拉箭头。您正在尝试思考什么符号表示“杂项”,“其他”或“其他”:您试图找到直观,易于理解和记忆的事物。

史密斯:这三行是您单击按钮(弹出菜单)后会出现的抽象图像。

考克斯(Cox):您今天看到的另一个常用符号-垂直省略号-有点像同一事物的简化版本。

史密斯:就设计而言,它是国际性的,非语言的。您不想为该产品的国际版本翻译任何东西,也不想占用很多屏幕空间,也不想只占一小部分,因为没人能理解。

考克斯(Cox):我们开始弄清楚识别的层次结构:当有人看着屏幕时,他们会扫描屏幕中的特定形状,然后细心研究该形状的细节,就像在看到钻石形状的路标之前一样。其中的符号。我们想确保您要搜索的对象数量有限。每个像素都很重要。没有多余的信息,没有装饰,一切都有目的。这些限制意味着我们必须设计出既优雅又简单的东西:永恒的设计风格。

史密斯:我们不想混乱。我们希望它在视觉上具有吸引力:我们认为人们如果喜欢这种体验,会花更多的时间。

考克斯(Cox):如果您追踪图标设计从苹果和微软那一开始的星空时代如何演变,它已经从简单的线条变成了带有阴影,高光和各种事物的真实感,然后又回到了非常简单的线条和形状。这是有原因的。很简单;它沟通良好。人们厌倦了太多的装饰,他们只是想要事实。

“ [图标设计]已从简单的线条变为带有阴影,高光和各种事物的真实感,然后又回到非常简单的线条和形状。这是有原因的。”

史密斯:今天的Mac到处都使用菜单。在Star中,我们有一个下拉菜单,但是菜单中的项目是单个命令。并不是我们没有功能:我们拥有包含文本,字体,布局,图片,嵌入式音频的多媒体文档,内容丰富。但是,我们不需要菜单。难道这不会让您感到惊奇吗?我们这样做的方法不是通过消除命令,而是通过概括命令:我发明了通用命令的概念。苹果公司的员工使用了剪切,复制,粘贴,撤消和其他一些功能。在此之前,Star使用过移动,复制,删除,撤消,显示属性,复制属性以及其他一些功能。

Kimball:我们在构建一个超级简单的用户界面,没有可以使用户“困惑”的高级命令方面还是在挣扎中,或者在允许特殊的转义以为经验丰富的用户提供更高的生产率方面感到挣扎。在Star开发中,我们必须为许多问题选择非常具体的答案。

史密斯:我们希望人们能够使用Star做有用的事情,但我们不希望它看起来复杂。使复杂的事情变得容易并不容易。制作界面越简单,我们要做的工作就越困难。

考克斯:我认为我们当时没有意识到这是一个特殊的时刻。您只是一群嬉皮士,正在做您的事情,这使技术世界触手可及,并改变了一切。