幻風閣|Kent.zhu's Blog

关于系统邮件的设计

kent.zhu — Thu, 11 Mar 2010 01:53:35 +0800

本文主要表达的意思是：邮件的设计与网页的设计有着巨大的差别。如果能用文字千万不要用图片；如果要用图片也千万记得把内容加入图片的Alt属性中；如果有可能给一个明确的退订链接。

写这篇文章的直接诱因是今天下午那个巨崩溃的淘宝注册体验（注意，我说的是给我的体验巨差，没有说用户体验！）。电子商务产品的设计中，我们会最频繁的面对的一个模块就是EDM，在这个过程中积累了一些想法，一并记录下来。

系统邮件可以简单分为2类：提醒类(注册提醒、订阅提醒、生日或节日提醒)、EDM(电子邮件营销)。

      一、作为提醒类的系统邮件，我个人觉得比较简单，只要把握住：简洁、直接2个要素就足够了。提醒类邮件不需要花哨的修饰，不需要夸张的表达，因为对用户而言他唯一需要的就是知晓邮件的内容同时点击那个他需要的链接就足够了，建议使用文本形式制作。
       >>对于发信人：表明身份即可，可以直接使用网站名称。如：Twitter、Flickr Mail
       >>对于标题：表明邮件的来处+需要处理的信息类型就足够了。如：kentzhu is now following you on twitter！
       >>对于邮件头部：需要有一个固定的头部，一般直接使用网站的LOGO就够了。当然，也看到部分EDM放的是LOGO+网站导航。建议不放，因为提醒邮件的作用在于让用户快速的完成任务，不是推广，区别与EDM邮件。
       >>对于邮件内容需要注意：
           1) 千万不要使用图片！这点我觉得是跟网页设计最大的区别，网页上设计师都会使用大且带颜色的按钮来吸引用户的视觉注意，但是在邮件设计中恰恰是个巨大的错误！因为，几乎所有的邮件系统在接受邮件的时候都默认不加载图片的。所以，在邮件中最有力的吸引视觉的手法是文字！比如，淘宝的注册提醒邮件，使用了2个巨大的登录按钮，但是，默认的时候图片被屏蔽，于是整个邮件一片空白….
           2) 链接地址千万使用明文的！目前主流的提醒邮件链接是一个文字链同时附加一个明文链接地址的做法，也是可以的。因为有的邮件系统可能会过滤文字超链接，所以设置成超链接和明文链接的地址一致的做法可以避免这一点。
          3) 如果，你真的要使用图片，那么，请在这个图片上加注"Alt"属性。这样即使图片被屏蔽了也能知道这个图片代表是嘛玩意。比如，Flickr的提醒邮件在这点上就很棒。
       >>对于正文：请千万简洁，表述一下这个是什么动作，用户该怎么做就OK了，其他的啰嗦的不要！因为在这个模块里，用户的目标任务是单一的，你需要的是用更单纯的页面来让用户快速的完成这个任务，这就OK了。
       >>其他：如果可以请告诉用户如何退订类似的邮件(别学流氓卓越亚马逊！)；可以善意的告诉用户请勿直接回复该邮件。

       二、EDM邮件对用户而言，用户可能会更关注其内容的丰富性和视觉效果。因此EDM邮件必然无法纯文字，且EDM邮件的主要目的是吸引用户去网站乃至与去购买，所以会更复杂一些。
       >>对于标题：务必吸引人。但是前提是要表述清楚内容同时不要过长。
       >>对于页面的宽度：建议控制在650px以下。个人比较倾向于使用650px，因为这个宽度不管是对于2栏还是3栏的设计都比较容易布局(刨除10px的间隙，然后再整除一下，很明显这个数字比较容易搞定)。
       >>对于页面内容：因为使用图片无可避免，但是，重要的内容请务必使用文字，哪怕是使用了图片也务必给出文字标识！这点上有啊的EDM做的很棒，有啊的EDM页头是LOGO+主导航的模式，LOGO使用了Alt属性，同时主导航是直接实用的文字链接的形式。这样就算整个邮件图片被屏蔽了重要的信息还是可以显示出来。
       >>对于图片的使用：建议给每个图片一个固定的宽度和高度及Alt属性标识，同时，注意不要使用背景图片。
       >>对于引导：一般的EDM都会在web端留一个源地址，所以，请在你的EDM的明显位置给出一个超链接，“如果图片无法显示请点击这里查看”，这样就算被屏蔽了也能引导部分用户。
       >>关于一致性：如果您会定期发送EDM(这句好似废话啊)，请注意使用统一的风格，主要是页头和页尾的风格统一。如果，你是有期刊号的请将期刊号和时间也一并加入！
       >>关于提醒：请将如何退订、如何联系等必要的内容不吝的放在页面的底部，做个彬彬有礼的推广者。同时，如果您愿意提供退订按钮，请务必试着实现一键退订….

>>一些补充：系统邮件的制作应该随时注意按照邮件的玩法来走，打开速度要快；页面不要过长，建议在2屏内。关于具体内的排版与设计且听下回分解。

奉上有啊EDM一枚(故意屏蔽图片)

Share and Enjoy:

交互设计应该看人下菜碟

kent.zhu — Wed, 03 Mar 2010 23:23:15 +0800

本文，我主要想表达的意思是：交互设计师一多半的时间其实是在做逻辑分析，从业务逻辑到产品逻辑的迁移；然后另一部分时间是在做按钮的摆放。（注意，我说的是部分，不是全部！）在这两个过程里需要注意的最重要的问题就是不能懒！

让我们再来重复一下那句关于交互与用户体验之间的关系的论断： 优秀的交互设计应该是用最低成本的交互，最愉悦的满足用户的需求。
那么，什么是最低成本的交互？我的理解，用户需要的时候才出现交互，用户用不到或者不能使用的时候就不出现交互；当用户需要交互的时候如果能二步完成就坚决不搞成三步。用一句通俗的话说就是：看人下菜碟。

      在大的层面上，在对产品进行需求分析的时候我们会考虑不同的用户群，他们对一个产品的使用需求和使用方式都是不同的，在这里我们对用户进行了划分。我们把这个思想坚持到交互分析里来，对于不同的用户在不同的使用环境下需要的交互方式也是不一样的。
      之前，顺网UED的同学们对用户交互行为的分析提出了“交互表格”的方法：划分2个纬度，页面元素和用户行为。最左边一列是页面可见元素（包括光标）；最上面一行，是用户的行为（尽量按操作流程）。中间交叉的为场景描述。通过这种枚举的方式可以详尽的列出所有可能存在的交互行为，然后我们对每个交互行为再划分出不同的交互方式。

       比如：我们要做一个积分商城的积分兑换交互。经过分析、合并，我们知道可能存在这么几个场景：①用户未登录（注册）；②用户已经登录，但是积分不足；③用户已登录且积分足够。
      下面，我们选2个电子商务方面的代表网站（京东商城VS支付宝）来看一看他们怎么处理的：
      京东商城的积分商城页面里，不论你是否登录（注册）、积分是否足够，积分兑换详情页的内容永远保持“一致性”。当未登录点击兑换的时候会跳转到登录页面；当登录后积分不足点击兑换的时候会弹出窗口提示积分不足；当登录且积分足够的时候，会显示兑换成功。
      支付宝的积分商城里对上述问题做了改进，我们看到支付宝的设计师对业务逻辑做了足够的分析：先对用户登录行为做判断；把用户所持有的积分放在了所需积分的下面；积分不足的时候给出提示。

       那么，这些足够了吗？不，我觉得还应该有改进空间（京东商城的设计完全不具备交互性，不做分析）。对照“看人下菜碟”的说法，我们来看看哪些是可以改进的。
       1、如果用户没有登录（注册），用户是否需要去点击“兑换”OR“评论”按钮？答案是否定的。这个时候用户最需要什么交互？是登录！
       当然，这里会存在一个用户是否需要注册的行为？我个人认为，在积分商城这个产品场景里，注册是存在几率很小的行为，完全可以放到登录的引导页面里去。（积分兑换的前提是注册用户，且在网站上发生了用户行为产生过积分才能兑换，就算是注册送积分也是需要先完成整个注册过程的吧）
       2、如果用户登录但积分不足，用户最需要什么交互？了解积分还差多少，如何获得更多的积分。其他的交互行为对这类用户来说都是多余的。
       3、如果用户登录且积分足够，用户最需要什么交互？兑换。这个时候用户是否需要“点评”交互？我觉得不需要，还没有兑换使用，怎么点评？“点评”这个交互行为应该出现在用户兑换之后再次浏览到这个物品的时候。
       下面，是我对积分兑换这个交互模块做的改进。
        1、如用用户没有登录（注册）：不做用户持有积分判定（当然，也没法判定）；不出现“兑换”按钮，他的位置由登录提示取代。
        2、如果用户登录但积分不足：做用户持有积分判定，同时提示积分差额；不出现“兑换”按钮，他的位置由积分不足提示取代，可夹塞广告，如何获取积分。
        3、如果用户登录且积分充足：做用户积分判定；出现兑换按钮。

（左：支付宝的积分兑换交互；右：我的修改版本）
当然，这里只是一个简单的交互条件限定，还可能会有更多兑换限制，从而出现更多的交互行为，比如：注册多久的用户对可兑换、实物兑换的时候填写收货地址，发货时间段（这个很重要！）、可兑换的数量、等等。

对于任何一个Web页面而言，都必须承担着2个功能：顺利的完成本页面的任务、流畅无误的进入下一个任务。对于如何实现这2个功能，我的土方法就是：有的时候我需要强制你专一的完成本页面的任务，不给你回路；如果这个页面上你要完成的任务太多，我可以考虑帮你拆解。
比如，在注册页面除了注册表单什么都不放，什么面包屑导航全部去掉，甚至LOGO也要搞成不可点击的，这些都是为了“强迫”用户完成本页的任务；用户在后台录入产品的时候，可以考虑对产品的属性进行分块，然后把录入页面拆开（当然，你不能无限制的拆分！）….

我个人的感觉是，之所以交互过程被搞的很笼统，大部分原因在于交互设计师很懒。懒的做分析，认为只有流程能走通就OK了，不愿意继续细分；懒的做交互Demo，认为这些给技术说明白就可以了。前几天做某个模块的时候我偷了个小懒，在DEMO里把工商银行写成“工行”，然后在PRD文档里做了详细说明。今天再看测试，好家伙，还是“工行”！搞的我羞愧难当，这个问题的责任完全在设计师本身，设计师懒就不能指望技术勤快！当然，这里还存在一个原型图的制作问题，改日再谈。

PS：为了迎合“微”时代，我以后的博客都会以“本文想表达的意思是….”开头，看完导语如果你有兴趣可继续，如果觉得扯淡可以略过，省的搞到你读着伤脑筋，我想怎么回复你的评论麻头皮…

Share and Enjoy:

说Google Buzz，谈我心中的微博

kent.zhu — Tue, 02 Mar 2010 16:19:43 +0800

Google推出Google Buzz服务有段时间了。我暗地里观察了一下，口水渐渐散去，板砖慢慢变少。当大家都不怎么说了的时候，也就意味着大多数人都玩过的时候，我想冒个泡说几句。

先说观点：在Twitter上，适合传播(包括造谣)；在BUZZ上，适合讨论(包括扯淡)。这是两种在本质上就有着不同的社会化交流方式。

我之前认为，目前无法定义Twitter到底是什么东东，但是我们都能确定的是，他目前是一个媒体。Twitter的信息是以一种树状的形式展示的，你可以通过 “in reply to”来对某条tweet进行追踪，然后就像爬树一样搞明白这些信息是如何传递的，理清楚这些tweet的对话关系。
当然，也正是这种信息的传递方式，使得Twitter更利于传播（包括造谣）；同时，也让Twitter可以无限的开放，放大。这种信息的传递模式在于时效性短、交互性差。Twitter其实也并不在乎这些，这让Twitter显得更像一个媒体，需要及时的(各种更新方式)大声的（海量的陌生关注者）不断的（转发，转发）播放就足够了。

BUZZ在目前来看更像一个大的社交平台，一个更加集中的发声器。BUZZ的信息是以一种线性的形式进行展示的，或者说，他更像我们最早时候见到的BBS帖子的信息展示形式。一条Buzz本身就是个信息的母体，往下依次根据回复先后进行排列。
这无疑是适合交流的一种信息流动方式，他并不利于信息的传播。我在BUZZ上开玩笑说要在这里安心的泡MM，当时keso觉得这极度不靠谱，我倒是觉得这没有什么不靠谱，我说的这个需求肯定会实现，当然，不是为了泡妞，而是为了实现信息的局域化传播。

       BUZZ允许用户通过同步的方式导入几乎你所有的网络信息，他希望你所有的信息都会在Google上进行汇集，这是一个伟大的想法。作为一个社交平台，Google以Email作为帐户更有人情味，同时，你越多的信息在BUZZ里汇集，这个社交的口味就更重。也许，最后，你会发现这里什么都有，你哪都不用去了，只要待在这里就足够了！
       当然，目前来看大家都觉得这是个昏招，因为现在的BUZZ就像个大水库。我觉得这不是问题，BUZZ一定会不断的更新他的过滤机制，不断的提供给你各种信息过滤机制，最后你会觉得获得你想要的信息会如此简单。
       同时，BUZZ是否会成为水库，这完全取决与你，因为这是一个以你为中心的社交网络，或者说这是个更去中心化的产品。

       之前，我说，T字辈门一窝蜂的去做同质化的微博，实际上是个无奈之举，是个最有中国特色的昏招，形式不重要，微博其实还有更多的玩法。
       Twitter很轻，实在太轻了，轻到很多时候无法承载我们的想法，那么，为什么不可以让他稍微重一点呢？这样做出来的微博也许会更好玩一点。
       目前的微博就像是一个不断高速流动的信息激流，这种爆强的时效性导致我们错过很多高质量的信息(转发并不能解决这个问题)；同时很多低质量的信息被保留下来。其实，我们可以找到方式更加好的来对这个激流进行治理，让这个河流里的信息除了以时效性来流动还可以质量高低来游走。
       微博应该会有更丰富的对话模式。应该会出现一种类似QQ的临时会话的微博对话模式，当然，不是私信。

      最后，搅和一下最近吵的很乱的RT和@的问题。RT不是微博的必备品，选择RT承载的信息传递模式跟你最开始确定的你的微博产品战略有关。

Share and Enjoy:

这也是种本事啊

kent.zhu — Sun, 21 Feb 2010 09:17:23 +0800

      眼看着房租要到期了，要说到我现在租这房子，那就不得不说一下咱这牛逼的门。
      2009年10月的某天，我背包出门，在开门的时候一不留神把那门把手给压断了….这是继我掰断水龙头之后的又一杰作。住一起的哥们说，你丫这是开碑手还是抓奶龙抓手？
       自此以后，我开门开水是小心翼翼啊。

       2010 年2月19号晚，在经历了如打仗般的春节假期之后，在车里坐着在高速上憋了10个小时的我到家。因为是一个人回来，于是睡觉的时候我第一次反锁了门(之前都是住一起那哥们来完成这个事情)。第二天早起后就匆忙锁门出去了。
       晚上回来的时候，钥匙捅进去，使劲转到底，确认外面的锁已经打开了，但是，始终还是打不开们；再次转几遍，再次确认确实是开了；给有钥匙的几个哥们打电话，确认，再次确认屋里没人，还是打不开….
       回忆，似乎是因为我早上没有完全把反锁打开，加之关门过重，可能是把反锁给带上了,无奈，之后叫人来开门….
       经过询问发现，110的开锁要比其他开锁公司的贵，遂找了开锁公司，再一问，这种反锁的锁要开的话只能暴力(撬！)，也就是说，开完门就意味着锁报废，再换！！！
       自己种的孽缘，就要收这孽果，撬！
       等了半小时，师傅到了，熟练的三下五去二，撬完，换锁，500大洋没了…..

       这期间，跟师傅聊天：
       师傅：你怎么能把门从外面反锁了呢？
       我：我也不知道啊，估计是昨晚反锁了，早上开的时候没开彻底，锁门的时候带门顺带把反锁的锁又给带上了…
       师傅：嗯，这也是一种本事啊！一般人还真不会….
（我瀑布汗！…..）
      师傅：你这把手也是我给你换的吧，我看着像我干的活
      我：嗯，师傅您还真没说错！可不是咋地，才换没多久….
      师傅：兄弟，我看这样吧，我把我手机告诉你，以后你家门再撬的时候找我方便。
      我：靠！师傅，你这诚心咒我啊，大过年的！
      师傅：哈哈，你看啊，你现在把门撬了，换了锁，等你室友回来的时候发现锁打不开，他着急进去的话不还的撬哇，到时候又是我的生意！
这个他还真没说错，我找了一圈小广告，尽是换空调通下水道的，唯一2个换锁的还被刷了去，110又贵，他们这个是直接原装在门上的，门是他们装的…
（我成吉思汗….）
      换完锁，我发现我身上只有470，没办法，我说那我跟你去取钱吧。
到了楼下，我没看到自行车，我说，师傅你是骑摩托车来的吗？你去取车，我在超市那等你，那有ATM。
       师傅没说话，掏出车钥匙开了楼门口的一个本田的车门，说，上来吧兄弟，我带你去….
看着那辆本田雅阁，我当场石化！……
       车上，师傅跟我说，你这是我今天撬的第9个锁了。不过人家都是回家忘记带钥匙的，你这牛逼的反锁还真是第一次…..

总结发现：
1、因为这种锁的反锁设计是，转动到一半的时候就会发出响声，我以为锁上了就没再继续转。实际上是只挂住边，处在卡住状态，推门是可以推开的。早上起来的时候我就直接把们推开了，锁门的时候又使劲的拉了一下，直接把半反锁状态搞成了锁定…..
2、撬锁开门确实他妈的挣钱！需求还旺盛。开门标价在150以上吧，换锁300左右….防盗门这玩意就像是安全与用户体验…….

Share and Enjoy:

盘点：我的Firefox插件集

kent.zhu — Mon, 08 Feb 2010 22:30:26 +0800

即使Chrome已经足够优秀了，但Fireox仍旧是我无法抛弃的浏览器。尽管她常常让我抓狂，但是甩掉她我还是觉得很难…….下面介绍一下他让我无法抛弃的一些小伎俩。

       界面美化类
       1、Chromifox Basic ，Firefox的Chrome主题。
       不可否认，Firefox的默认主题界面确实不怎么样。当Chrome出现的时候，Firefox的默认主题越发显得像个丑小鸭。想让你的MM拥有像Chrome那样漂亮的脸蛋？那就赶紧装上这个主题吧。
       2、隐藏标题栏
       作为一个只有12.1寸的笔记本，我的笔记本自己也感到压力很大。所以，我放弃了安装Win7的想法，想最大限度的扩展浏览器的浏览区域。于是，没有什么能比把Firefox顶部那一堆不太需要的菜单去掉更好的选择了。
       这个插件用来隐藏Firefox的窗口标题栏，同时在菜单栏/导航工具栏右上角显示最小化、最大化/还原、关闭按钮，并整合 Tiny Menu 功能。扩展同时提供了弹出“书签”和“历史”下拉菜单的按钮。
       现在我的Firefox顶部已经很Chrome一样简洁了，很爽，我对他的身材很满意。

       常规工具类
       3、Google工具栏
       作为一个G粉和一个Firefox爱好者，如果不安装这个插件，那就太对不起观众了。SO，这个插件，也没有必要介绍了。
       4、Greasemonkey
       这个插件也不需要介绍了吧。他的威力在于，嗯，无穷尽的脚本，下面列举几个常用的：
       4.1、GMail "check now" button + autoFetcher
       我们知道，Gmail的POP3服务是根据他收取到的你的邮件的平均频率来设定他多久去收取一次你的邮件的。(假设你第一次刷新没有查询到邮件，而过了15分钟又刷新查询到有新邮件了，那么以后Gmail就会按照比15分钟少一点的时间频率去检查你的POP3邮箱。这样Gmail可以保证自己的资源不会浪费在一次一次检查你的邮箱而又无功而返的结果上)。
       这样，对于平时使用Gmail收取公司邮件，但是频率很低，同时我又想第一时间知道我的Boss给我发了什么邮件的我来说，很抑郁。
       这个“Gmail Check Now”脚本可以解决这个问题：增加一个“Check Now”按钮让你可以手动检查邮件；同时也可以设置一个频率让Gmail自动收取。
        4.2、淘宝加加
        在淘宝搜索中添加显示卖家信用、30天成交件数、好评率等。
        5、Video DownloadHelper
        这个插件可以下载视频网站的视频文件。
        6、Xmarks
        Firefox书签备份插件，无须多说。(目前已经被墙，怎么办，你懂的，哥….)
        7、Tab Mix Plus
        实现Firefox的多行Tab、双击关闭标签、控制链接打开方式、鼠标手势、编辑邮件菜单等等….
        当然，有人觉得这个插件目前有些笨重了，你也可以选择他的衍生品：Tab Mix Lite
        PS：多行Tab一直是我无法放弃Firefox的最重要原因。我平时打开Firefox的Tab数目一般在2到3排之间….好吧，我是Tab狂。
         8、Coral IE Tab
         IE Tab的增加版。使用非IE内核浏览器，这种插件是必备的，你知道的，哥！
         9、PDF Download
         将你喜欢的网页保存成PDF格式的。

         进阶工具类
         10、Pearl Crescent Page Saver Basic
         寡人最宠爱的，让人高潮迭起的网页截图工具。你可以选择截图保存的类型(勾屁鸡或者屁摁鸡等)、截图的范围(全身的还是上半身的还是最让你心动的部分)、截图的命名方式(名称、时间+名称、URL+名称)。
         在这个充满着不稳定性的大局域网里，有很多网页也许下一秒就不见了；作为一个产品人员，常截图实在是一个不可或缺的好习惯。
         11、AutoPager
         自动翻页工具。泡BBS、豆瓣等社区网站人士福音。
         12、Text Link
         双击或者拖拽某些不规则的URL地址的时候可以自动打开，而不需要复制到地址栏里。
         13、SearchStatus
        查询页面的Page Rank值、Alexa排名等等。使用这个之后可以去掉显示Google工具栏的PR值了。
        这个插件配合上面介绍的隐藏标题栏使用会获得附加属性的。你可以把Google工具栏里的“翻译”、“Google Reader”、“日历”、“文档”、“Gmail”等按钮放到导航工具栏里。这样你的Google工具栏等于完全隐藏了，浏览区域又扩大袅。
        14、ColorZilla
        页面颜色代码读取工具，您可以从浏览器中的任一点读取色彩值，快速调节颜色并粘贴到其他应用程序。
        15、MeasureIt
        如果你习惯并坚持着使用QQ截图作为你度量页面上某个模块的长宽的话，请忽略该组件。因为他就是干这个的——网页元素尺寸测量工具。
        16、easyComment
         Blogger以及喜欢在别人博客留言人士的好伴侣。填写你的ID、Email、Blog地址，后点击该插件以及自动填写，一次设置永久生效，就是这么简单。
        17、Add-on Compatibility Reporter
        如你所知，Firefox插件的更新速度永远赶不上Firefox版本的更新速度。所以，很多时候，很多插件与版本号不兼容。之前，我一直使用修改插件版本号的方式，后来，这个插件出来了。他做的事情就是修改版本号(嗯，机械化了)，同时Email该插件作者快点更新。
        在3.6下使用很久，情绪很稳定。
        18、CookieSwap
        马甲爱好者与多用户使用者的伴侣。他可以让你轻松的在多个 web e-mail帐户(Gmail、Yahoo等)间切换，并选择是否清空上个帐户的缓存。

        终极插件，跨越长城类
        19、Echofon(TwitterFox)
        目前俺使用觉得最好的Firefox下的Twitter插件。当然，这个版本是非修改API版本的，在当前的大局域网下，你需要使用修改API版本的。你可以Google一下。
         20、CustomizeGoogle
         这个插件有2个作用：增强Google的搜索结果(比如联接到 Baidu, Yahoo, MSN 等) 并且移除不必要的信息(比如广告和垃圾信息)；强制Google的服务使用Https打开。
         之前我们知道搜索某些词的时候会被重置，现在，在Google Reader中打开某些RSS的时候你的GR也会被重置，所以，哥，你需要他！
         21、AutoProxy
         你想配合某些其他软件更舒服的插入伟大的长城吗？哥，他就是为你设计的。
         22、FoxyProxy
         AutoProxy的兄弟。是的，带套子确实插入很不爽，那就来点润滑油吧。

         敬告：
       浏览器就像女人，永远没有最好的，只有最适合你的；插件就像做爱，适度有益健康，过渡导致肾亏！
      您没有必要跟我掰扯哪个浏览器最牛逼，我只用我自己感觉舒服的；这些插件也许很多是你不需要的，那么，忘记他们吧，不要强插。哪天你需要了，再来我这里翻翻吧….
      以上插件已经收录到kent.zhu的Firefox插件集，欢迎订阅收藏把玩。

Share and Enjoy:

我所理解的去中心化

kent.zhu — Wed, 03 Feb 2010 23:48:48 +0800

      我本来的标题是：社区与去中心化。写了删，删了写反复几次之后我发现我开始写的这个题目实在是太大了，大到我没有办法去写。于是，我换了一个角度，我只写我自己的认识。
      前几天的时候我给他们讲了一个故事：
      在一个小区里有很多新妈妈，他们要生孩子或者刚生孩子，不知道怎么带孩子。于是，他们会在午后乘凉的时候聚在一起讨论关于育儿的话题。
      慢慢的，这个圈子里出现一个张大妈，他生过4个孩子还当过保姆，他知道很多关于如何带孩子的知识。于是大家都围着张大妈，听他在1号楼和2号楼之间的小园子讲课。后来，张大妈总是在说教的过程中宣传他儿子卖的奶粉和他女儿卖的尿布，当有人表示质疑的时候张大妈就摆出一副过来人的姿态进行镇压。同时，张大妈讲的都是如何养孩子的，对于如何做胎教他并不知道…..
      再后来，李大婶和宋大姐也加入到这个圈子中，他们觉得张大妈明显是在给自家孩子做营销，而且知识面比较窄，他们一个对胎教比较在行，一个对孩子的早教更在行。于是，他们就不再去张大妈那里了。他们分别在3号楼与4号之间，4号楼与5号楼之间分享如何带孩子。
      对于新婚妈妈小王而言呢，他对这3个过来人所说的都不完全认同，但是也都想知道，于是，他就随机的去一个聚点跟在那个聚点的新婚妈妈们交流。
      再再后来，刘大娘、扈三娘、孙二娘、…、出现了

在这个故事里，因为“育儿”这个内容而形成的小圈子实际上就是一个社区。在前期的过程中，张大妈利用自己的优势在客观上控制了大多数的资源，这就形成了中心化。最后，李大婶与宋大姐的出现使得张大妈这个中心化被去掉了，形成了去中心化的趋势。而李大婶与宋大姐的出现，实际上也是把这个小区里的不同类型的新婚妈妈进行了“区隔”，他们可以自由的选择自己喜欢的内容进行关注，他们不在受制于最开始的唯一的内容源张大妈了。

1、中心化的形成在于信息的不对称
我同意Keso的说法，“所谓中心化，并不是你有多少用户，有多少读者，或者有多少歌迷影迷，数量多的就是中心化，少的就不是中心化。中心化的核心在于，一个机构客观上控制了大多数资源”。

2、很显然，中心化的形成不利于社区的发展
内容始终会是社区的核心，而社区里好友之间的关系过强就会形成意见领袖，不利于社区的发展(当张大妈意志成为这个圈子的意志的时候，中心出现)。

3、去中心化的意义在于能够自由的选择
在中心化的时代，我们只能被动的去接受信息，而去中心化的意义在于，他在培养用户的自我意识。同时，他也是内容与关系的中心化与中心化之间的一种平衡。
我们可以看到门户的信息正在被微博逐渐的分解成一小块一小块的然后被不同的人群吸收掉；我们也可以看到SNS的出现使得我们每天能够获取到比BBS时代更多更优质的我们关注的内容。信息以一种被溶解过的方式加速的流动着，而我们每个人在帮助过滤信息的同时也让自己更好的获取了信息。

4、去中心化不等于没有中心化
事实上，去中心化本质并非无中心，而是中心动态化，或称之为：中心流动性。
b3inside同学说，“去中心化，是到中心化的意思，它就是中心，我们都“去”那”；或者按照sluke同学的说法，“去中心化这个提法不准确，觉得应该是节点化的网状结构”。

我觉得，去中心化更像是我们各自以自己为中心形成一个个新的“中心化”。这个中心是我们自己，由我们来选择都有谁在这个“中心”里面，我们愿意接受来自谁的信息。而同时这个中心也是“液态”的，可以随时流动的，这完全取决与我们自己。
然后，我们把他放大。让一个社区不仅仅局限于一个框定的主题，让这个社区里的人各取所需，各得其乐。然后用“链接”与“话题”将这些内容进行串联，而社区里的人流动其中，这才是一个真正意义上的“大社区”。

Share and Enjoy:

用户习惯那点事

kent.zhu — Mon, 25 Jan 2010 20:50:50 +0800

       最开始接触SNS的时候，我以为“首页”就是我的“个人首页”，于是我把我的“首页”地址链接发给好友，告诉他们来围观我的SNS个人主页。可是，后来发现这个“首页”点过去他们看到的是他们自己的信息，跟我一毛钱关系没有。这个时候我才知道，原来个人主页是我的对外首页，“首页”是我自己的首页。
      当我习惯了在SNS上刷新“首页”来获取关于好友的信息的时候，我发现在豆瓣上我刷新“首页”看到的都是豆瓣推荐，都是我不需要的信息，而我最需要的关于好友更新的信息出现在了页面最不起眼的右下角。我需要去刷新“友邻”才能获得好友更新的信息。所以很长一段时间里我都很抑郁。

      由于众所周知的原因，国内使用twitter90%不会是在twitter.com上，而是借助各种API工具来获取好友的更新。对我而言最常用的是twitterfox，friends信息(tweets)在第一栏、Reply信息(@)在第二栏、Message(DM)信息在第三栏。这样的信息排列模式我认为是清晰和便于处理的。
      当我习惯这样的方式的时候，新浪围脖出来了。目前还是纯web端，木有API。于是我需要手动刷新“我的首页”或“有新微薄，刷新看看”按钮去获取好友的最新信息。当然，围脖会在顶端对@我的信息和DM我的信息以及加我为好友的信息给出弹层提示。我很快接受了这种信息的呈现方式，我觉得他也能让我快速的处理这些不同类别的信息。
     后来，网易微博也出来了。我第一天注册之后发布了几条微博，然后发现没有人搭理我。。。第二天的时候发现我的粉丝新增很多，很疑惑。然后不断的猜想是什么情况，在一通乱点之后，发现，原来已经有很多人@过我了。。。对于我来说，我现在仍然很不适应每次需要去点击“@回复我的”这个标签去查看新的回复我的信息和看着不断增长的“被关注”数目去查看到底是谁新关注了我。

看过网易微博的负责人的公关稿， “网易UGC中心(即“用户产生内容中心”)总监张丹萍接受采访时表示:“网易微博的最大特点是没名人认证,没有‘V’标志,这与新浪微博以及 Twitter都不太一样。我们坚信,微博是一个去中心化的互联网产品,每个人,都可能成为话题的中心。使用微博的乐趣就在于,它比SNS、BBS有更多可能性。”
这里基本上有2个常识性错误：1、Twitter也是有认证的；2、对用户的认证跟是否去中心化一毛钱关系都没有。我在新浪微博上没有被认证过，但是我的粉丝数目比很多带V的人都多。核心点在于内容的质量以及关系的组建，而非其他。

      当然，抛开这个不说，从信息架构的层面看，如果目前网易微博对信息的处理继续按部就班的跟Twitter的Web版本一模一样，我个人很怀疑他是否能玩的起来。
      可以比对一下同时处理一条新的@信息或者加好友信息在新浪微博和网易微博上所需要的时间。我觉得连测试都不用测试我就能武断的给出答案：新浪微博完胜！
      当然，也许网易微博的杀手锏在于客户端上，那情况或许会有改观。
      从内容的层面上来看，网易的优势在于跟帖，新浪的优势在于名人娱乐。根据目前国内的情况，跟帖是个离红线最近的东西，跟帖承载的内容也是最危险的。我怀疑网易是否有能力去把控好这个尺度。

      在最开始的时候大家都说新浪微博是在抄袭Twitter，我的看法是新浪微博已经很好的本地化了Twitter。如果网易微博没有更好的超越新浪微博的杀手锏，那也许网易微博真的就是看着别人唱戏自己牙痒痒了。。。
      PS：网易微博用实际行动（可输入最多163个字）回答了我的对为什么微博客的字数限制非要是140个字的质疑。这是目前我见到的最大的本地化与创新。
     上次在UCD书友会的年度产品盘点上，我的观点是：关注微博本身不如关注微博周边的产品，微博本身不该就只有微博客网站这么一种玩法吧？

Share and Enjoy:

什么是元数据（MetaData）

kent.zhu — Sun, 24 Jan 2010 21:29:04 +0800

在读《Web信息架构》的时候第九章讲到叙词表、受控词表和元数据。当时书中的定义很模糊，所讲的篇幅也少，就没有在意，一直也没有能完全理解。今天在读《锦绣蓝图》的时候第四章中再次提到元数据这个概念。遂多查了些资料认真的理解了一下。

什么是元数据？

元数据（Meta Date），关于数据的数据或者叫做用来描述数据的数据或者叫做信息的信息。
这些定义都很是抽象，我们可以把元数据简单的理解成，最小的数据单位。元数据可以为数据说明其元素或属性（名称、大小、数据类型、等），或其结构（长度、字段、数据列），或其相关数据（位于何处、如何联系、拥有者）。

       举几个简单的例子：
       使用过数码相机的同学都应该知道，每张数码照片都会存在一个EXIF信息。它就是一种用来描述数码图片的元数据。根据EXIF标准，这些元数据包括：Image Description(图像描述、来源. 指生成图像的工具 )、Artist(作者)、Make( 生产者)、Model (型号)、….、等等。
       生活中我们填写的《个人信息登记表》，包括姓名、性别、民族、政治面貌、一寸照片、学历、职称等等这些就是锁定kent.zhu这个人的元数据。

       通常情况下元数据可以分为以下三类：固有性元数据、管理性元数据、描述性元数据。
        固有性元数据；与事物构成有关的元数据。
        管理性元数据；与事物处理方式有关的元数据。
        描述性元数据；与事物本质有关的元数据。
        当然，并不是说所数据总能清晰的划分在以上3类中。比如：一张由kent拍摄的大小为20K的JPG格式的印着一只小狗的圣诞卡照片。
      它的固有性元数据包括：20K、JPG；管理性元数据：kent拍摄、圣诞卡；描述性元数据：狗、小狗、圣诞、照片、圣诞节、…
      但是，圣诞卡则可以放在以上任何一个分类中。与事物构成有关（说明这个东东是什么）、与事物处理方式有关（说明这个东东的用途是什么）、与事物本质有关（可以直接用来描述这个东东）。

元数据之于信息架构的意义

      元数据是一种很有效的方法，用以确保网站上各种形式的内容确实都能被查找到。比如我们常常为搜索很久之前看到的一张美女图片犯愁，而如果一个图片网站如果信息架构足够好，我们就能凭借我们回忆到的元数据（关于武藤兰的？2000年拍摄的？）清晰的找到。
      元数据之于信息架构就像是房子的砖瓦，它可以根据需要摆放成不同的信息检索系统。元数据是所有组织系统的基础，从搜索到电子商务网站上的导航系统都强烈的依赖于元数据。
       前面提到，元数据实际上是为产品的可查找性（Findability）服务的。而用户在查找信息的时候不会按照机器思维去找（不会输入该照片的ID），而是直接输入关于信息的描述性信息如：“小狗圣诞卡”。也就意味着在创建关于描述性元数据的时候要尽量的提取出任官关于这个对象所讲述的故事，这些才是人们能记住的和习惯搜索的细节。

我们会发现，机械生成的元数据常常是不靠谱的，如在UCH系统下发布日志的时候系统会自动根据标题进行机械分析生成的一些元数据。
而充分利用手工元数据（handcrafted metadate）是提高可查找性的一个好方法。最常见的例子就是我们见到的Tag。Tag就是一种用户自创的元数据，其特点是无层次结构、自定义。比如这张Flickr照片下的手工元数据就为在Flickr上查找提供了更多的方便。

Share and Enjoy:

百度孙云丰：Google市侩，我感到恶心

kent.zhu — Wed, 13 Jan 2010 21:28:12 +0800

作者：百度首席产品设计师孙云丰

google宣称要退出中国，所证明的，恰恰不是市面上的那些g粉所宣称的那样，google是个“人权斗士”，而刚好反了过来，正好证明google是个市侩分子。

google的首席法律顾问的调调让我感到恶心。因经济利益退出，就直白白的说好了，把自己涂脂抹粉一番，还煞有介事的提到google被中国人攻击，中国异议分子的Gmail信箱被攻击，把这些事情作为退出中国的铺垫，这种论调是侮辱中国普通老百姓的智商，但还真有可能迎合那帮目空一切，但从未到过中国、对中国没有丝毫了解，却又喜欢对中国说三道四的西方人的假想。

只提一个假设，如果谷歌占据了中国80%的搜索市场份额，google的高管，还会这么高调的宣称要do no evil，从中国退出吗？

      整个事情给我的唯一感受，就是恶心。
————–
       以上是作为一个曾经的忠实google用户而说的，和百度无关。市面上沾沾自喜于了解一点google的产品技术细节将google奉为道德楷模而自封G粉的兄弟，请勿跟帖瞎喷，你们根本不懂什么叫搜索引擎，什么叫自由人权。
————–
       btw，评论关闭。要喷到twitter上喷吧。我的地盘不欢迎。

——————————为以上转载的内容感到恶心的分割线—————————

       我很少在我的博客全文转载别人的文章。我始终觉得，作为一个Blogger，你首先需要有你自己的观点，有你自己对事件独到的看法，如果你没有，那你就仔细看着！只要能独立思考的博主，你的博客才能活下去。
       但是这次，我全文转载了这个属于我们设计行业的人写的非设计类的文章。一字未改。我不想评论什么，因为，按照我上面的说法，这是个有自己思考的博主。
       不过，既然你写了，就别想着用卑鄙的手段抹去啊！好啊，既然你想抹掉，那我就偏让你抹不完！

2010年的开局对于中国互联网来说，实在很刺激。我在Twitter上说，疯了！乱了！终于爆发了！2010年1月13日的中国互联网必然载入历史，你，我，我们，是最真实的见证者！

       妈的，前2天我还在我们UCDchina的内部Groups里热火朝天的讨论要不要团购nexus one，而现在Google就要离开这个疯来的国家了…….
       早上看到有博客说，备份你的google服务以防不测，告诉你的联系人你有另外一个国内邮箱，可是，我发现，我确实没有一个国内的邮箱，杯具！
       看到他们拍的“非法献花”的照片我就忍不住哽咽，想哭，妈的，我太脆弱了，都不像个爷们！

作为一个互联网产品的从业者，我不想带着任何政治的色彩，商业的色彩去评论google的离开，我只是很惋惜，我们再一次与一个伟大的产品一些列优秀的服务无缘。而这些优秀的服务，我至今没有看到在国内互联网上有替代品出现！

一个悲哀的中国互联网从业者，Blogger

Share and Enjoy:

终于想到如何给《三枪》归类了

kent.zhu — Mon, 11 Jan 2010 21:31:10 +0800

看完《三枪拍案惊奇》之后我一直很苦恼，我纠结了一天，始终不知道该在豆瓣里给他打上怎样的Tag来表明我已经看过这个片子。
记得张艺谋在接受每日文娱播报采访的时候说，我是故意想要换一换口味，这回要力求艳俗一把。我当时正在吃泡面，差点没噎到。感情人家老谋子一直都觉得自己蛮高贵素雅的啊，看来确实这是艺术素养的差距啊。

     《三枪》实际上讲的是一个关于阳痿与偷情及谋财的故事。
      麻子面馆的老板阳痿，导致夫妻性生活严重不和谐，于是虐妻；老板娘正值虎狼年纪，遭遇无能丈夫，于是偷情；偏偏情人李四不但是个娘娘腔还是个腔娘娘；伙计赵六暗恋陈七，陈七眼里只有李四，于是三角恋情叠起来；作为一个阳痿的男人，麻子跟大部分人一样选择了杀妻，于是衙门人张三出场；张三爱财，更贪财，赵六陈七要讨薪，于是人为财死的故事上演。最后，跟所有的伦理故事的结局一样，女人最终笑到了最后…..
      看着这个片子我真是个着急啊，他们都说这是个喜剧片，影院里笑场不断，我怎么就怎么使劲都笑不上来呢？这个真着急！于是，我告诉自己不能把他定义为喜剧片。
      他们又说，这个片子里只有25%的演员不是二人转演员，他们说这个是电影版的二人转，或者叫7人摔。我在东北待了6年，多多少少也看过知道什么叫二人转，就算这七人摔有点不大一样，那也应该差不了多少啊，我怎么就没看出来半天哪里有二人转的精气神在里面呢？于是，我告诉自己不能把他定义为“XX转”或者“XX摔”。
      接着又有人说，你看你前面总结了剧情，这明显是个伦理片嘛。可是，张艺谋大导演拍的又一点都不低俗，别说露点了，就连肉都没露多少（男人露肉默认不算），就连虐妻的场面都搞的那么文艺，这明显一点都不伦理吗！于是，我又告诉自己不能把他定义为伦理片。
      要不，那就是荒诞惊悚片？就看到饰演古惑仔起家的孙红雷跟个机器人一样没事拖着个刀到处晃悠，最后莫名其妙的让人钉了手掌直接一枪干掉了。看着他钻墙洞，穿着一身杀人行头跟个机器人一样，我忽然明白了他为什么那么容易被干掉了，因为，他，就是个机器人，根本不是个杀手吗！孙红雷倒是蛮有喜感的，虽然台词不多。看吧，我确实没法把他定义成惊悚片。
      于是，就这么纠结了一天，在马桶上，我忽然明白，靠，这哪是什么艳俗喜剧啊，这他妈的就是个恶俗后后现代片。

      在想这个Tag的时候，我思索了很久。
      首先，不能把他定义为低俗，因为国家正在大力打击低俗，本山大叔花了这么久的时间把二人转从低俗向绿色艺术化漂白，我们也可以看到做为本山大叔好友的张艺谋大导演坚决不把二人转低俗化的决心。所以，决计不能说《三枪拍案惊奇》低俗。其次，也不能把这个片子归结到后现代的片子里，凭国际大导演张艺谋天师的本事，他早已经超然与后现代之外了。那我觉得他应该就是属于后后现代了，2个后属于对比表达，就像说厕所在墙的后后面一样。
      Tag的问题解决了，但是打分的难题又来了。这个，我实在不知道怎么打分，于是，按照我的习惯，在豆瓣没有出现负分系统的情况下，我一致默认不打分。等哪天豆瓣出了负分系统，我再一并打上。

最后，看电影花了100分钟，想怎么标记电影花了1天时间。我给《三枪拍案惊奇》的Tag是：张天师、恶俗后后现代、负分。
当然，我还是很同意之前一个哥们的影评的：张艺谋何止是大师，他根本就是天师。

Share and Enjoy:

幻風閣|Kent.zhu's Blog

关于系统邮件的设计

相关日志

交互设计应该看人下菜碟

相关日志

说Google Buzz，谈我心中的微博

相关日志

这也是种本事啊

盘点：我的Firefox插件集

相关日志

我所理解的去中心化

相关日志

用户习惯那点事

相关日志

什么是元数据（MetaData）

相关日志

百度孙云丰：Google市侩，我感到恶心

相关日志

终于想到如何给《三枪》归类了