最近特别关注一个网站叫”美团“,专注在线团购

是各类web2.0网站的先锋用户？
有自己的blog，写意生活，分享技术？
不能容忍哪怕是一个像素的偏差？
对代码的整洁性有强迫症式的偏执？
对排版、字体、色彩等有超乎寻常的敏感？
准确的知道自己负责的网站加载一个页面有多少次HTTP请求，完成一次请求要花多少时间？
“Every millisecond counts”对你来说意味点什么？
Doug Bowman, Douglas Crockford, Steve Souders等对你来说是如神一般的名字？
以做最NB的前端工程师为长期的职业目标？
曾做过一个一年以上的长期规划并付诸实践？

以上是美团网对于前端开发工程师这一职位提出的10个问题,在投递简历之前需要在邮件中需要先就以上问题给出简单回答.

先不说美团网是模仿也好,抄袭也罢.单从他的招聘信息来看还是给我留下了不错的印象的.看多了那些”基本款”的招聘要求,麻木了.一下子看到这10个问题让我深刻意识到了自己的差距,借以重新思考下自己接下来的努力方向.

其实这些问题只是换了个角度来对一个前端工程师的基本技能做全面考查:

• 是各类web2.0网站的先锋用户？互联网是一个快速发展的产业,如果你跟不上他的脚步,不对自己的行业有足够的了解何以在这个行业立足?
• 有自己的blog，写意生活，分享技术？开发并不是一个闭门造车的职业,需要积累,需要分享,需要成为你生活中的一部分.
• 不能容忍哪怕是一个像素的偏差？态度!像素是我们工作中接触到的最小单位,从小见大.一位优秀的前端工程师的素质就表现在此
• 对代码的整洁性有强迫症式的偏执？这一点更不用多说了,开发者的基本要求.写出的代码一定要漂亮
• 对排版、字体、色彩等有超乎寻常的敏感？对于美食不敏感的厨师不是好裁缝!
• 准确的知道自己负责的网站加载一个页面有多少次HTTP请求，完成一次请求要花多少时间？对你的用户负责,对你的代码负责.
• “Every millisecond counts”对你来说意味点什么？明白用户最关心什么.做到这一点,在同行业中的优势就多出了一大截.赢得了更用的用户!
• Doug Bowman, Douglas Crockford, Steve Souders等对你来说是如神一般的名字？Follow the steps of the winners, you will get what they have and even more.
• 以做最NB的前端工程师为长期的职业目标？对于自己的职业有清晰坚定的目标,想要长期从事前端开发才有可能做出更好的成绩
• 曾做过一个一年以上的长期规划并付诸实践？情商的考验,现代人的普遍特别:浮躁,缺乏毅力!无法实现自己既定的目标又如何完成好自己的工作?只能靠奴性了……

这并不是我对于10个问题的回答,而是表面上的分析.提高自己的过程中当然不只是要针对这10个问题,技术的发展,互联网时代的变迁,对于前端工程师会有更多的要求.

其它要求体现在工作职责上:

1. 积极寻求改进美团网的各种可能的思路和方案；
2. 对美团网在用户浏览器端的最终视觉呈现负责；
3. 使用HTML/CSS/Javascript开发符合W3C标准的网站前端页面；
4. 和后台工程师一起研讨技术实现方案，制定服务接口等；
5. 积极探索并总结美团网前端开发模式和规范

美团们?

2010年3月4号 饭否创始人王兴宣布美团网正式上线,上线以来就受到了不小的业内行外的关注,大家对于国内这种”Copy”模式已经见怪不怪了.

美团们上场(网友们收集的):

• http://www.meituan.com/ 每天团购一次，精品消费指南
• http://www.lashou.com/ 拉手团购打折，全球首家结合Groupon和Foursquare的团购打折网站
• http://www.mydingo.com.cn/ 丁狗网，每天团购一次
• http://24qiang.com/ 每天24小时只卖一件超低价商品
• http://www.ftuan.com/ 爱赴团，中国第一精品消费限时团购网站
• http://www.55tuan.com 窝窝团，北京最热团购
• http://www.manzuo.com/ 满座网，聪明消费每一天
• http://www.taobao.com/go/act/other/juhuasuan1.php 淘江湖，聚划算
• http://www.masamaso.com/group_buy.php masamaso精品购物团
• http://www.zuitu.com/ 最土网，精品团购每一天

有些真的把我雷倒了….送给团们的一篇文章美团网们，Groupon有风险，Copy须谨慎

最新消息:Groupon.cn登陆中国了,这个算是正牌吧

Groupon!

放下美团,来看groupon,真的是让人有些兴奋:兴奋的原因是Groupon真的是好玩又简单.它带给用户跟商家的好处十分明显直接.相当佩服Andrew Mason啊.

这里分享两篇相关分析文章,很全面的分析的groupon的商务模式:

向左走，向右走？本地化+精品模式 vs 全国市场+长尾模式

相信这篇文章能引起国人对于此现象的一些思考

想知道什么?我们都告诉你

(以下分析从groupon的发家之地:chicago为例)

groupon在与用户互动上也做了不少文章,这些是目前国内团们还没有做起来的地方:

1.商品旁边放置用户讨论内容提要(国团们只有**团答疑)

参加团购的消费者们最相信的就是跟他们同一立场的朋友对于商品的评价与讨论,当你看到当日推出的团购商品时会第一时间想要了解其它朋友的看法与讨论.

2.商品下方列出消费者使用后的评论,客观,真实.

3.在groupon消费过的忠实用户反馈的信息你一定更加感兴趣吧

经常回来看看啊

以上这些小地方还不足以提升信任度,更多的回访率还需要更加长久的关注用户反馈与互动:

1.明天卖什么?

2.开设专门的社区

3.举办photo contest

4.具有诱惑力的奖金

We will choose one person to attempt to survive for one year with nothing but a laptop, cellphone, and an unlimited supply of Groupons. If successful, that person will receive $100,000!

够有挑战性的~~刺激!

来Groupon,往这儿看

groupon在视觉引导上做得比较出色,射线背景一下子将用户的眼球吸引过来,硕大的标题,醒目的价格,明显的折扣数字等等都能引起消费者的购买欲望.

加之提供了来自各个方面的用户信息,评价,反馈.让购买变得又简单又好玩.色彩上的搭配,布局上的安排也合理,简单.每个页面都有一个明确清晰的主题.因为本身模式就简单明了,所以用户的门槛特别低.有着丰富的网上消费经验的用户一定觉得此流程并不繁琐.带来的是快速愉悦的购物体验.

简单合理布局的表单设计也让用户感觉舒服,采用的眼动分析中跳转次数较少的上label下field的方式.

以上这些国内的这些团们还没有快速copy过来,相信其中的一部分团会陆续学起来的.

另外对于groupon在手机上的应用恐怕国人一时很难学得起来,毕竟是要受到其它条件影响的 那就是iphone App

做足了这些,商家也会不请自来的借此方式宣传自己的商品,折扣的部分全当广告费用了,不但开销少,产生的效应却很大.从此groupon进入一个相对稳定的循环中.但我相信它的创始人不会仅限于此,还会在此基础上发倔更大更好的市场及模式.这也是在发展快速的互联网中的生存之道之一.毕竟目前看来这种模式还是比较容易被模仿的.

最后

一个看似简单的网站,要想成功也是需要诸多方面的因素.首先是绝佳的创意模式,优秀的技术支持,出色的市场运作,高效的团队执行,不断的思考改进等等等等.

而国内就缺少这类团队.希望更多的这样的创业队伍出现.让国内的互联网真正健康快速的发展.开发流程的规范,分工的明确,技术的跟进都是大家非常期待的.也需要大家一起努力去营造这样一个理解环境.

PS.面对国内这么多团们,我还是会每天上美团看一眼,没办法,这种每天只推出一种商品的模式对用户的好奇心有很大的影响力:)

从最开始接触网站,到后来的所谓”div+css”,再到现在的web标准,重构,大前端……一直没有深刻去理解”Web Standard”这个概念,以及为什么一定要遵守web标准. 看完论坛里对于这一问题的讨论更是让我恍惚了一下.

好吧,那就先来看看人家W3C官方的解释吧:

What does “Web standard” mean?

W3C publishes documents that define Web technologies. These documents follow a process designed to promote consensus, fairness, public accountability, and quality. At the end of this process, W3C publishes Recommendations, which are considered Web standards.

ok,人家老外解释得很简单:W3C发布了一些用于定义Web技术的文档.这些文档是为了要促使在设计跟质量上达成共识,形成公平.在这一过程的最后,W3C公布一些推荐的文档,我们称其为Web标准.真是有够宏观的.

那再来看看Web Standards对于这一概念更具体点的解释:

Tim Berners-Lee’s dream for his invention, the World Wide Web, is a common space where users can share information to work together, to play, and to socialize (The World Wide Web, A very short personal history). As web developers, creating business, social, and educational sites, we turn this dream into reality.

But in this period of tremendous growth, the Web needs guidance to realize its full potential. Web standards are this guidance. These standards help ensure that everyone has access to the information we are providing, and also make web development faster and more enjoyable.

Standards compliance makes it easier for people with special needs to use the Web. Blind people may have their computer read web pages to them. People with poor eyesight may have pages rearranged and magnified for easier reading. And people using hand-held devices can browse the Web just as easily as those using high-end workstations.

As we will explain, there are also many practical reasons for developers to be concerned with web standards. Search engines can do a better job of indexing sites, for example. Using browser-specific code often doubles or triples the work to create web pages, and leaves a lot to be desired when new media are introduced. This situation will only get worse without the sound direction of web standards.

恩,这里解释得就稍微具体一些了,或者说解释的角度更实际一些了. 既然这里面还提到了一个”practical reasons”,那就接着往下看:

What are the advantages of using web standards?

3.1 Accessibility

3.1.1 To software/machines

Complying with web standards can give your web pages greater visibility in web searches. The structural information present in compliant documents makes it easy for search engines to access and evaluate the information in those documents, and they get indexed more accurately.

Because use of web standards makes it easier for server-side as well as client-side software to understand the structure of your document, adding a search engine to your own site becomes easier and gives better results.

Standards are written so that old browsers will still understand the basic structure of your documents. Even if they can’t understand the newest and coolest additions to the standards, they’ll be able to display the content of your site. The same, of course, applies to robots – systems that collect information from your site on behalf of search engines and other indexers.

Compliant code gives you the opportunity of validating your page with a validation service. Validators process your documents and present you with a list of errors. This makes finding and correcting errors a lot easier, and can save you a lot of time.

Compliant documents can easily be converted to other formats, such as databases or Word documents. This allows for more versatile use of the information within documents on the World Wide Web, and simplified migration to new systems – hardware as well as software – including devices such as TVs and PDAs.

3.1.2 To people

Accessibility is an important idea behind many web standards, especially HTML.

Not only does this mean allowing the web to be used by people with disabilities, but also allowing web pages to be understood by people using browsers other than the usual ones – including voice browsers that read web pages aloud to people with sight impairments, Braille browsers that translate text into Braille, hand-held browsers with very little monitor space, teletext displays, and other unusual output devices.

As the variety of web access methods increases, adjusting or duplicating websites to satisfy all needs will become increasingly difficult (indeed, some say it’s impossible even today). Following standards is a major step towards solving this problem. Making your sites standards-compliant will help ensure not only that traditional browsers, old and new, will all be able to present sites properly, but also that they will work with unusual browsers and media.

Some consequences of ignoring standards are obvious: the most basic consequence is that you will restrict access to your site. How much business sense does it make to limit your audience to only a fraction of those who wish be a part of it? For a business site, denying access to even small portions of a target audience can make a big difference to your profit margin. For an educational site, it makes sense to allow access not only to affluent, able-bodied school-children with graphical browsers, but also to children in regions with poorly-developed infrastructure who are best served by text-only browsing, or disabled students using specialized browsers.

The same principle applies to all types of websites — while straying from the standards and taking advantage of browser-specific features may be tempting, the increased accessibility which comes from standards-compliance will lead to far greater rewards in the long run.

3.2 Stability

Most web standards are generally designed with forward- and backward-compatibility in mind — so that data using old versions of the standards will continue to work in new browsers, and data using new versions of the standards will “gracefully degrade” to produce an acceptable result in older browsers.

Because a website may go through several teams of designers during its lifetime, it is important that those people are able to comprehend the code and to edit it easily. Web standards offer a set of rules that every Web developer can follow, understand, and become familiar with: When one developer designs a site to the standards, another will be able to pick up where the former left off.

看了好多关于web标准的讨论也好,文章也好,最终让我们回归到原本,最权威的两大官方机构对于Web Standards这一概念的解释,可以清楚地了解到Web标准的一些理念了.

它既不是之前说的”div+css”,也不仅仅是后来纠正过来的概念:结构与表现分离. Web标准是一个大的思想指导,方向就是指导你用正确的方式去编码,去开发网页,可以让更多的人(包括残障人士),用各种不同的终端设备,通过不同的平台去浏览你的数据. 数据传输是互联网的核心,当数据可以不受任何约束的情况下自由地流通到各个终端那里,让需要它的人受益,共享,进而形成有用的数据,形成良性循环.我想这是Web标准最终的理想状态吧. 而伴随着这一理想状态的实现,给我们开发人员带来的好处也是很明显的,开发成本的降低,开发效率的提高等等等等.

辩证地看待Web标准,也许在某些情况下它的优势体现得不是那么的明显,尽管过程中会遇到这样那样的问题,但是为了将来那个美好的理想状态,做为前端开发者的一员,我觉得我们都有义务去尽量依照Web标准去开发我们的页面和网站.

大的概念理清楚了,接下来就真的要实践了,真正的从”头”开始学习”大前端”!

PS,我喜欢greengnn提到的这个大前端概念,大气!呵呵 不像之前的美工啦 cutter啦 那么见不得世面的感觉~