童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

7月7日 血海塔投稿
  如果你希望某个重要的东西被用户看到、用到,那么很简单把它放在用户一定看得到的地方,别让他们去找。
  几年前的一个夏天,我和伙伴们在旧金山的一幢loft里住了一阵子。
  我们一共住过两个房间,房型大体相似,面积都在1000平方英尺左右,落地窗,光照充足;自带厨房,工业风格的楼梯直通开放式的卧室,门是中空的,开开关关的动静有些恼人。
  区别在于,其中一个房间的楼层较高,而另一间位于底层。两个房间都有各自的室外活动区域:底层的房间自带庭院,而楼层较高的房间离楼顶的天台很近。
  我们一开始住在楼层较高的那间房,天台的样子大致可以参考下面这张照片。我们第一次上来的时候有些小激动,桌椅一应俱全,景观很棒,大家可以喝喝香槟,玩玩桌游或是看看书。
  接下来,我们换到了底层的房间。下面的照片依然只是用来参考,你可以了解到庭院大致的样子,不过我们的那个没有草坪;面积到是不小,足够摆放沙发和遮阳伞,周围有一些盆栽,还有一个烤肉架。
  看到这里你或许会想,这两套房使用起来的感觉应该差不多,毕竟一间离天台很近,而另一间则直通庭院,都还不错的样子。
  实际上,体验过两者之后,我去屋顶天台的次数,用一只手就能数的出来。
  在同样长的时间里,我们去花园就相当频繁,每个(晴朗)午后都会去。
  我一直在想这个问题。
  事实是,没有任何一个天台的使用率能够比得上花园或院子,无论它多讨人喜欢、设施多完备。
  我们住在公寓一楼时,我们每次看向窗外,都能瞥见花园。每天能看到20次、50次、100次,我们的眼睛看见了舒适的沙发和遮阳伞。它就在那里。都不必下意识去想,我们发现自己总是想找理由去外面,享受美好的天气。无论是在笔记本上办公,与朋友闲逛,或是正在烧烤。
  住在公寓顶楼时,我们每天都看不见天台。它并不是难以到达上楼大概只要30秒。但它不在视野内。我们得记住它的存在,并且要下决心到上面去。上去所需的意愿,和逛周边商店与公园是同等水平。当然,如果我们邀请了客人来,想让他们大开眼界,就会带他们上天台。但是,我们从不会偶然想起那些桌椅和绝妙的景观。我们很容易忘了有这样一个天台。所以,哎,几乎没怎么用过它。
  设计用户界面时,我常常想起花园与天台。
  我们设计师喜欢极简主义,喜欢留白,喜欢史塔克家族。我们喜欢把大量功能和选项,藏在精致的角落与缝隙中。在菜单里、在抽屉里、在长按或滑动之后。
  我们的理由是,“人们学会一次后,就会一直记得。”我们会说,“无论我们把它们放在界面的何处,人们都会做出相同的选择。”
  真是太容易低估可见性和默认项的力量了。
  很久以前,Facebook曾经一度在移动应用左上角使用了三横图标(或者说“汉堡图标”),用来展开应用的导航面板。用这种方式来访问我们网站的各种功能,简洁而优美。(作为奖励,我们的移动应用和桌面网站都统一使用了这种导航菜单。)我们把侧滑抽屉导航发扬光大了,如今许多应用中仍然能看到这种设计模式。
  汉堡菜单图标的导航面板
  不幸的是,汉堡菜单就是一个天台。你只有想着“我要进入XXX”的时候才会去点它。这就是典型的眼不见心不烦。
  我们采用了标准的标签栏,由天台变成了花园。虽然它在屏幕上增加了元素,但这是一种熟悉的模式,高效得多,帮助人们发现和进入我们的顶级功能。
  我发现还有许多其他例子,关于天台与花园在UI设计中的讨论:
  入口:
  设计新功能时,第一步往往是直接开始设计原型,展示这部分功能如何运转。这就像是在设计户外空间的格局与陈设,却没有问过“它在房子后面还是在屋顶?”首先应该要问“如何让人们发现这个功能?”要使你的作品成功,确定入口更加困难也更加重要,胜过反复讨论这项功能如何使用的具体细节。
  菜单:
  把一大堆选项藏在菜单或手势操作中,非常有诱惑力,我们总会假定人们想找就能找得到。但多数人都不会,除非你积极地推荐这些功能。即使你成功地让人了解到了这些隐藏功能,也需要很长时间使它成为一种常识。如果一定要让用户知晓这些功能,就该明确地展示出来。如果不重要,考虑干脆把它去掉,降低认知负荷。
  提供选择:
  面对没有明显答案的问题,要做出艰难的产品决策,有时候团队会勉强接受“干脆让用户自己选择”。这么做时,要知道绝大多数(80或90)会选择你提供的默认项,无论是什么,所以你其实并不能避开这个艰难的产品决策。(不提供默认项则更加糟糕:你会流失一大批根本不愿意做选择的用户。)
  环境操作:
  人们正在使用或浏览时,可以推荐一些类似的事情让他们做或看。正在阅读奥运的文章?你可能还对这个发布者的其他奥运报导感兴趣。这张中世纪浴室的照片让你深受启发?请看其他浴室照片,为家庭装修项目提供灵感。正在对星标邮件分类?这里还有些你标记了稍后处理的东西,或许你现在有时间处理。这是体验设计中最有效的模式之一。
  利用现有渠道:
  现有的分发渠道的力量在于,已经有很多人在用了。写文章发布到个人网站,这相当于天台。写文章分享到Medium、Facebook、Twitter、此处填写你的选择,相当于花园,能够捕获更多流量。这点适用于任何独立空间、页面、App、标签页或书签。问问自己:我需要创造自己的渠道吗,还是用其他渠道能更快帮助我达成目标?
投诉 评论 转载

译文记忆设计:怎样设计可被牢记的友好体验本篇文章中,我将向大家分享:怎样设计能够为用户留下一个记忆中的正面印象?下面的两幅图表改变了我对思考的认知。这两幅图表来自于一篇1996年发表的经典心理学论文,它向我们形……优秀的移动端UI,应当如何用微交互打磨细节?你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘的产品,靠的是这一个个精致到位的细节堆出来的。著名魔术师Darie……Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?如果你希望某个重要的东西被用户看到、用到,那么很简单把它放在用户一定看得到的地方,别让他们去找。几年前的一个夏天,我和伙伴们在旧金山的一幢loft里住了一阵子。我们……为熟练用户设计:如何设计才能帮助用户提高使用效率?本文作者将从导航和首页的信息排布、操作时间和快捷键三个方面展开,在通讯产品、办公软件等这类被大量使用场景的产品中,该如何设计才能帮助用户提高使用效率?只有三种产品会被生成……好的交互设计能促进“内容消费”现在的人们,每天都消费着大量的快餐文化,海量的内容、体验、感知往往都只是一看而过,真正停下脚步独立的思考已经越来越少了。茫茫产品的出现,如何利用瞬间的体验和舒服的交互让用户“停……作为新人的你,应从信息架构、交互流程和交互细节去了解交互设计交互设计严格上来说是没有什么套路而言,但是,对于初入行者还是需要有一些需要具体客观的知识点去学习。就像笔者当年刚入行学习工业设计的时候,对工业设计的内涵与外延始终搞不太懂。老师……用体验设计方法论,结合商业诉求对APP进行改版设计产品名称:金融圈APP设计团队:金融圈UED设计中心项目介绍:本项目为首页改版方案,与产品经理、交互、运营和视觉四方共同讨论得出的一期改版方向设计目的:以体验……平庸的产品和伟大的产品中间只隔了一个:微交互微交互,听起来很生疏的这个词,实际上却出现在我们每天的日常生活中,甚至可能早上起床后我们做的第一件事就是一次微交互操作的典型案例。我们起床后的第一件事情不是关掉闹钟吗?v……Banner设计之平面构成的奥秘我之前说过要写一系列专门针对电商的三大构成的文章的,而在上篇文章中我已经给大家梳理了一篇关于色彩的文章:六个步骤细说电商banner图设计之色彩的奥秘,那么今天呢,我就接着要给……京东金融产品体验报告一、体验环境二、产品体验分析1、战略层(1)产品定位这是一款多功能互联网金融产品,在满足大众理财(定投、基金)需求的同时,主打白条(也就是借贷)、众筹,……用好这些可用性原则,你就能简单做好交互设计!做产品经理不懂交互设计,那就是寸步难行。“交互原则多,体验出彩少”,既然要做好产品体验,那么吃透基本的交互设计原则,就是必须且必然的事儿。今天给大家挖了很多可靠的栗子,直接给你……交互小细节信息层级展示规则信息层级展示规则是交互设计中的小细节。要分析信息的优先级,用户的核心行为;并通过位置、大小、距离、内容形式、表现方法来建立信息层级;设计过程和结束都要不断审视页面视觉流,看看用……
焦灼的产品经理:面试、需求评审和。。浅析产品用户的隐性需求发光环产品经理:身为产品经理,你真的入门了么?庖丁解牛:如何做产品需求分析培养产品感:通向卓越产品的必经之路没有场景就没有产品体验敬畏你产品所在的市场写给三十而立的产品经理如何从0到1做一条云计算的新产品线?互联网产品研发是个“吸金黑洞”?三个核心思维模式帮助高效学习:如何用产品思维学习吉他PM如何快速完成并交付视觉需求?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界