Archive for the ‘前端·东门不归’ Category

长尾和竞争(三)

星期一, 11月 23rd, 2009

电子商务还有很多问题需要解决,特别是B2B。B2C和C2C都有宽泛健壮的盈利模式,而B2B,还只有广告和建站服务(其实建站也是广告的一种)这样古老的赢利点。因此B2B好比门里的蛋糕,散发着香气,却只可近观,不是刀不在手,而是难以近身。在获得钥匙(更好的盈利模式)之前想要吃到是不可能的,但如果退而求其次,只求闻到味道,那也只有两个选择,一个是锤子砸出大洞,一个是用锥子钻出小孔。在这里,锤子代表规模,而锥子代表垂直。

然而对于小创业者来说,锤子是誰都能拿得起来的么?能搬动锤子的,是马云,是孙德良。多数小创业者(能融到几千万的除外)只能操起锥子,在一个小小的领域钻眼了。

但放眼看去,这扇门上还有一个针眼大的地方没有被锤子砸过么?我感觉马云操起的很可能是狼牙棒——表面布满锥子的锤子。是啊,还有垂直领域没有被巨头染指么?从阿里巴巴详细入微的分类,到网盛、铭万、网库的行业站群(大行业站还有各自的小行业站群),还有容我们“置锥”的地方么?答案当然是肯定的。否则我也不必这么费劲的分析了。写这些东西的目的是什么?当然是给自己和同一战壕里的手持锥子的流浪汉们鼓舞士气的。那么我要说出的答案了。那就是——长尾!

我躲!哈哈,下次一定要成双扔。虽然你们用鞋砸我,但我终于还是圆回来了。写文章最怕的是扔出一个抛物线,观点越飞越远,最后无影无踪。但用我过去一个领导的话说,这把我画了一个囫囵圈——好家伙,我终于说到回长尾了。

虽然老生常谈,但别以为你真的理解长尾。你见过长尾么?其实真正的长尾比政治局常委还要难得一见。我只能说,你所见到的长尾,其实都不是长尾。真正的长尾是看不到的,只能在实践的过程中去体会。当你发现长尾的足迹时,正想要去追寻,他又转瞬即逝。好比一个之前你没有意识到的关键词,突然气势汹汹的从百度闯进你的统计系统,这时你重视起来,想要特别的优化一下,再一看,这个词已经销声匿迹了。

如是我闻,长尾藏匿在我们的实践中。我曾经说过,成功靠的是概率。长尾本身就是统计学的结论。那么要抓住长尾,就必须不断的尝试。“不断的”和“尝试”之间的关系是这样的:不断的意味着有所坚持,意味着滴水石穿;而尝试意味着有所不坚持,意味着要防治磨砖作镜。也就是说要坚持做下去,却要不断的尝试不同的对象和做法。

既然成功靠的是概率,那么长尾的分布和成功的概率应该是反函数。走在一个个长尾锥点之间,创业者仿佛在钢琴黑白键盘间跳跃,总有一天能够触动属于你的C大调。

竞争和长尾都没有分析到位。再待续吧。

网络无障碍和web标准

星期三, 9月 2nd, 2009

从一位韩资公司的前端工程师那里,第一次听到了“网络接近”这个词。所谓网络接近,类似国内常说的“网络无障碍”,是指让视障人阅读网页的一种技术指标。类似我们在奥运期间经常听到的“无障碍设施”。当然人家的网络接近是给本国人用的,而且普及程度很高。

想要达到网络接近,至少要满足两个条件。第一要有专门用于网页语音提示的“文本-语言合成软件”,也就是我们常说的语音读屏软件(可以看作是用来“听”的网页浏览器),视障人通过这种软件用tab键移动网页焦点,依次“阅读”网页内容。第二个条件是要求网页严格语义化,这样软件才能正确读出网页内容。因此,他们开发的html代码,不仅仅要通过w3c,还要严格的使用各种语义化标签。更准确的说,网络接近对html的要求和w3c是高度一致的。

比如在我们用来“看”的浏览器(比如IE、Firefox)中,strong标签内的文本,和b标签的默认表现相同,但网络接近浏览器遇到strong会着重提示,而b标签就不会。因此前端开发者绝对不会用b进行文本加粗,这也是为什么w3c不提倡用b的原因之一。

再比如图片标签中alt属性,现在有很多人知道了,alt并不是用于鼠标悬停提示的属性(鼠标悬停提示效果应该用title属性实现),而是替代文本。一定有很多人会问,网页中的图片如果正常现实,那么alt还有存在的价值么?当然有,除了w3c要求以外,视障人使用网络接近遇到图片时,语音会提示图片并根据alt的值进行图片描述,如果alt不存在,浏览者就只能“听图兴叹”了。

再有,我们知道符合w3c标准的网页,在失去样式表文件的时候,应该具有良好的可读性。但这又有什么意义?还有什么浏览器不能解释css呢?有,那就是网络接近的浏览器。

可见,我们常说web标准,并不是为通过w3c验证而获得满足,也不为绚技术能力。根本上,是为让不同情况的各类用户都能方便的浏览网页。我们现在很重视手机这样的小尺寸终端用户,但多数开发者忽略了视障人群。也许有人还以为视障人士不能上网,或者中国的视障人士很少上网。事实是,互联网对视障人十分重要,而越来越多的视障人也意识到了这点。他们通过网络购物、学习、交流、获取各类信息,对互联网高度依赖。然而国内的视障人即使拥有语音阅读软件,浏览互联网却依然困难重重。原因主要在于国内的网站还达不到足够的“网络接近”。多数国内的前端开发者都不会为兼容网络接近浏览器而合理的语义化。

除此之外,验证码也是视障人使用互联网的一大障碍。验证码是技术上最简单同时比较可靠的网络安全防护机制,但是这种机制注定了读屏软件无法识别,导致视障人无法通过验证。其实验证码并非不可替代。比如著名博客程序wordpress上,就找不到一个验证码。可以说wordpress用了更加复杂的技术手段,达到了最佳的用户体验。而国内开发者也常把用户体验、可用性等等挂在嘴边,却“不屑于”解决这样的一个小问题。

问题的关键是,网络无障碍对于一般的商业机构来说,付出大于经济回报,这样的事情他们是不可能主动去做的。因此国内关注网络无障碍的一些机构和个人认为,应该由政府出面立法,从而约束网站遵循基本的无障碍原则,因为这不仅仅体现一个国家对残疾人的关注,更体现社会的公平性原则。比如韩国就有明确严格的法律要求,因此韩国的网站建设公司对“网络接近”的重视程度很高。而美国的法律不约束商业机构,但对国家投资兴建的公共服务类网站,是要求体现无障碍原则的。据说美国曾有视障人因为某政府网站无法使用而将政府告上法庭的案例。但是在国内,情况正好相反:恰恰是商业网站为了提高效益而重视质量,大多采用了w3c标准重构前端;而政府网站,不仅没有法律约束,更不存在商业竞争,网站的质量标准之有一条,就是领导口味,难免粗制滥造,table满天飞了。

恐怕,国内的网络无障碍只能从开发者自身做起。话说回来:技术是有需求才产生的,使用某种技术在根本上是满足这种技术要实现的需求。

网易UED团队博客分析

星期五, 3月 27th, 2009

网易在UED(用户体验设计)方面是国内门户网站的佼佼者,在团队博客(ued163.com)上依然领先各大门户网站。出于对团队博客的兴趣,下面对ued163进行浅析。

一、组织和参与

团队博客最大的难题在于谁写。我们可以从ued163看到以下作者:mike;heero;rain;bill;逆疯;wuyi;lorway;rukey;tusk;noah;jalin等等(不完全统计)。人不少,从侧面也说明了网易ued蛮强大。更重要的是,作者写作量比较均匀,当然有多产的,有偷懒的,但总的来说,几乎没有人只露一面。这说明ued163有良好的作者激励机制。看《163 UED Team博客界面设计比赛开始了!》,分量不轻的奖励显现163对这个团队博客的重视:

奖 励:2月份popo奖 + 总监奖

最终采用奖1名:总监奖 (设计和制作的同事可以联手组成团队或者独立一个人研究后台搞定设计+制作)

最佳人气奖1名:万家购物卡一张

参与奖N名:精美礼品一份,参与就有奖

……

为鼓励大家参与博客博客建设,以后每月设立最佳原创、最佳推荐奖,再给奖励

有趣的是这篇博客id为1,但标注的时间却在其他一些文章之后。看来ued163的管理员出于建设博客的需要,做了一些铺垫:)

二、写作题材

博客最重要的问题是写什么。ued163的分类如下:界面开发(13篇);视觉设计(16篇);团队故事(32篇);工作文档(60篇);推荐分享(7篇);交互体验(21篇);体育运动(1篇)。其中团队故事和工作文档放在了logo下面的菜单栏里,突出其重要性。

从分类我们可以看出,ued163以原创为主,鲜有转载,以业务为主,偶而抒情。这也是专业(企业)团队博客的共同特点。

从分类下的作者分布看,我猜ued163没有制定严密的题材分工,基本是按照个人兴趣写作的。

也给ued163一个建议,体育运动栏目可以去掉了,将唯一的一篇文章转到团队故事中。

三、产量和坚持

网易UED团队博客始于2008年一月初(前面分析了,这个时间有些水分)。头六个月文章稀薄,但每个月都坚持两三篇(最惨一个月只有一篇)。从08年7月开始渐入佳境,连续性和密度都趋于稳定。

四、内容载体

博客程序用了wordpress,非常适合团队协作的程序。

五、样式和布局

博客以内容至上。ued163对此再了解不过了。布局采用最常见的单右侧边栏,固定主体部分宽度(960px)。样式则简介大方,字体和段落无可挑剔,可谓用户体验方面的样板博客。除此之外,ued163小炫了一下特效。一个是页面设置(不知所云,其实叫做样式设置更好),可以无刷新改变页面样式。另外默认每页只显示三篇摘要,其余文章都只显示标题,但只要点击收房按钮,就可以浏览摘要了。这一点个人不太认同。ajax收放可以做到节约流量和页面空间,然而javascript的运行速度却掩盖了这些好处。与其这样,不如用摘要或使用分割符控制首页显示,也能避免三篇文章占10多屏的难看界面。

wordpress 主题 header 优化方案改进版

星期日, 3月 15th, 2009

针对wordpress主题的SEO优化方案,在网上流传的方案基础上进行了改进——

以下代码替代header.php文件相应代码:

  1. <title>
  2. <?php
  3. if (is_single() || is_page() || is_archive()) { wp_title(,true) ; echo | ; }
  4. bloginfo(name);
  5. ?>
  6. </title>
  7.  
  8. <?php
  9. //以下优化搜索引擎对导航页重复内容收录问题:
  10. if (is_single() || is_page() || is_home() ) 
  11.     { echo <meta name="robots" content="index,follow" />; }
  12. else
  13.     { echo <meta name="robots" content="noindex,follow" />; }
  14. //针对baidu对index不准确识别的问题则改用以下代码:
  15. //if ( !(is_home()) and !(is_single()) ) { echo ‘<meta name="Googlebot" content="noindex,follow" />’; }
  16.  
  17. //以下优化description和keywords:
  18. if (is_single()) {
  19.     if ($post->post_excerpt) {
  20.         $description = $post->post_excerpt;
  21.     } else {
  22.         $description = substr(strip_tags($post->post_content),0,220);
  23.     }
  24.     $tags = wp_get_post_tags($post->ID);
  25.     foreach ($tags as $tag ) {
  26.         $keywords = $keywords . $tag->name . ", ";
  27.     }
  28. } elseif(is_category()) {
  29.     $description = category_description();
  30. }
  31.  
  32. if ($keywords) {
  33.     echo <meta name="keywords" content=" . $keywords . " />;
  34. }
  35. if ($description) {
  36.     echo <meta name="description" content=" . $description . " />;
  37. } else {
  38.     echo <meta name="description" content=";
  39.     bloginfo(description);
  40.     echo " />;
  41. }
  42. ?>

秀新书

星期一, 6月 23rd, 2008

又被快递折磨了。上次被申通×了之后,这次又遭遇圆通。发现凡是叫什么通的根本不通。比如经常不在服务区的,叫联通;时常掉线的,叫网通;永远长不大的,叫周伯通。所以历史告诉我们,通这个字,不能用。

总之,17日从北京启程,23日送到长春我手里,搁谁谁好意思说这是快递?

下面秀新书:-)(第一次因为编辑器没有表情而苦恼)

这个娃娃是我家张语菲