睡个觉起来就要飞去杭州参加网志年会,整理行李时想到一个问题,如果不是作为工作团队之一,仅作为个人参会者,我对年会有哪些期待?

创作共用 – 自从2005年会上的讨论以来,创作共用在大陆似乎没有得到多大的推广和普及,印象里也没有BSP提供能够让用户使用创作共用授权发布内容的选择,倒是作为图片分享网站的又拍网实现了;今年CC China的负责人会做场演讲,不知道演讲之后,CC China在宣传和推广上会有什么动作,希望不只是talk the talk。关于创作共用的讨论,我期待更深入的不仅仅停留在再次解释什么是创作共用的层面上;

回顾06年在网络技术上的涌现和发展的有:Web standards, Javascript/AJAX, Microformats, OpenID以及其他身份认证技术,Atom成为IEEE标准等。这些technology enabler如何能给人们的网络生活增加价值,希望在几个不同的演讲和讨论中浮现。28日晚上会有个围绕OpenID的自由讨论,期待有热烈的分享和讨论;

到底什么是Web 2.0,嘿嘿,这个问题谁说他能回答,我倒想跟他PK一下。

最后,既然是线下会议,扎堆凑热闹混个脸熟,那简直是一定的了。

Reading, WebDesign @ 26 October 2006, “5 Comments”

 点石成金:访客至上的网页设计秘笈

认识Windy有段时间了,一开始是一起参与SocialBrain.org组织的《Free Culture》和《We The Media》中文翻译项目,后来才知道她是专门从事用户互动和界面设计,为不少网站提供咨询。最近Windy告诉我她翻译的Steve Krug的《Don’t Make Me Think》的中文版:《点石成金:访客至上的网页设计秘笈》,已经发行了。《Don’t Make Me Think》是一本非常非常好的书(原书的第一和第二版我都买了,据说第三版快要出来),现在出了中文版,当然要买一本收藏,再给公司买了一本,推荐给同事们,并要求程序员都看至少一遍。

在书店里翻这本书时,第一个发现就是它非常忠实原著(中文版是基于英文第二版),包括从的Look -and-Feel。原书使用了大量的网站截图和示意图,都在中文版基本上得到忠实重现,甚至包括小标题的颜色也是跟原书一样。这对其他类型的书没有太大的必要,但作为一本关于设计和用户体验的书,这就很重要了。相信Windy和出版社为此做出了不小的努力,可能也是因此造成了成本比较高,使得很多人嫌它太贵(平均几乎4页1块钱)。

《Don’t Make Me Think》讲的是网站设计如何提高网站的可用性(Usability),其核心思想就是从用户的角度说的一句话:“Don’t make me think”(简称和标签:DMMT),在原书里作者对这句话做了个解释:

It means that as far as humanly possible, when I look at a Web page it should be self-evident. Obvious. Self-explanatory.

就是中文版中说的“不言而喻、一目了然、自我解释的”。这是地球人,至少是从事网页设计的都明白的道理,但是真的明白为什么,和怎么在实践中做到,并不是件容易的事情。这本书可以起到很大的帮助,因为它

  1. 传递了它要说的东西(什么是DMMT, 为什么要DMMT, 和怎么做到网页设计能够DMMT);
  2. 简单,直接,清晰、有效地做到了1;
  3. 以一本很薄,读起来很轻松的书,做到了1和2;

比如在第2章“我们实际上是如何使用Web的”里,短短几页就说清楚他发现用户在使用页面上的三点“事实”:

  1. 我们不是阅读,而是扫描
  2. 我们不作最佳选择,而是满意即可
  3. 我们不是追根究底,而是勉强应付

也许这三条说出来之后,不少人都会说,切,废话嘛,就应该是这样的。但是在作者直接清楚地总结出来之前,我不知道有多少网站规划和设计者不仅真正意识到这些,并且在实践中有针对地进行网站和网页设计。在第一次读到这章的时候,这三点已经值回一半的价钱了。

还有,这本书在解释和分析的时候,用了生活中日常的体验和网站设计相互参照,比如页面标记和高速路牌,网站的导航和在大超市里购物的类比,让读者能产生共鸣,更容易理解和接受。

但这也导致了它不是一本很容易翻译好的书,因为字面上直接的翻译未必能让有不同生活文化背景的中文读者产生和美国读者能得到的同样有效的反应。那么是直接译好还是从中文里找个对应的通俗说法翻译好?我猜这也许曾经给了windy一些小麻烦。阅读的时候,大家不妨注意一下这方面,并把这当作体会从文化差异在用户使用设计上造成需要面对的一个难题,a bonus point,算是英文读者不能得到的额外收获 ;-)

在这也挑几个骨头:原书名是Don’t Make Me Think, 不知道为什么中文版的题目是“点石成金”,而这句话在书里被直接翻译成了“别让我思考”。“思考”这词在这显得似乎过于严肃了点,如果翻译回英文,恐怕contemplate, ponder, 和reflect似乎更合适。觉得翻译成“别让我动脑子”比较好些,也适合原书行文的口气和风格。另外,这本书的副标题是“访客至上的网页设计秘笈”,“网站设计”更恰当些。

最后,如果要推荐一本网站设计(非具体技术实现类)的书,我就推荐这本。

cnbloggercon @ 25 October 2006, “11 Comments”

今年网志年会发起了个Blog接龙游戏:“我想在年会上见到的Blogger”,Zola起的头,点了我的名,我就接着来,说说想在年会见到的Bloggers。

今年登记参加年会的有300多人(很多熟悉和新鲜的面孔,哦,有些还只是Icon)还在不断增加。Everybody is somebody,每个Blogger我都想见见,互相交换名片blog地址,看看他们在想什么,在做什么,对一些大家都在关注的事情的看法,应该会是很有意思的事情。但是毕竟时间有限,就说说在我的订阅了的blog的blogger们吧,也让这的读者了解我特别关注的Blogger有哪些:-)

恩,年会的组织团队成员,志愿者团队,还有Socialbrain的成员们到时候一定会见的,就不说咯。

第一个那肯定是我的小侄女Agoo啦,小丫头的blog现在还是她妈妈在写,一年多了。期待她开始自己写第一篇的那一天。

以下不分顺序(哦,女士还是优先的):

  • Windy中文《Don’t Make Me Think》的译者,用户界面使用性发面的研究和实践者,虽然认识有段时间了,还没见过面。我很想听听他能,而且我买的她的书还想要找她签名呢;
  • Vista – 去年见到的来自台湾的blogger,想让他说说今年海峡那边的blogger们和他们的BOF的活动,对了,还记得他那很酷很又新意的名片,今年他的名片设计会是什么样?
  • Fenng – 有名的Chinese Geek bloggers之一,应该有很多可以聊的;
  • BXY – 还记得去年年会最受欢迎的Panelist么?不知道他今年来不来,真希望他能再来参加啊,很想跟他痛快地聊聊创作共用,Atom/RSS,和更多;
  • 安猪 – 多背一公斤活动的创办人,NGO活动的推动者,网络上的他很好玩,不知道网络之下是啥样子,哦,说到网络之外,我和他之间就是二度连接了,世界真小。去年年会没和他说上话,今年一定要;
  • x5 – 正在读研的大学生,CSSer.org的成员,在努力推广Web Standards的传播和发展,翻译了不少这方面的文档,比如用Web标准进行开发。不知道今年他能不能来参加,如果来,希望能够争取到在会上和大家分享Web standards的应用体会和心得;

现在开始接龙的点名:

Security, Tech, Web @ 12 October 2006, “3 Comments”

几天前,车东提到了雅虎中国发布的Y!pingme服务

什么是Pingme呢?原本想抄一下它们首页的文本,结果发现介绍文字居然是一大块GIF图片,*?^%$#@?!,disable掉图片,居然没有ALT的描述(建议网站开发人员参考W3C的Web Content Accessibility Guildinestext-equivalent一节)。那就抄车东写的解释吧(让我们赞美一下“代码重用”:p):

什么是PingMe呢? 就是一个web界面的雅虎通留言簿,没有注册过雅虎帐号的用户只要点击网站上的PingMe图标call me via Yahoo! Messenger就可以直接与你聊天了。过几天,你的雅虎通上忽然跳出一个:webchat####用户,那就是来自网站的用户留言了。

恩,就酱紫,简单明了。

让我感到好奇的是那个Pingme的图标和链接在网页上的代码,于是view source了一下车东的页面,最主要的代码是这样的:

< a xhref="http://cn.pingme.messenger.yahoo.com/webchat/ajax_webchat.php ?yid=[雅虎通ID]&sig=[40位ASCII字符]"

就是说pingme的URL带两个参数,一个是yid,就是用户的yahoo ID,一个是sig,长度为40的ascii字符串,估计是sha1哈希值。

咳,不知道是因为做过两年电信的SP呢,还是因为这方面比较paranoid一点,看到这段HTML,我立刻就想到:假设有个网页爬虫,爬一遍陶宝和雅虎中国的社区站点页面,就能收集到一大堆yahoo ID和pingme的URL,而且能够知道这些用户是

  1. 是雅虎通的活跃用户;
  2. 有自己的网站/网页 ;
  3. 使用pingme服务;
  4. 多半是淘宝店主(这可以根据页面URL和页面内相关链接或者关键字发现吧);
  5. 如果是淘宝店主,稍微分析一下页面,应该能发现她/他卖的是什么产品吧(谁实证一下是否可以?;));

就可以对他们进行非常有针对性的SPAM营销了。

稍等一下,做到这点的前提条件之一是相对于yid的那个sig必需是固定不变的,恩,也许这个URL是动态生成的?看输出到浏览器的页面代码是不行的,那就自己申请一个Pingme服务看看 …… 哈,还真是固定的,申请页面的第二步就直接给出了HTML代码,跟上面的一样(除了是我自己的yid和一个不同的sig值)。那么,上述的SPAM计划应该是可行的了。

给Pingme团队一个建议:提供用户javascript代码,Javascript在页面装载后到服务器获取一个有时效的sig值,再返回这段HTML代码,这样,就算网页爬虫拿到了今天的yid和sig组合,但是过一天或者过半小时就失效了。

当然,这么做可能会引起比较大的改动和其他问题,比如对服务器压力会增加,怎么处理这些链接在web cache上的更新,怎么处理Pingme主人正在进行的聊天,保证合理合法的聊天不会被中断等等。

当然的当然,我这是站着说话不腰疼……

说到最后,这是我的Y!Pingme :-)

发送雅虎通信息给我吧

Recruitment @ 12 October 2006, “11 Comments”

一个新网站正在开发中(具体细节会稍后逐步公布,广告之后请勿离开),现在到了需要发展开发团队的时候, 目前希望能有一位网页设计和开发工程师加入。如果你对这个工作感兴趣,请接着读下去:

我们希望你是个在不断跟踪、了解和学习最新的相关技术的工程师,你渴望并努力使自己的作品能够让用户喜欢使用甚至天天使用,并且以此为骄傲。你思维活跃,善于沟通。在设计上,你知道“微妙”和“精致”之间存在着区别。

你有至少一年的WEB开发经验 – 不必一定是工作上的,开发自己的个人网站也算(如果有,希望能提供URL);你知道W3C标准是什么,知道为什么网页设计要遵守W3C标准,并且已经开始要求自己开发的页面遵守W3C标准;你在用户界面设计和可用性方面有基本的常识和一定的实践经验;

具体的技术能力上,我们希望你已经熟练掌握了HTML/CSS,比如,你

  • 知道三种给页面添加css style的方法;
  • 能够实现可伸缩的圆角的< DIV >;
  • 知道让页面在不同浏览器上的显示和使用效果一致很难(或者很烦),但是你还是能搞定;
  • 为了优化网页的互动性,甚至自己写过javascript;
  • 哦,对了,你能够熟练使用图形处理软件,最好是photoshop;

加入团队后,你的主要责任是:

  • 与团队其他成员(目前除了我,还有,和)协作不断完善网站的设计和规划;
  • 负责网页设计和用户界面交互功能的实现与维护;

真是太棒了,你都看到这里了,那么下面是其他的相关信息:

  • 工作地点:福建省福州市区,哦,你不在福州也来不了福州?我们可以考虑试试看远程协作(如果互相都认为合适的话)。
  • 工作时间:全职

感兴趣么?如果感兴趣,联系我吧:zhang.yining@gmail.com

Have a nice day :-)