刘钢的博客 - 我是UED » 简历

如何做好一份前端工程师的简历？

RichieLiu — Fri, 18 Dec 2009 12:46:50 +0000

原文：http://dancewithnet.com/2009/02/17/how-to-make-a-resume-of-f2e/

春节前在蓝色理想上发了个“雅虎口碑招聘前端工程师 ”的启事，节后收到很多简历，加之HR通过专业招聘网站得到的简历和朋友同事推荐的简历，数量上是相当的多，把这些简历一一看完真是一个漫长而幸苦的体力活，何况我还要仔细认真的去提取和核查有用信息评估其能力，尽量不错过任何一个埋藏在大量简历中合适的人，这绝大部分时间并不是一个相当愉悦的过程。所以，我感觉有必要来谈谈：如何做好一份前端工程师的简历。

一、你是前端工程师

虽然简历都会有一些常规信息，但职业决定了这份简历核心内容和求职成败。所以，这份简历应该尽可能体现你自己是一个合格的前端工程师。专业的前端工程师是什么可以看看去年Nate Koechley的演讲《Professional Frontend Engineering》，前端工程师应该关注的内容可以从克军总结的“前端工程师应该关注什么”的思维导图中窥出一二，学习内容聚合可以看看陈成总结的《前端开发大众手册(包括工具、网址、经验等)》。

毫无疑问，前端工程师应该知道如何用简历体现其专业技能和职业精神，这是每个应聘者应该考虑的问题。

二、内容为王

个人信息
1. 姓名 _（必需）
2. 性别 _（必需）
3. 年龄 _（必需）
4. 联系电话 _（必需）
5. 学历及学位 _（必需）
6. 薪资期望
7. 个人照片
8. 邮箱
9. Blog
10. 外语能力
职业技能
1. HTML、CSS、JavaScript/ActionScript等
2. Web标准、可用性、可访问性
3. 一门非前端脚本的语言(Java、PHP、Python、C#等)
4. 任何有利于前端开发的技能和兴趣
职业和教育经历
1. 起始时间、单位名、职位（学位）和收获
2. 简而精
3. 按照时间倒序排列
代表作品
1. 能体现自己现在前端技能或者重要经历的作品
2. 简而精，且可以简要附上自己在这个作品中的收获
3. 和别人合作的作品要注明自己具体完成的内容
4. 在线链接要测试以保证可用，如果有其他人的变更应注明，较大变更就无需提交了
5. 提供附件要注明与之对应的文件名
6. 按完成时间倒序排列

依据实际情况，代表作品也完全可以直接融入到职业技能和经历中体现。当然内容不仅仅是这些，可以任意增加能体现前端工程师职业素质的信息。

三、Web是平台

毫无疑问，Web才是真正的平台，当这个平台的后端逐步被云所统治时（Amazon的很多服务和Google App Engine都初见端倪），那么云端的用户代理（比如浏览器）就是前端工程师的战场。前端工程师是可以长期从事且有前途的职业。

简历作为前端工程师迈向新征途而提交的第一份作品，应该毫不迟疑的用它来体现其专业技能和职业精神，所以Web页面是前端工程师简历的最好载体。它能体现前端工程师诸多专业素质：

知道为什么选择的DTD是下面中的一个而不是其他，这是对HTML标准的理解和思考。
针对内容选择合适的HTML标签，合理的id和class命名，尝试使用微格式，这是对语义化的理解和思考。
至少兼容YUI中列出的A-grade浏览器，这是对跨浏览器和CSS Hacks的理解和思考。
虽然Web性能在大访问量下才比较容易凸显，但把尝试把YAHOO性能团队的34条最佳实践应用上，一定会小中见大且受益终生的。
JavaScript的应用
1. 简历的信息结构一般很简单，但是这并不意味着无法使用JavaScript来增强它的交互。找出其JavaScript技能和简历相互结合的地方。
2. 可以尝试使用某种框架（YUI、jQuery、Prototype、Mootools等），很明显框架能提高我们的开发速度，掌握至少一种优秀的框架能增强我们的价值。
3. 可以利用JavaScript做出几个彩蛋在简历里面么？
4. 实现结构、样式和行为的分离。
5. 理解和体现DOM Scripting、预留退路（Graceful Degradation）、渐进增强（Progressive Enhancement ）、无侵入的JavaScript（Unobtrusive Javascript）等思想。空帷翻译的《理解“渐进增强(Progressive Enhancement)”》是篇这方面的好文章。
可访问性，在这上面每一步的深入研究和应用都值得赞赏。
HTML5、CSS3、SVG、Canvas甚至离线技术、安全技术都可以和我们的简历结合起来。列表When can I use…提供了一些新技术在主流浏览器的支持情况。
打印样式，很明显前端简历不仅仅是其主管看，还有HR和大老板看，所以准备打印样式是很重要的，这不仅仅是技能问题，更是一种前端开发的素质。你需要知道，打印样式应该是黑字白底，且尽量少的装饰图片，因为现在的绝大部分办公打印机还是黑白的，且黑色更费墨，所以当你的简历是黑色背景时更应该注意这点。
简单设计，千万不要把你的简历搞一团糟，设计虽然不是前端工程师最重要的技能，但是良好的视觉设计更能体现前端工程师的价值，所以审美其实也是前端工程师的基础素质。如果对视觉设计感到困惑，你可以从看《推荐给大家看的设计书》开始。

四、细节决定体验

标识性的文件名，比如“秦歌的简历”、“秦歌的作品”，而不是“个人简历”、“我的作品”。
发完信后记得检查一下发件箱，确保没有忘记发附件。
简历和众多作品整体打一个包。不要一个大包里面无数个小包。且整个包应该整理过，去掉垃圾，不应该太大。
不要重复发邮件，特别是拒绝以后，还发一个同样的邮件，除非一段时间后你有较大进步。
检查链接有效性，无效链接很伤感情的，可以使用Firefox的插件LinkChecker或Pinger。

实际上，前端工程师的工作成果是直接面向千万用户的，他直接决定了最终的用户体验，所以每个细节都至关重要，就像JavaScript编程一样，只要我们掌握良好的风格要素，我们就能避免很多错误，实际上这个思想贯穿整个前端开发的始终，包括制作简历。

我很喜欢有个人blog的应聘者，因为通过其blog不仅仅可以看出他的前端技能、工作积累、职业素质和分享精神，同时他通过维护blog可以贯穿一个简单开发的始终，从内容、交互、视觉、前端一直到后端维护，而这些角色都是前端在开发过程中的上下游，需要经常协作，这种经历能使前端更高效的沟通和更务实的换位思考。同样，当我推荐前端的简历应该是以Web页面为载体时，也是基于这个想法，并适当的给出一些相关知识以备有兴趣的朋友朝这个方向走下去。虽然我的建议偏向于“HTML+CSS+JavaScript”方向的前端工程师，但实战中肯定有更多能够在简历中体现前端的技能和创意，这本身就是抛砖引玉，这仅仅是一个开始。

简历很重要，但人品、职业精神和专业的前端技能更重要，最重要的是这两者是相辅相成的。虽然很羡慕兄弟团队淘宝UED、支付宝UED和阿里巴巴B2B国际站UED能有创意、时间和精力搞出那么精致的招聘站点，但我更希望我未来的同事用技能、创意、时间和精力整出一个巨牛的前端工程师简历来震住我（kaven.yan@yahoo.com）吧。

简历中的交互设计

RichieLiu — Sun, 08 Nov 2009 11:26:16 +0000

每年的10月和11月是各大公司校园招聘的高峰期，今天没事的时候在同事收到的一箱子简历里面翻了一会，突然意识到，其实书写求职简历的过程，就是一种典型的交互设计过程。

我们一般所说的交互设计，都是指用户通过软件等手段与机器之间的交互，这从交互设计的前身“Soft Face”这个名字中，或许就可以窥知一二。但是事实上，交互设计在生活中是无处不在的。对于人机交互来说，用户需要通过设计师所设计的用户界面(UI) 来与机器交互，UI的好坏直接影响着用户体验。同样，作为一个求职者，他们所面对的“用户”，实际上就是公司的HR，而求职简历这薄薄的两张纸，就是求职者的UI，而这个“UI”的好还则直接决定了其是否能够得到面试机会。本文试图从交互设计的角度来探讨一下如何书写求职简历（因为校园招聘中的简历问题比较明显，本文以校园招聘为例）。

首先，在进行交互设计之前，设计师必须对于该产品所面向的用户有足够的了解，最好对于他们的行为也能够比较深刻的理解。对于“HR”这种用户来说，他们每天要从几百几千份简历中筛选出比较靠谱的那一部分，然后通知面试官（一般是欲招人部门的相关负责人，工程师等）安排面试。上面这句话中有两个关键点，一个是“几百几千份”，另一个是“靠谱”。由此我们可以得到此类用户的两个比较明显的行为：

1、提取信息的方式应该是scan，而非reading。

简历数量的众多决定了筛选简历的人只能够采用scan即浏览的方式来提取信息，而无法使用reading即阅读的方式。事实上大部分简历只能够在筛选者眼前展示10-20秒，部分交互做得特别差劲的简历，可能只有4秒。

2、看简历的人会努力搜索简历中符合该职位要求的关键点，然后简略查看其内容，并做判断。

HR的任务是帮助公司寻找适合于某职位的人才，他们只关心简历上能够引起他们兴趣的内容。并且，他们需要把这些内容提取出来。

到此为止，我们已经对用户有了简单的大体上的了解。

针对以上的两种主要用户行为，我们不难分析得出相应的策略：

1、我们应该把简历设计成适合快速扫描的形式。

2、对于在简历上展示的内容，我们应该做到符合招聘条件的内容详细写，与招聘条件相关的内容有选择的、简略的写，而与招聘条件无关的内容坚决不写。对方要什么，我们给什么。

3、用人单位不仅仅关心一个人做过什么，更重要的是，关心这个人在做过的项目中起到了哪些作用，为项目的成功做了哪些事情（这样才能确定此人是否适合该公司，是否“靠谱”）。所以，应该将自己在重点项目中所起到的作用明确的表达出来。

4、我们应该引导HR尽量高效、轻松的完成筛选工作。提升 “用户体验”。

那么，我们目前的产品(简历)又是什么样的情况呢？下面展示一份我看过的，真实的求职简历，并作为反面教材(里面涉及到个人信息的部分是我编的)：

这是某高校统一发放给毕业生的简历模板，打印在A4纸上共两页。这份简历中存在着诸多明显的问题，我们来一一列举：

首先，一般情况下简历第一页的前2/3部分被认为是简历的黄金区域。因为这一部分将是首先进入HR视野的部分，如果这一部分没有办法跟HR产生良好的交互，那么可能对方根本不会去翻看第二页。而这份简历第一页的大部分空间被无用的个人信息和无聊的“主修课程”所占据。可以说，在这些部分，简历筛选者无法获得任何有用的信息。下方是该同学的一些工作经验和实习经验，但是基本上没有做任何分类。显然，这样并不能够提高用户scan的效率。

其次，在简历的最上方印有该高校的logo，而这个学校只是北方的一所三流大学，在省内的名气并不怎么高，而且很多外省的用人单位甚至根本没听说过。但它却占据了简历中最宝贵的空间。

第三，求职意向中的三个职位的工作内容是差不多的。归纳起来，该同学想要寻求的是一份偏向于视觉的WUI设计工作。

然后，在简历的第二页基本上就看不到有用的信息。

在“计算机水平”一栏中该同学填写了“通过国二VF语言考试”，对计算机比较了解的朋友们应该知道VF是一种早已没有人在用的数据库软件，并且它与 WUI设计无关，甚至与Web无关。并且该同学想要应聘的公司主要应该是网络公司或者软件公司，这类公司在技术上一般是很强的，而“国二”这种考试，在这样的公司里，显然是没有任何说服力的——即使是作为一个非技术人员。

然后，获奖情况中该同学列举了他在大学里获得过的全部奖项。光是奖学金就写了近一行。而这些奖项中，有多少是跟“偏向于视觉的WUI设计工作”相关的呢？

在然后，下面的“自我评价”中的内容空洞，基本上没有传达出任何有效的，吸引人的信息。而再下方的“院系评价”和“学校毕业生就业主管部门意见”中的内容，则更少，更有官腔。甚至只有“同意推荐”这么4个字。而这两部分却占据了第二页一半的面积。

而这位同学的情况，在他所投简历的公司来看，基本上应该在应届生中处于中等偏下的水平，即非名校毕业，专业相关度较高，有一些社会实践经验和项目经验，但无“名企实习经验”。大学期间学习优良，在一些评选及比赛中取得过名次，也有一两项看起来稍微不错的奖励和项目。

“产品”分析完了，我们开始对其进行设计。

我在该同学想要应聘的公司网站上，找到了该公司对于WUI设计师职位的要求如下：

1、计算机、美术、设计类专业本科及以上学历，拥有一定的设计理论知识和优秀的用户界面设计能力，对以人为本的设计理念有深入的理解；

2、熟练使用Photoshop、Illustrator等设计软件；

3、了解网页前端技术（如CSS和HTML）者优先；

4、良好的沟通能力和团队协作精神，能承受高强度的工作压力；

5、请提供作品

以上这些要求已经比较准确的传达出了公司对于人才的需求。那么针对这些信息，我们对简历进行以下修改：

1、结构上，从该职位的要求以及该同学的实际情况出发，设置“个人信息”、“任职情况及社会实践”、“项目经验”、“相关技能”、“获奖及认证”和“教育背景”6个项目，并按先后顺序排列。

2、删除学校logo和“个人简历”四个字（不会有人不知道你的这两张纸上面印的是个人简历），以便于为“黄金地段”腾出更多的空间。

3、个人信息只写姓名和联系方式，求职意向保留，学校和专业部分移动到“教育背景”中，并放到简历最后，由于学校没什么知名度，所以此项只写一句话，用以传达“学历达到要求”这个信息，至于民族、爱好什么的全部删除，相信一个正常的面试官不会因为某人爱好唱歌（只是爱好而已，唱得还不一定好）而将其录取为WUI设计师。

4、主修课程全部删除。用人单位关心的是应聘者会什么、能做什么，而非“学过什么”。况且现在的“主修课程”中堆砌着诸多的与应聘职位无关的课程。要想表达“综合素质”的概念，可以在“任职情况及社会实践”中通过事实来说明，不必告诉对方自己曾经学过哲学。

5、“实践与实习”项改为“任职情况及社会实践”，挑选有代表性的，重要的经历来写。重点写自己跟WUI设计有关的经历。

6、添加“项目经验”栏目，在原“实践与实习”的多个“设计并制作XXX网站”中挑选一些有说服力的项目来进行重点叙述，不但要说明自己做过的项目名称，还要说明自己在项目中起到的作用。

7、“通过英语四级”移动到“获奖及认证”中，“外语水平”一项删除。“计算机水平”改为“相关技能”，着重叙述与WUI设计有关的技能，以及能够让自己被“优先考虑”的跟前端开发有关的技能。

8、“获奖及认证”项目简写，坚决删除类似“寝室设计大赛优秀奖”这类跟所申请职位毫无关系的项目。最好能够让HR只扫一眼就能够看清楚。

9、“自我评价”及后面的内容全部删除。这是典型的垃圾信息。

10、为了提升对HR的用户体验，将简历中的关键词，诸如“WUI”、“div+css”等加粗，不断向HR暗示自己对于该职位的适合程度。同时所有信息应以列表形式传达，并分项叙述，有利于检索。

按照以上原则修改后，我们得到了用户体验明显提升的新版本简历：

从以上过程中我们不难发现，其实交互设计和用户体验这两个概念是渗透到我们生活中的方方面面的。只要认真观察和思考，生活中处处都是设计。而对于基于Web的交互设计师来说，或许很多的灵感都是源于生活的。

最后告诉大家一个消息，这份简历的主人，在去年的校园招聘中成功获得了包括腾讯、百度、搜狐、新浪、阿里巴巴和千橡互动在内的诸多公司的笔试和面试通知。并最终获得了其中两家公司的offer。

原文链接：http://www.hplus.org.cn/blog/2009/10/167