揭秘Facebook设计师是怎么工作的

开发 前端
Google Maps之父却离开Google加盟Facebook、为挽留工程师Google不得不开出7位数年薪,那么FaceBook到底有什么优势呢?Facebook设计师是怎么工作的呢?请看下文!

一直以来业界公认Google的办公环境才是最好的,有最好的办公楼,有免费的午餐以及上百种的零食,可穿睡衣上班,一切那么自由美好,然而Google Maps之父却离开Google加盟Facebook、为挽留工程师Google不得不开出7位数年薪,那么FaceBook到底有什么优势呢?Facebook设计师是怎么工作的呢?请看下文!

 

[[18982]]

 

总部位于Palo Alto的Facebook拥有着超过400万注册用户和每日60万用户使用的傲人数字。Facebook的员工在150,000平方英尺的超大办公室里,激发着创意和热情。

去看看吧~

 

[[18983]]

 

 

[[18984]]

 

 

[[18985]]

 

那更该看看,Facebook设计师是怎么工作的。

Facebook的设计团队包含产品设计、市场、UI、品牌、前端和后端开发人员共25人,约占全公司1000的2.5%。其中拥有15个产品设计师,5个界面工程师,5个用户调研员,4个交互设计师和1个内容策划师。

在那里,设计师更强调编写代码的重要性,他们会尽早的分享设计,从项目开始直到完成都参与其中,并且永远不迷恋上自己的设计。总结起来,这些设计师如何让数以万计的用户乐于使用呢?便是靠着“be there from start to finish, share early & often, get your hands dirty, don’t fall in love”这四点。

1)设计师需要参与整个过程:从战略到发布。这不同于其他公司。

•Facebook花费了很多时间和精力来保证设计师能参与到整个产品开发流程。

•例如:3月的主页改版发布,精简信息架构和提高页面信息的流动速度。这样的改变需要同时涉及数据结构和视觉结构。

•在确定视觉风格后,开始写代码来制作原型。设计师通过写代码来了解真实的数据如何在页面布局中工作。

•不断地平衡取舍,通过不断地迭代交互设计和视觉设计来做很多尝试。

•给管理层和其他团队展示静态的产品原型并做交互演示。

•让设计师写代码能发现细节问题并快速执行修改。

2)尽早且频繁地分享想法。了解用户能帮助实现更好的设计。

•在Facebook没有创意总监,取而代之的是自下而上的设计团队组织架构。这对于团队能分享他们的创意至关重要。

•开发相应工具来实现高效地分享。其中一个工具叫Pixelcloud,类似于一个带评论功能的在线图库。自从在3月发布了这个工具后,大约每天有15张创意图片通过这个网站得到分享。

•整个工作组涵盖视觉设计和前端开发,这确保了Facebook的设计保持一贯的风格。所有的工作组都有固定的时间来给设计师提供反馈。

•例如:隐私向导的设计。在项目立项阶段(kickoff phase),召集12个用户并向他们展示30个原型,以此来决定产品的开发方向。在产品开发阶段,再次召集相对较少的用户,向他们展示7个原型来决定具体的设计。

•反馈是有效的。尽可能多的和早的获取反馈,这有助于节约项目时间。

3)勤动手,最重要的是理解代码是如何运行的。所有的设计师都要写一些HTML,CSS,甚至PHP。

•模糊设计和技术的区别。设计师也能调试代码和创建快速原型。

•设计师往往错在设计过于简洁,而工程师则错在提供过多功能。

•理解你所为之工作的媒介类型,然后不断反思你的设计。

•快速行动。Facebook在许多领域有很多竞争对手,而用户使用网络的习惯也在持续改变,所以快速地迭代更新产品很重要。

•最核心的是,Facebook相信最有效的方式是快速发布产品,然后看看用户是如何使用的。

•原型在说谎。它们通常缺乏内容和上下文联系。因此需要使用真实的内容和页面设计来理解具体的设计是如何工作的。

•为了快速反应,我们需要快速地制作原型。例如:评论的UI首先在内部测试并修改,然后才发布给用户。新的设计打破了原有的信息流里的视觉线路。

•设计师一般每周大约会提交40个版本的代码。

4)不要爱上你的设计。软件的生命是短暂的,它总是在变化,你需要接受这个事实。

•你的目的是确保设计工作正常并能持续改进。

•不要怀念今天的成就,要永远向前看。作为一个设计师,你需要预测并思考在下一年事情将发生怎样的变化。

•在Facebook,设计存在时间最长的是首页,从2004年发布,历时18个月。

•例如:全局导航的改版。在数月里尝试了无数的想法。甚至在昨天网站的头部又变了。

•相比以往任何时候,我们的工作都远没有完成。

•对大多数功能都做A/B测试。清晰地定义度量效果的标准并进行测量,但切忌不要让度量标准来驱动设计

原文链接:http://www.zhangyq.com/design-at-facebook/

【编辑推荐】

  1. 大揭秘:Google的系统工程师如何工作
  2. Facebook是如何管理代码的
  3. Google Maps之父:我为什么离开Google加盟Facebook
  4. Facebook数据库工具Flashcache初探
责任编辑:陈贻新 来源: 用户体验与交互设计
相关推荐

2011-09-01 09:07:30

程序员

2011-04-26 09:18:53

FacebookPHPmysql

2014-03-04 09:39:41

设计师团队合作

2015-10-26 09:12:59

SOHO设计师经验总结

2011-12-06 16:07:00

网页设计

2011-04-08 09:56:03

2019-04-04 14:51:57

banner广告设计分析

2017-08-28 16:19:00

人工智能

2013-07-09 09:31:57

设计师创业团队

2011-03-10 09:37:52

Facebook代码

2011-03-11 09:53:46

FacebookMySQL

2015-11-27 10:12:28

UI设计师设计

2015-11-24 11:43:29

产品设计

2019-05-28 09:23:06

2011-03-23 09:02:09

IE9网页设计Web

2013-01-14 09:47:48

2011-07-04 13:49:35

游戏工作室业务推广

2024-03-07 09:20:16

2011-05-30 20:26:48

广电云浪潮云海战略行业云

2011-05-30 20:37:53

点赞
收藏

51CTO技术栈公众号