Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?

如果你希望某个重要的东西被用户看到、用到,那么很简单 – 把它放在用户一定看得到的地方,别让他们去找。

文章目录[隐藏]


如果你希望某个重要的东西被用户看到、用到,那么很简单 – 把它放在用户一定看得到的地方,别让他们去找。

Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?

几年前的一个夏天,我和伙伴们在旧金山的一幢loft里住了一阵子。

我们一共住过两个房间,房型大体相似,面积都在1000平方英尺左右,落地窗,光照充足;自带厨房,工业风格的楼梯直通开放式的卧室,门是中空的,开开关关的动静有些恼人。

区别在于,其中一个房间的楼层较高,而另一间位于底层。两个房间都有各自的室外活动区域:底层的房间自带庭院,而楼层较高的房间离楼顶的天台很近。

我们一开始住在楼层较高的那间房,天台的样子大致可以参考下面这张照片。我们第一次上来的时候有些小激动,桌椅一应俱全,景观很棒,大家可以喝喝香槟,玩玩桌游或是看看书。

Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?

接下来,我们换到了底层的房间。下面的照片依然只是用来参考,你可以了解到庭院大致的样子,不过我们的那个没有草坪;面积到是不小,足够摆放沙发和遮阳伞,周围有一些盆栽,还有一个烤肉架。

Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?

看到这里你或许会想,这两套房使用起来的感觉应该差不多,毕竟一间离天台很近,而另一间则直通庭院,都还不错的样子。

实际上,体验过两者之后,我去屋顶天台的次数,用一只手就能数的出来。

在同样长的时间里,我们去花园就相当频繁,每个(晴朗)午后都会去。

我一直在想这个问题。

事实是,没有任何一个天台的使用率能够比得上花园或院子,无论它多讨人喜欢、设施多完备。

我们住在公寓一楼时,我们每次看向窗外,都能瞥见花园。每天能看到20次、50次、100次,我们的眼睛看见了舒适的沙发和遮阳伞。它就在那里。都不必下意识去想,我们发现自己总是想找理由去外面,享受美好的天气。无论是在笔记本上办公,与朋友闲逛,或是正在烧烤。

住在公寓顶楼时,我们每天都看不见天台。它并不是难以到达——上楼大概只要30秒。但它不在视野内。我们得记住它的存在,并且要下决心到上面去。上去所需的意愿,和逛周边商店与公园是同等水平。当然,如果我们邀请了客人来,想让他们大开眼界,就会带他们上天台。但是,我们从不会偶然想起那些桌椅和绝妙的景观。我们很容易忘了有这样一个天台。所以,哎,几乎没怎么用过它。

设计用户界面时,我常常想起花园与天台。

我们设计师喜欢极简主义,喜欢留白,喜欢史塔克家族。我们喜欢把大量功能和选项,藏在精致的角落与缝隙中。在菜单里、在抽屉里、在长按或滑动之后。

我们的理由是,“人们学会一次后,就会一直记得。”我们会说,“无论我们把它们放在界面的何处,人们都会做出相同的选择。”

真是太容易低估可见性和默认项的力量了。

很久以前,Facebook曾经一度在移动应用左上角使用了三横图标(或者说“汉堡图标”),用来展开应用的导航面板。用这种方式来访问我们网站的各种功能,简洁而优美。(作为奖励,我们的移动应用和桌面网站都统一使用了这种导航菜单。)我们把侧滑抽屉导航发扬光大了,如今许多应用中仍然能看到这种设计模式。

Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?

汉堡菜单图标的导航面板

不幸的是,汉堡菜单就是一个天台。你只有想着“我要进入XXX”的时候才会去点它。这就是典型的眼不见心不烦。

我们采用了标准的标签栏,由天台变成了花园。虽然它在屏幕上增加了元素,但这是一种熟悉的模式,高效得多,帮助人们发现和进入我们的顶级功能。

我发现还有许多其他例子,关于天台与花园在UI设计中的讨论:

入口:

设计新功能时,第一步往往是直接开始设计原型,展示这部分功能如何运转。这就像是在设计户外空间的格局与陈设,却没有问过“它在房子后面还是在屋顶?”首先应该要问“如何让人们发现这个功能?”要使你的作品成功,确定入口更加困难也更加重要,胜过反复讨论这项功能如何使用的具体细节。

菜单:

把一大堆选项藏在菜单或手势操作中,非常有诱惑力,我们总会假定人们想找就能找得到。但多数人都不会,除非你积极地推荐这些功能。即使你成功地让人了解到了这些隐藏功能,也需要很长时间使它成为一种常识。如果一定要让用户知晓这些功能,就该明确地展示出来。如果不重要,考虑干脆把它去掉,降低认知负荷。

提供选择:

面对没有明显答案的问题,要做出艰难的产品决策,有时候团队会勉强接受“干脆让用户自己选择”。这么做时,要知道绝大多数(80%或90%)会选择你提供的默认项,无论是什么,所以你其实并不能避开这个艰难的产品决策。(不提供默认项则更加糟糕:你会流失一大批根本不愿意做选择的用户。)

环境操作:

人们正在使用或浏览时,可以推荐一些类似的事情让他们做或看。正在阅读奥运的文章?你可能还对这个发布者的其他奥运报导感兴趣。这张中世纪浴室的照片让你深受启发?请看其他浴室照片,为家庭装修项目提供灵感。正在对星标邮件分类?这里还有些你标记了稍后处理的东西,或许你现在有时间处理。这是体验设计中最有效的模式之一。

利用现有渠道:

现有的分发渠道的力量在于,已经有很多人在用了。写文章发布到个人网站,这相当于天台。写文章分享到Medium、Facebook、Twitter、<此处填写你的选择>,相当于花园,能够捕获更多流量。这点适用于任何独立空间、页面、App、标签页或书签。问问自己:我需要创造自己的渠道吗,还是用其他渠道能更快帮助我达成目标?

如果想要什么被看见,被使用,不要让人去寻找它。把它放在看得见的地方。

#专栏作家#

可乐橙,微信公众号:可乐橙(colachangreen)。人人都是产品经理专栏作家,UI/UX设计师,关注互联网,关注科技。现居杭州,与小伙伴们正在创业途中。或许不是一名优秀的设计师,至少是个快乐的设计师。

本文原创发布于人人都是产品经理,未经许可,不得转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27909/

(0)
CatherineCatherine
上一篇 2017-05-19 16:58
下一篇 2017-05-19 18:21

相关推荐

  • UI设计师工作必备的七个设计神器

    今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版、配色、切图到标注、预览,都有对应的良心神器推荐 ,非常适合刚入门的UI设计师,当然,有两款谷歌刚出的神器,也值得老手们来瞧一瞧。

    2017-05-31
  • 2018年产品经理交互设计交流分享大会

    活动背景一个优秀的产品经理不仅能引导产品的发展,而且还能引导公司的发展。同时,他还是一名优秀的执行者、项目管理和团队管理者,具备敏锐的洞察力,能在用户心理和产品细节间灵活游走,打磨出令人惊叹的产品。所以,在成为CEO之前,先成为一名出色的产品经理吧。然而当我们投入到实际工作中时,总是一次又_次遇到阻碍:和运营、枝术部门沟通不畅,项目推进难。公司要求不高,任务很轻松就能完成,想要挑战大公司,却深知自己还欠火候。看过许多千货,听过许多直播,...

    2018-04-17
  • 淘宝2017-提示信息的情感化设计

    作者:要白 明飒   开端:做一个有故事的 现如今,消费者对产品的需求从追求高性价比更多地转为高品质,虽然手机只是一个机器,但用户与产品之间当然是能有情感传递的,不然就只是一个冷冰冰的工具而已,能让用户在…

    交互专题 2017-08-07
  • 如何设计可交互的email,调动用户的参与感?

    Email营销通常与市场推广活动挂钩,是帮助你达到推广目标的最有效途径之一。但如何确保你的营销邮件的内容与品牌紧密相连?这一直是营销人员面临的一个挑战。用来克服这一挑战的战术多如牛毛,而可交互的email正迅速崛起为最具创新性、动态性和最流行的方式,他们让用户深深着迷、参与其中,相关设计师和开发人员都应该引以为豪哦!

    2017-05-17
  • 原创服装设计师APP产品概念

    这是针对原创服装设计师的APP,作者感觉现在很少有专门针对他们分享自己作品和交流的平台。这是作者模拟出来的一个产品的概念图,还有很多不足,慢慢优化... 我们不光有原创,同时也是原创的搬运工。  

    2015-01-23
  • 你家的产品是不是什么都做?那他该不该做交互设计?

    在BAT这样的大公司中,很多产品经理是不会去做交互设计的,因为分工很细,有专门的交互设计师来负责交互。而另一种普遍的现象,在很多中小公司,是没有交互设计师这样的岗位的,交互设计工作是由产品经理来代为执行…

    2015-07-14
  • Axure画产品原型最新常用组件分享(一)

    画产品原型是产品经理必备的一项硬技能,一般使用axure进行制作,很多人可能都知道axure,但是怎么利用axure把产品原型画的又快又好并不是一件容易的事;原型要画的好,最重要的不是你掌握多复杂的功能,而是要制定好设计规范;下面我把移动产品原型制作中常见的一些元素按照一定的设计规范制作成组件分享给大家,你只要把相应的元件拖动到自己的工作界面,简单修改文字就可以使用了,这是第一个部分,包括以下内容:一. 手机外壳二. 空页面模板三. 常...

    2018-04-05
  • 【CIO说】花椒直播韩三普:用户体验与核心技术才是硬实力

    本期推荐韩  三  普花 椒 直 播 CTO社交直播作为一个年轻的行业,”高富帅”表现出的强大增长和吸金实力虽让业外人士倍感羡慕,然而作为一个严重依赖技术、用户体验要求极高的行业,流量等时代红利已经不能称其为门槛。如何打造平台差异化的竞争力?近日,花椒直播CTO韩三普接受了ENI经济和信息化网的采访,分享了花椒直播快速增长背后技术所提供的强大支持。并结合当下创新趋势,分享了直播在其中可发挥的作用。亮点提炼如何打造平台差异化的竞争力,以核...

    2018-04-26
  • Axure RP 7.0软件安装教程

    如何在软件屋下载软件?目录查询编号首页回复编号点击链接输入密码提取文件点击查看详细步骤Axure RP 7.0安装资源下载地址:链接:https://pan.baidu.com/s/1rafwH1U密码:m6fo安装中有任何问题请咨询软件屋私人微信:wei-c-q-186软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。...

    2018-03-04
  • 从公共厕所与交互-有趣的现象

    前言 有一次在等厕所时,我发现了一个有趣的现象,人们通常在选择独立间的时候会短暂停顿一下。但如果去询问当事人选择的时候的停顿是在思考什么,当事人往往也不知道自己在想什么。鉴于求知的欲望,我们实验室做了一个有趣的实验。

    2014-12-30