所有文章 - UCD大社区

关于 IM 工具的"群"

Fenng — 2009-07-04 16:41:47

在我看来，如果要评选一个IM 工具的功能"更影响沟通的有效性、更能浪费生产力" 的话，恐怕非"群"莫属。

昨天在 Twitter 上发了一句对"群"这个玩意儿的牢骚，引来了不少朋友的回复，大部分朋友对"群"还是深恶痛绝的，云风随后写了一篇《关于"群"的那些破事》叙述网易泡泡的群功能出炉的来龙去脉。

经常看到有讨论技术的人会开很多 QQ 群，然后一大堆人加入，我最不屑这样的讨论技术的方式，我不相信有谁通过 IM 群学会了很多东西，当然，他们浪费了很多宝贵时间我倒是深信不疑的。所以不乏偏激的说：

"喜欢用群的人都是喜欢用开会来消磨时间的。他们享受群，认为那东西理所当然的是"好"的沟通工具。我也赞同群里面90%都是一些垃圾信息的说法。小笑话、新闻链接、有趣的小图片占据了这 90% 的大部分内容。"

这样的说法如果也在内部会议上提出的话，估计也要像 Tim Yang 那样遭受一片嘘声。（我不排除有人把"群"用的出神入化，比如昨天就有一位互联网大佬给我讲述他当年用群的功能做推广的案例，但这只是个例）。Twitter 上就有不少人不同意我的说法：

"吾之蜜糖彼之砒霜，QQ 群用的人那么多，凭什么说人家烂？不适合罢了"

也有朋友给出了建议:

建议用临时会话，说话完正事就退出。(refer)
群的成员不应该是固定的。（refer)
做个Twitter进化的桌面IM...

现在的群，如果非要继续沿用的话，改进的余地还有很大。产品经理请注意，下面是可以给你带来业绩的地方：学习 Twitter 风格的对话模式，针对每一条信息有上下文，便于群内的参与者能够知道信息的指向(这是非常关键的一点，否则就是乱七八糟胡乱抢话筒的会议而已)。第二，设计一个可以将"会议"记录发送到指定电子邮件的功能(这应该并不复杂)。学学 Gtalk 的优点应该不难吧?

欣喜的看到网易已经用不许员工上班时间用群了，这是个伟大的决定。

--EOF--

（注：众多推友对此文亦有贡献)

交互设计师修炼之“变色龙”

浮生游记 — 2009-07-04 16:06:04

周五要写周报。周报要写“问题及建议”。有时没有问题和建议的时候，会写一些心得总结。

所以，往往写了周报后，就会激发我写blog的想法，因为有些“心得体会”不能开个头，开个头就想扯完。

本周的心得体会是——做交互设计师，要做变色龙。在项目的不同阶段，要有不同的“形象”。

玄妙了些？

我基本上比较讨论概念化的文章。但是没办法，

记得以前有人说过说交互设计师要“多语言”，和产品经理能够以商业的语言对话，一转身和前端就能谈上java script，然后还能和开发对上几句“技术实现性”，总之，要知道他们说什么，难点在哪里，为什么做不到……

其实我很认同，但是我只能努力，因为今天我去找前端让他解决一个问题时，他改了个词就好了我懵懵懂懂听他讲解给我听还是似懂非懂。

那，同样的，做变色龙，也是这个道理。

我之前是做产品策划的。让互联网的产品从无到有，老板大脑里一个很随机的想法，口头传达给你，经过探询、讨论、需求整理，与技术部讨论解决方案后形成一份规划方案，基本上就是一些“我们为什么要做这个东东”，“谁已经做了这个东东”，我们相比他们有什么优势，有什么弱势，如何规避，我们需要哪些功能点，分别是什么……需要多少的开发人日之类的——和现在的PRD类似了。

所以，当时的想法，基本上还是宏观的。然后我做了交互设计师后，发现我宏观不起来了。因为有产品经理去做宏观的事情，他们做规划，做协调做沟通，甚至做基本的概念设计。

有个别的项目到轮到交互设计师出场的时候，大局已定，交互设计师需要去执行——一开始就是细节。

所以，交互设计师容易一开始就陷入到细节里，跳都跳不出来。

经过一些争取，有些项目开始改进了协作流程，交互设计师能够从一些开始就参与了，产品经理开始写FBRD的时候，交互设计师也开始做线框图了。这样，大局里还或多或少有一些交互参与的影响，交互设计师不但能够更好理解需求的来源，以及问题和限制，还能够从设计师的角度给予一些建议。

但是，可惜的是，有时候我们已经习惯了对细节的设计中，纠结到细节里的影响有了后遗症，即使前期参与，也发现在听着需求分析时，大脑里都是各种弹出面板和浮出层……已经开始在做“交互”了。

去年的时候，我刚从产品策划过渡到交互的时候，我有点迷茫，觉得我考虑不到太细的交互层。

而经过几个项目的历练，我又发现我不由自主“细节”起来了，忽视了宏观。

（待续）

相关话题：交互设计师源地址：http://heidixie.blog.sohu.com/119871995.html

如果你不是产品经理

wkcow — 2009-07-04 15:28:32

     当你是产品经理的时候，当你负责一个产品的时候，当你可以判决一个产品的时候，你有没有想过：
        a.如果你不是产品经理？你会怎样?
        b.如果你无法判决一个产品？你会怎样？
        c.如果你不需要对一个产品负责？你会怎样？

      1.如果你不是产品经理，那么你会在其他领域成功么，如设计、如管理、如编程等等？人都都说产品经理，都是万能胶，那么你可以在别的领域有所成就么？

      2.如果你不把自己当做产品的生杀予夺的掌握人，你会聆听别人的看法么，看着别人怎么做么？你也许就知道，多倾听别人的建议是多么的重要。

      3.如果你不是把自己当做这个产品的负责人的时候，你才会发觉，某个产品，因为有自己的决断才走到今天；你才会发觉，某个产品，因为没有按照自己的判断，才走到今天。这是时候，你是否会淡然的说那么一句，“原来这个世界没有什么人是不可替代的”

       4.如果你不是产品经理，你会寻找比你厉害的人来做这个产品的负责人么？这些比你厉害的人会信服你么？

       5.如果你不是把自己当做一个产品经理的心态，而是让你的工作不断地为产品的各个部门服务，那么你会为此开心么？

       6.就算你被任命为产品的产品经理，可是你能够掌握这个产品么？你了解产品的方向、细节、数据、UI等等么？

       7.就算你没有被任命为产品的产品经理，你就不能掌握这个产品么？掌握一个产品有两方面，一种是产品的方向，另外一种则是产品的发展计划并且实施出来。

       8.对于产品来说，希望大家都不要太在意职位上的划分，比如你是产品经理，我是设计师；或者你是项目经理，我是QA；或者你是美工、我是前段程序员。重要的是，大家一起把产品做成，而想把产品做成，大家需要一个Leader罢了。你对于这个产品的贡献足够大的时候，那么你已经是这个产品的驱动者了。而不是那些给你命令，或者给你想法的人。

有些不爽是会消失的，尤其是点击引起的不爽

wkcow — 2009-07-04 15:28:08

     我们在使用任何一款产品的时候，尤其是第一次使用的时候，总会产生“不爽”。

     比如：
    1.访问“http://ucdchina.com/”，想回到首页，一般情况下，我会寻找导航页上面的“第一个”去点，但是当我发现点了之后，不是真正的首页的时候，我会有不爽的感觉；于是我就去点logo，说实话，我对于鼠标挪上去的“返回首页”根本就没感觉，也许我根本就不会注意这个提示。这么过了几天，我也就习惯没有“主页”导航的UCD了；

     2.访问“http://www.techweb.com.cn/”的时候，因为我用FF，这个tab是常开的，当我想刷新当前页面，看看有没有新内容的时候，我就点击首页，每次都是弹出新窗口，让我很不爽。因为这里平白无故的让我增加了一个关闭tab的操作。这么过了几天，我访问的比例在减少，偶尔看看新闻，也是使用F5直接刷了。

     3.访问贴吧首页的时候，百度隆重推荐了四个吧给我，可是我却点击失败，因为什么呢?看看图，

      坦白的说，我看到仙剑3，所以就点击看看，于是我鼠标去了“评头论足：仙剑3电视剧”，当我发现鼠标还是只“手”的时候，我就点击了下，发现什么都没有变化，于是我挺不爽。在我的下意识里面，是“手”的地方，应该都是可以点击的。于是下一次，我将不在从这里进入，因为我需要做两次功，鼠标挪到“评头论足：仙剑3电视剧”，然后点击右侧的“评头论足：仙剑3电视剧”；这样我才能访问。但，在我第二次这么用的时候，不爽又来了，我鼠标挪动了下，发现右侧变成了“席绢吧”，因为鼠标挪动的切换，我败了，我彻底不爽了。

      当我出现这些不爽的时候，该如何去办呢，上面几个例子可能不是重要的不爽，因为我本身也没有记录太多的不爽，从而虐待自己的习惯。但一旦你发现了不爽，或者从用户反馈那里得到了这些不爽，接下来你应该做的就是对照数据了，你应该去看看因为这些不爽，是否造成了某些问题。两相印证下，做出一个一旦改动，可能达到某些效果的KPI，然后尝试去改动，看看对于用户来说是否起到关键作用。不要在意上面的例子，例子大家都知道，可大可小，优化体验也一样。从自己的使用，客户的反馈这里得到的定性数据，再辅以数据分析的相互印证，那么将会对未来的优化起到相当不错的决策效果。

      你会记录那些快要消失的不爽么？

源地址：http://hi.baidu.com/wkcow/blog/item/fc95513d366861e73c6d971c.html

banner字体设计与应用

xiongmao — 2009-07-04 15:24:21

字体设计是人类商业活动的需求，它随着时代和科学技术的进步而不断地变化着。被广泛应用于网络

生活的各个方面。
现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。
随着工作中各类需求的增多，越来越多类目的广告banner设计对字体的要求也越来越多。要想设计出

较好的作品，从电脑里调出来的任何一种标准字体都是不适合的，因为那会造成千遍一律，设计“撞车”

的事故，识别性不强的弊端。它要求设计者根据不同需求，不同的设计氛围、生活常识，去捕捉具有准确

性、关联性、独特性、可开发性的不同个性的字体，以传递需求的意思和商品特征，这也是平面设计中字

体设计的关键所在。可以说认为进行字体设计的训练其本身就是加强设计师的观察能力、思维能力、艺术

创造能力培养。同时激发设计师端正字体设计学习热情。因为艺术来源于生活，只有你的作品让大家能看

见自己生活的点滴能引起共鸣的才是好的设计。
随着“意象”一词被广泛的使用，意象的含义也在不断的变化之中。因为它不是一个静止的概念，而

是观察者、观察对象和环境双向作用的结果。“环境存在着差异和联系，观察者借助强大的适应能力，按

照自己的意愿对所见的事物进行选择、组织并赋予意义。……因此对于一个特定现实的意象，在不同的观

察者中会迥然不同。”
“意象”的表现不仅在不断的变化，同时它还是一个非常抽象的概念，很难用一句话来概括。在我们的

日常设计工作中，“意象”被理解为“字体外在的型和人们生活中对该字的理解的形象”，这显然是我们

设计在创作的一个很好的方式方法。“字体外在的型”更多的被用来表达设计者的想法和渲染大环境，而

我们所说的意象更多的是用来形容那种自发的、随手而来、随心而发的一种感觉。在汉字的发展过程中，其形态始终与

其意义纠结在一起而无法摆脱。这也是汉字最终没有转化成为拼音文字的一个重要的原因。
由于其字体具有图像的基础，致使人们在书写它时很容易形成其形象的特质；但是这种形象又是不拘

泥于实物而带有较多抽象性的，因而更易于宣泄出书写者的心灵意象。汉字的自身特点赋予了它“可意象

性”――这是一种将人们心中意象的个性和结构特点与汉字本身联系起来的物质特性。汉字形体中，蕴

涵着一种对于任何观察者都很有可能唤起强烈意象的特性。它不仅仅是被看见，而且是清晰、强烈的被感

知，并且加入了创作者自身的心灵感受。汉字的这种特性，在汉字图形中得到了充分的体现。汉字图形的

意象设计，也可称为意象变化字体图形。
“其特点是把握特定文字个性化的意象品格，将文字的内涵特质通过视觉化的表情传神构成自身的

趣味。” 意象化的汉字赋予文字以字面外的强烈意念，通过丰富的联想别出心裁的展示浪漫色彩对文字

进行再创造。所变化出的意象文字超脱了具体的“形似”，而是提炼出了抽象的“意”，从而获得媒体功

能意构传神的表达。由于汉字的意义的多样性，以及创作者心灵意象的多变性，意象设计的方法呈现出多

种多样的面貌。
根据设计中所采用的字义的不同，和借用的象征物的不同来对汉字图形的意象设计方法进行一些分类

，其中也借用了一些我对现代汉字意象设计的一些分类方法。字义意象设计是指在汉字艺术设计中借用字

本身的含义特征，将所要传达事物的属性表达出来。这是意象设计中最简单的一种，它只要直观的表现出

汉字的意义就可以了。当然，不同的人表现出来的同一个汉字又有所不同。
介绍了这么多，你肯定也想设计一款好看的字体抓住客户的眼球了吗？下面根据我的学习过程总结的

一些经验和实例和大家分享。

iugiuhiuhi

今天，字体的应用效应已越来越被人们所重视，无论是对字体的选择或是对字体的使用都构成了衡量

一个设计师的标准。我们可以这么说，一个好的设计师既能很好地针对需要选择字体，又能对字体进行很

好地设计安排与控制。字体设计的感染力是巨大的，世界上无所谓好看的文字或不好看的文字只在乎设计

师如何对文字进行创意产生富有魅力的字体。新世纪设计师要运用崭新的观念去表现字体的时代性，设计

和组合上都要带给其他人清新的感觉。设计大多是为商品宣传服务，所以设计师要为客户打算，考虑有什

么可运用的资源，客户预备在这个设计上投资多少等，当然最重要的是这个字体的设计可否增加商品的吸

引力。大自然无形之手给我们展示一个色彩缤纷的世界，千变万化的色彩、形态配搭令人着迷；同样，一

个成功的字体设计，它拥有生命力，可以感染观众情绪。设计师对字体运用多作深入的了解和研究，才能

摆架字出更精彩的作品。

源地址：http://ued.alimama.com/?p=157

产品经理应该是一个翻译

nings — 2009-07-04 15:21:21

我昨天去饭店吃饭，前台给了两张假发票。基于我对发票鉴别的经验，一眼就看了出来。我说，要么你给我换真发票，要么不要票了你给我免掉税钱。前台一口坚持这就是真票，对我的两条建议予以拒绝。甚至在后来，我在税务局网站上进行真伪查询，已经证明是假发票的时候，打电话过去她还反反复复说“就是真的，不可能”。我不差这个发票，也不差这个税钱，但毫无疑问，我不会再踏足这个饭店。如果这位前台经理算是产品经理的一种，这是最差劲的那种。

3月27日我收到Datou《互联网产品经理进阶之路》这本书，分别用针式和激光打印机打了两份，放在单位和家里，断断续续的看了两遍。其中学习了不少东西，对很多观点也有强烈共鸣。抛开这本书不谈，就我接触的那些不够好的产品经理来说，他们最大的问题是懒惰。只说面向客户一方面，总是遇见把自己当做接线员的产品经理，他们把客户的反馈简单归结为两种：遇到了求助就念念产品说明书；遇到了分歧，一刀切的糊弄而过。这样的客户经理，归根结底，是个懒人。他们不是不知道应该怎么做，不是不知道怎么做可以做好，但是他们为了自身的清净、省事，因为老板轻易看不见——他们不介意搞糟那些面向客户的问题。如Datou说，产品经理应该是一个翻译。然而一名翻译的困境在于，他的老板并不能立即知道自己的翻译是否翻译详尽到位了；翻译自身的操心与不操心，难以量化，难以看到立即的实际效果，这就造成了大量的懒翻译，不把自己当“人”，把自己当做Google Translate。

当我今天回到电子版，我看到这本书的标题变为：要有光。下面是一些深有体会的话：

如果把用户、公司老板、研发人员当作三个来自不同星球的人，产品经理就是翻译。
产品经理的二八原则：20%的优秀产品经理完成了80%的最优价值工作，他们开天辟地；剩下20%的打杂工作则由其余80%的产品经理（或者产品助理）完成，他们修剪草坪。
西方有句谚语，魔鬼在细节中（The devil is in the details），什么是魔鬼，魔鬼就是让人摔倒的陷阱，当我们不了解足够多的细节的时候，就等于迈入了雷区。
作为一名互联网产品经理，请时刻提醒自己，不要重新发明轮子，要么第一个发明轮子，要么找到想要的轮子拿过来就好。
“想”是不够的，一定要动手去做，产品都是在做的过程中逐步被完善的，在能开始测试的时候就尽快开始测试。
消灭拖延提升效率的方法，就是把任务分解为连续的在能力范围之内的小任务。
用户体验影响产品口碑，口碑影响产品成败，产品成败影响产品经理的利益，这就是为什么用户体验高于一切。
用户对产品的忠诚度与产品的更新频率有关。管理用户期望至关重要。
先要做到人有我精，专注于核心创意并通过硬指标说服专家。

相关话题：产品经理源地址：http://nings.cn/2009/06/30/hurricane.html

Gmail标签功能改版

5key — 2009-07-04 14:47:40

早上到公司打开Gmail。蹦出了一个大大的提示框。仔细一看，Gmail改版了。

标签的位置被提上，并且默认展开两个标签，其他的收起，点击展开显示全部。
邮件支持拖拽，可以直接拖到某个标签中。

对于第一点标签的改动，还是很赞的。旧的版本中，标签一多，下面的calendar和docs都看不到比较麻烦。现在节省了不少空间。

不过，第二点拖拽到label中打标的功能，个人觉得到不是那么必要。操作起来不是那么方便。仔细看看你会发现可拖拽的区域只是checkbox前的那一小块，很容易误操作打开邮件。而且邮件拖到了label中，All mail中将不再显示这封mail。不知道这是故意的还是个bug。

源地址：http://5key.net/blog/2009/07/01/gmail-label-correcting/

关于“群”的那些破事

云风 — 2009-07-04 13:38:29

在 QQ 增加所谓“群” 这个功能之前，我就不用 qq 了。（所以找我要 qq 号的朋友不要再问了）

但是“群”这个讨厌的东西，总是阴魂不散的游荡在我的网络世界里。

今天在 twitter 上看见 Fenng 说 “我真受不了我可爱的同事们了，你们就不能不用"群"啊? 这是 IM 工具最烂的一个设计。除了浪费时间，还能干什么?” ，真是心有戚戚啊。

当然，人和人对事物的看法见解是不一样的。物以类聚、人以群分吧。我还真见过真心喜爱“群”的同学，大体上和 xmpp 同学以及Fenng 随后的发言一致。虽然分享“小笑话、新闻链接、有趣的小图片” 我觉得应该属于 google reader 的事情，

popo 作为网易内部交流工具，当初设计群的时候，我是发过言的。情况大致是这样：

一开始，dingdang 认为 popo 没有一个专门做产品的人，都是程序员自己在想应该怎样怎样。这样是做不好产品的。姑且不论程序员主导开发好或不好。我当时也是很赞同应该有人专门去考虑 popo 作为一个产品应该怎么制作和发展的。

IM 是个不错的东西，（虽然我个人更喜欢 email）。应该好好做。我那段时间跟 popo 的人聊的很多。这大约是 03/04 年的事情。

我是很反对增加“群”这个东西的。但是据说“用户”很需要。虽然我一直都觉得，不要听用户的，但是，做一个类似但更好的东西是有必要的。

更早一点，大约是 02 年。当时 popo 组的负责人黄（后来去做飞信的那位兄弟）曾经问我，除了游戏和 IM 我们还可以做点什么？我想了一下说，个人意见是：互联网上最需要的还是人和人的沟通。但不局限于 IM 。从那时起我就在想，到底我们需要一种怎样的沟通工具，可以让更多的人发出的有用的信息方便的聚集到自己这里。

所以、在 popo 增加群功能前，我把自己的想法写了几千字，希望可以做一个更好的“群”。不过 popo 组的人最终拒绝了我的提案。因为很难跟用户解释。用户没有见过这样的东西，而“群”已经深入人心，只要做一个一样的，就至少不会错了。

记得当时我们争论的问题还有类似的许多。比如到底是否存在一种最好的信息组织方式。用户的行为能不能引导。比如说，我坚持，搜索是一种比分类更好的方式，只要适当引导，用户会更偏向前者；但是反对的声音是，有人天生就热衷与自己分类，大类分小类的分下去；搜索只会让信息更乱。（所以、popo 差点就在好友管理中加入树状分类结构，最终只是程序和 UI 设计人员觉得麻烦而没能实施）

话说回来、当时我的建议归结起来很简单：就是类似 twitter 的方式。每个人的消息不要有准确的接收者，而是尽可能的广播出去。在消息里加入适当的关键词。（类似 twitter 的 @ 和 # ）。而后，接收者自己选择过滤出自己感兴趣的信息。

作为 IM ，还可以针对特定消息随时展开聊天室讨论。讨论的过程可以全文从 web 上查阅历史。从这点上有点点类似于后来出现的贴吧。就是以某个主题为线索展开，而不是以固定的人群，固定的聊天室。这也是对需要闲聊扯谈的人的一个满足。

时隔五年，现在这些概念相对好解释的多。因为现在我们有了 twitter 有了 facebook google reader …… 而用户，接收了它们。但我还记得当年，花了两个小时，才给一个人解释清楚我想要的是什么。而他在听完之后的第一反应是：高频率的广播消息？用户会受不了的。

后来、群的功能被加上。如同 qq 的 clone 。

如我所料、在群的忠实用户之外，还有一群如我一样的用户，即使被加入了群，也几乎不去查看群的信息。久而久之、许多群已经失去了当初设计他的人希望达到的功能。（当然，作为 clone 产品，我们需要的并不是考虑为用户带来点什么、也不必要去希望达到什么功能，而是考虑如何 clone 的跟本体一样就行了）

又过了几年，终于公司内部发通知，要求员工上班不得使用群。（虽然部分所谓工作群除外，但事实上否定了群的意义）

本质上，网易是个不愿意创新的公司，这点几乎写到了骨头里。不过这也不算坏事。这样，公司的发展更为稳重、少犯错误。我也不因此抱怨。即使脑子里总会蹦出些新奇的想法，但不至于冲动的立刻去干，在这样的环境下，会有更多的时间思考。因为、大部分新想法其实是不切实际的。

哦，我说的是“创”新。对于被验证过好的新事物，公司还是跟的很紧的。比如，gmail 刚内部测试放号的时候，我弄了一个玩。立刻惊叹于基于 ajax 的 web mail 可以这样好用。当天晚上就跟丁说，我们的 web email 系统也应该这样做。然后没多久，163 的 email 就更新了。老板推动的事情总是很积极的 :) 。

btw, 我们的 popo pidgin 插件已经可以收发群消息了。需要的同事去 sf checkout 代码自己编译使用。

Twitter和社会学

魏武挥 — 2009-07-04 11:45:15

还是要说说twitter，这两日忽然起来的一个古怪念头。

在Blog世界，有BSP提供的Blog和自己独立架设的Blog两种。前者又分为门户类、IM类、独立BSP类和空间类，后者则使用不同的开源程序，例如WP、MT，不一而足。有一点虽然没有实证数据支持，但逻辑上应该是成立的：大多数使用独立Blog的，都是对新媒体或网络媒体比较热衷的人。我不知道全世界有多少独立Blog，但我以为，不会是一个很小的数字。

架设独立blog的动机何在，我很久以前曾经写过一篇东西，文中提到了四个初始动机。这四个初始动机合起来就是一句话：装扮自己。我在另外三篇霍夫曼剧场理论的blog解读中也提到了“装扮”的问题（上、中、下）。大致上讲，blog就是一个装扮自己的东西，以自己为核心的印象整饰。

近来相当火爆的twitter，有称之为微博（micro-blog）的，也有称之为迷你博客（mini-blog）的，但好像至今没有什么人开发一个架设独立微博的程序，或者说，即使有人做过这件事，也没有被大范围的应用。我虽然比较宅了一些，但这种东西，应该不会没有看到的。

为什么很多网络新锐人士会应用独立blog，而独立微博，却无人问津呢？

我的答案是：微博不是一个装扮自己的东西。或者说，blog的重心在blogger自身，而微博的重心，却不在微博作者自己身上。

我以keso为例（呵呵，不好意思，我其实是想以自己为例的），我的确不太发现keso会在别人的blog下留言，虽然有很多教程告诉你如何成为一个名博的方法之一就是多多去人家blog上留言。我更发现这是很多成名blogger的共同特征：除非ta实在有话要说，一般情况下，你只能发现ta在自己的地盘（blog）上指点江山。但我同时又注意到，keso并不是一个不爱和别人说话的人，在5GSNS里，在他的keso’s view里，在他的twitter里，他还是相当活泛的一个人，这一点，许多名博，同样具有这个特征。

独立blog程序最大化地满足了“装扮自己”（这个装扮包括了自己去长篇大论地写一篇自己认为不错的东西），虽然配备有trackback或者pingback的机能，但重点不在互动之上。方兴东说blog是大教堂向大集市的转变，在微博没有出现之前，我以为然。但微博出现之后，我赫然发现，blog，只是大教堂变成了若干个小教堂罢了。而真正的集市，应该是以twitter为代表的微博：嘈杂但又互相依存。

所以，严格说来，blog的社会化程度比微博来得低。一个重心在社会化上的东西，做独立架站程序，应该是没什么前途的罢。技术问题不是最重要的，只要有需求，总会有人想出各种ideas来解决。但关系问题，却不是技术能够解决的。

不可否认的是，blog有很明显的信息孤岛特征，独立blog更甚。好在blog一般都文字比较多，借助搜索引擎，还能招来一点访问。但一旦微博也独立了，那可真就成信息孤岛了。一个人在那里成天叽歪磨叽而无人呼应，想必也无趣得紧。

把twitter称之为社会化媒体我觉得是不太恰当的，因为“媒体”这两个字和“关系”距离很远——媒体属于新闻传播的范畴，而无论是新闻学还是传播学，理论涉猎是不太讲关系的，除了“人际传播”是个例外（不过人际传播和媒体既离得远又不为人重视，更多的只是一些在术层面上的阐述，比如面试经之类）——似乎换为“社会化平台”更贴切一些。

twitter以及sns的兴旺证实了我早些时候的一个观点：互联网不仅仅是一个媒体，更是一个社会。运营互联网的人，大部分学业出身于技术类或新闻传播类，但甚少真正学习过社会学。新闻传播的理论已经无法解释互联网的社会化倾向，建立于大众传播基础上的广告营销法则，更与社会化格格不入。因为从谱系上讲，前者属于宏观社会学的一部分，后者则是微观社会学。

可惜的是，社会学，被大多数人认为是：没用的学科。

BTW，推荐一本书：《人际传播-社会交换论》，鉴于已经很难买到，且年代久远，所以给个电子版下载好了：这里。

相关话题：Twitter 源地址：http://weiwuhui.com/2407.html

机器聚合之殇

caozenghui — 2009-07-04 11:40:32

偶然之想，请不要咬文嚼字。

2007年的时候，聚合是Web2.0领域非常流行的一个词汇。如今到了2009年，聚合已经不再成为web2.0的核心，而成为了一个配料。

现在的核心是什么？显然是社交，再往里说是用户关系。Facebook用户突破2亿，基于用户关系形成的信息流获取已经完全遮盖了当年“聚合”精神。twitter的兴起，更是在信息获取和传播上将“社交”发挥到了极致。

简单回顾下，当年火极一时的聚合形态吧。Google News，当时被认为能够挑战雅虎News的东西，2008年，Google News引入了“当事人评论”功能，被认为极大提升新闻价值的，现在呢？今天，Google宣布关闭了这个功能。

一个小而精彩的聚合网站：techmeme，现在techmeme正在远离科技人士关注的重心。至少我已经有半年多时间不怎么访问那个网站了，我相信国外不少知名博客也是这个状况，techmeme已经不那么吃香了。去年后半年，techmeme宣布引入了首位人工编辑，对新闻进行调整，techmeme纯聚合模式终结。

另外一个就是Digg，Digg不是纯粹的机器或者语义聚合。它引入了人的因素，由参与的人，民主的选择和推荐新闻。可惜，Digg没有在美国人民的分享精神下做大，因为人们有了更好的、更高效的分享工具：twitter和facebook。

是基于用户关系的信息流获取机制打败了Digg，在这种分享中，受益方不仅是平台，而是用户，更高效的分享和获取信息。单纯的Digg聚合被击倒了。

我们经常说社交网站，其实它们还有一个名字，社交媒体，或者是社会化媒体。的确，人们在其中的信息传播和获取活动越来越承担一个媒体角色了。

现在看来，纯粹的机器语义信息聚合就不存在，社交是未来方向。

源地址：http://www.caozenghui.cn/archives/569.html

语义分析相关应用的实作要点

旁观者 — 2009-07-04 11:37:28

郑昀@玩聚RT 20090703

舆情监测和口碑监测都属于一个路子。常有人问到自然语言处理技术在其中如何上手实用。下面简单说一下。

一、词典和算法

前期的主要问题是用于分词和分类的词典建立，根据你的应用不同，这一套词典（可能有很多词典，比如人名、地名、组织名、常用英文缩写）的侧重是不同的。还有停用词表，也就是“的”“啊”“哦”之类的词。

举例：

对于生活搜索，“鱼头王”和“鱼头”应不应该都在词典中出现呢？“大酒店”和“酒店”呢？取舍取决于你的分词算法，甚至取决于你的应用点，如果是正向最大匹配分词算法，如果是搜索应用，那么显然应该移除“大酒店”和“鱼头王”。

后期则是自动去重、提取标签和自动聚类的算法以及效率问题，提取实体词和标签也是词典问题。

分词算法用谁家的都无所谓，开源的、能拿到手的、靠谱的有不少。主要是一套专用词典。需要（自动地）与时俱进，而不是拿一个许多年前的不更新的旧词典就搞定的。

也就是说整个应用的主要问题是词典和算法。

二、明确需求

语义这东西，如果没有明确的需求，很有可能花一番气力做出来的东西，最后不要了。算法一旦去研究，就会耗费很多精力去做对比实验，词典们一旦要自己收集并认真整理，就会耗费很多人工。这些都是成本。

所以必须明确需求。
没有明确的需求，很多工作等于是白做。

三、较高级的挖掘

深层次文本挖掘，国内外的做法一般有：
1：描述性的特征提取，如能够知道人们对某一款汽车具体到操控性、耗油量、舒适性等的评价以及评分；
2：情感分析，即正负面判断，基本上是靠词典和模式匹配；
3：自动热点发现，即聚类的变种；
4：利用实体词、标签做统计做趋势；
5：传播途径分析；
6：特定领域的观点自动提炼，基本上是靠词典和模式匹配；

7：自动生成总结(Summary)，注意不是“摘要”。
剩下的就都是围绕着关键词的简单玩法了。

社交玩法

Read/Write Web的文章也提到了社交的几个点，不妨一看：

语义链接分享
网络挖掘
新闻分享
Tweet挖掘

至于它后面说的语义/语境广告投放，那都是巨头的玩法，一般人不要轻易介入。

垂直、垂直

如果客户追踪的是某一个垂直领域，而不是那种泛泛的内容监控，其实很多事情就有了可做、可控的余地。
口碑监测或舆情监控，最麻烦的就是不知道将要监控的内容是什么，有没有明确的语言特征；这样，词典不好积累，算法不好交叉验证和调整，不容易走捷径。

四、能做好的

在垂直领域，即像汽车、旅游、饭馆、酒店和股票等的口碑监控，技术可以有把握做到的：
1：准确分词、分类；
2：准确提取标签和实体词；
3：描述性的特征提取；
4：自动发现热点；

不需要垂直领域也可以做到的：
1：自动去重；
2：通过实体词和标签的关联建立；

五、词典

需要整理专有词典的：
1：分词、分类（严重取决于训练机器时的语料是否准确是否具有代表性）；
2：实体词、提取标签；
3：情感分析；
4：描述性的特征提取；

不需要词典就可做的：
1：自动去重；
2：热点自动发现（说到底还是需要，但不那么严格需要）；
3：高速传播事件监测（其实是自动去重的镜像应用）。

六、做应用的流程

1：确定监控的垂直领域；

2：收集整理好专有词典；
3：为分类准备足够多的语料，每一个分类需要至少三百到五百篇文本，以供训练；
4：做垂直，像CIC或爱搜车的做法，至少要收集足够多的独特性汉语词汇，比如产品昵称，就有黑莓、BB、本本儿、小黑、小捷等；

4：为描述性的特征提取，收集语料，建立各种词典。

5：为情感分析收集语料，建立词典。

6：分别试验各种算法，反复调整以达到商用的准确率。

7：将各种语义处理联起来，合成应用。

举例：

我们做玩聚中文锐推榜这个非常简单的语义应用的流程：

1：明确需求：近乎实时地获取 Twitter 和饭否的RT(锐推，或称“转发”)消息，将内容相似的合并为一条消息；如果该消息被转发次数足够多，就可以登上中文锐推榜，并通过我们的官方微博客帐号和RSS发布出去。

2：确定重点功能以及对应的自然语言处理能力：

A、合并相似的转发消息：基于分词；

B、上榜锐推的标签，标签关联，热门标签趋势：都是基于自动提取标签；

C、阻止内容大体相似的锐推重复上榜：基于标签；（

不那么典型的是这两个上榜锐推，应该有一个被阻止上榜的，但实际上很难，因为语言特征上很难做出判断，虽然人一眼就能看出是重复的：

RT: @jason5ng32: 这几天我看到的“门”：邯郸大学教室做爱门、慈溪职高摸奶门、北京顺义脱裤门、上海地铁洗手门、湖南幼师摸鸟门、图书馆飞机门、湖南某学校秋千门。

与

RT @yeluchow: 今天看了3个门事件摸×门电梯门秋千门结论是现在脑残儿童真多。 /// 难不成这也是在给 “绿·坝” 造势？？？

。比较容易阻止的是下面这种：

RT @flypig: 贵国的 CCTV 终于在网站上 (页面地址：http://is.gd/16cfg ) 替秦刚老师承认了 GFW 的存在，请看截图：http://twitpic.com/7silp ，让我们为这种有责任心的媒体喝彩哟！ (CCTV 'admitted)

与

#RT: @DavidFeng: 贵国的 CCTV 终于在网站上 http://is.gd/16cfg 替秦刚老师承认了 GFW 的存在，截图 http://twitpic.com/7silp

）

主要是因为文字长度太短，短的话也就十几个字，所以以往用于长文章的诸多常规手段都用不了，需要调整。

3：针对锐推的语言行为，整理并持续更新自己专有的停止词词典。

4：整理自己的标签专用词典s，这个倒可以用通用的词典s；

5：反复调整各项参数，使之达到人可以觉得丰富、最好是有趣的地步；

6：将各个计算串联起来，如前面语义算的，如从每一个转发消息中提炼参与转发的用户名，等等，成为中文锐推榜的应用，每5分钟刷新一次，7×24地侦测中文微博客世界在流行锐推什么新闻、段子和语录。

源地址：http://www.cnblogs.com/zhengyun_ustc/archive/2009/07/04/1516655.html

若邻网(上海)紧急招聘UI设计师

Eric Tan — 2009-07-03 15:00:31

职位: UI设计师

薪金: 3000~7000

简历投送邮箱: tansl@wealink.com

有效期至: 2009-07-30

工作地点: 上海市普陀区

公司名称: 若邻网（国内最大的商务sns网络）

学历: 不限

是否应届: 非应届

年龄要求: 不限

性别要求: 不限

工作职责：
负责若邻网站产品界面设计

岗位要求：
具有有良好的视觉设计能力，有优秀的布局感和色彩感，能够整体把握网站的风格和结构
熟练掌握主流设计软件Photoshop、Illustrator、Dreamweaver、Flash等，熟悉DIV+CSS网页布局；能手写符合标准的HTML代码
对交互设计有一定的认识，有结合项目创新设计表现的意识
执行力强，拥有良好的沟通能力和团队协作能力，具有克服各种困难和挫折的勇气和毅力

源地址：http://ucdchina.com/post/4000

[译]Tab (选项卡)的产品设计原则及应用

西乔 — 2009-07-03 14:21:49

译者：西乔来源：Smashing Magazine 作者：Jacob Gube

Module Tabs(也称选项卡，后文中简称Tab，以更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。

（译注：本文中指的是狭义的Tab，指在界面的某一版块中所应用的Tab设计。实际上，绝大多数网站导航也是一种Tab。）

web用户界面现在的设计趋势是减少页面的屏长，降低信息的显示密度，但同时又不能牺牲可视的信息量。在这种趋势下，Tab 这种交互元素成为了一个越来越普遍的应用。例如在Blog界面的设计中，人们在侧边栏使用Tab模式来显示 ”最新更新|最热更新“ 的文章列表以引导用户快速跳转到文章内容页，这种模式令页面结构紧凑同时在视觉上不那么喧宾夺主。

本文将讨论基于web页面或其它web应用中如何设计Tab，同时分享一些产品设计原则、真实的应用案例、教程以及一些帮助你在自己网站上直接实现Tab应用的免费脚本下载。

分析Tab元素的构成

为了统一叫法以便于进行讨论，我们先花时间来认识一下Tab元素的每个构成部分。

标签：用户控制切换内容区的操作区域。
标签和内容区在视觉上看起来应该是一个整体。
标签上的文字应该简洁、无歧义并能准确描述出它所对应的内容区的信息特征。
标签有选中和未选中两种状态，每次只能有一个标签是选中状态，在页面刚载入时，默认第一个标签是选中状态。
内容区：重叠的部分。用于显示信息。
内容区和标签一一对应，
当前显示的内容区对应选中状态的标签，当前隐藏的内容区对应未选中状态的标签。
用户应当能很轻易地通过控制标签来切换对应的内容区。
默认被选中的内容区应该在页面载入后立即显示。

一。什么情况下应用Tab设计

当交互设计师希望节省页面空间；紧凑布局；且需要组合的几种信息之间具有关联性时，使用Tab元素是不错的选择。

信息之间具有某种关联特征

构成一个整体的每个元素之间都应该具有逻辑上的关联性。所以在一个Tab元素中出现几种信息应该具有关联特征，以便用户能将整个Tab区域视为一个整体。例如在Blog中很常见的信息组合：“ 最新更新 | 最热文章 | 评论最多 ” 。

下图是网站Webdesigner Depot的侧边栏上的Tab元素：“全部文章 | 最受欢迎 | 最新更新”

信息之间不应该存在对比或并行的关系

Tab元素中，同一时刻，只有一个内容区上的信息能被显示。当用户需要对位于不同内容区上的信息进行对比，或这几种信息同时显示会更利于用户阅读时，就不应该使用Tab这种交互元素。这样会导致用户为了比对所需信息，而不停在标签之间进行切换。

下面这个案例中，BGPatterns (一个在线制作背景图案的网站）中就使用错误的设计。当用户想设计或修改他所制作的背景图案时，必须反复在几个标签之间进行切换。Tab在这里妨碍了用户的操作。在页面上同时显示这4个内容区上的信息，可用性和友好度会更高。

另一个反面案例：网站 Best Web Gallery 在它侧边栏上所放置的Tab，标签分别是 ”特别推荐“（包含了一些网站所有者认为值得注意的链接）和 “最新评论”。这两组信息之间没有逻辑联系，用户会很疑惑为什么这两者要放在一起呢。所以这个Tab中的两组信息最好分开放置。

每个内容区应该有一个简短明确的标题。

Tab元素的标签区宽度是限的，所以标签区的文字应该简洁扼要，具有代表性，长度控制在1~3个英文单词。用精炼的方式展示信息，除了保持设计样式不变形，还可以让用户更快速地处理文字信息，以预测隐藏的内容区上所包含的内容。

Tab应该用于展现精炼的内容。

Tab本意用于展现标准化和易于理解的信息。基于此，Tab应该只用于显示信息摘要和内容要点，例如列表，数据图表，或1~2段简短的文字这种形式。

二。Tab的可用性原则及优化方法

这一章节我们将讨论一些关于Tab的可用性设计原则，以及如何使这种交互元素变得更友好和有效。

选中的标签应该高亮显示。

选中状态的标签应当非常容易被区分出来，以便让用户清楚当前显示的内容区是对应哪个标签。可以为未选中状态使用统一的背景色，为出于选中状态的标签上使用高亮的背景色，来加以区分。

保持标签只在一行内显示

Tab的标签通常是水平方向排列的（当然如果你愿意，也可以设计成垂直方向排列的），标签如果分布在多行上会导致用户在使用中非常疑惑。

在水平方向上多行分布标签，隐含一种等级关系，可能让用户误以为第二行是第一行的子级。

标签需要分布在多行上时，意味着标签的数量过多或者标签上文字太长。这些都是需要精简的。

内容区之间的切换应该没有延迟。

使用Tab来控制内容切换的特性之一是快速和互动。为此，应该在html代码里提前内嵌所有内容区的代码，并通过CSS/Javascript来隐藏未被选中内容区，而不是等用户切换到某个标签后再去远程请载入信息。

避免在标签切换的时候去载入页面，使用AJAX从远程读数据来生成动态菜单也是一个办法，但这对使用语音阅读器（译注：Screen-Reader：为视力障碍的用户准备，可以语音读出页面上的信息。）是不友好的，因为语音阅读器不支持DOM模型。（译注：DOM，AJAX技术实现的一部分，用于通过 JavaScript 代码处理 HTML 结构和由服务器返回的 XML文件。）

（译注：有4种方法载入隐藏区的内容代码：

html 一次性载入：这种方法原始且安全，但是存在数据太多或太复杂导致页面解析缓慢，从而导致整个页面打开速度变慢，这是不可忍受的。
frame: 将隐藏区的代码作为一个frame载入，frame的好处是可以新建进程，和页面中的图片同时下载。不同的浏览器可以运行一定数量的进程并行，比如IE可以同时允许4个。这样对整体页面的打开速度影响小。另外，frame可以进入浏览器缓存，在多个页面共用同一个Tab元素时，frame是一个好选择。
iframe：iframe和frame类似，继承了frame的优点，此外它还可以作为一个容器随意嵌入页面。google adsense使用了iframe来实现了局部代码的载入。。
Ajax：响应用户操作或响应某个触发条件，由JS在后台向服务器发出请求，载入隐藏区的代码。我认为除了交互和需要响应动态生成的内容外，没必要ajax技术。）

在标签上使用简短和有逻辑的文字。

标签应该设计得尽可能窄，以便在一行内容纳尽可能多的标签。

在标签区使用简单的描述或内容关键字，可以令用户在扫描页面时快速找到他们想要的内容。所以使用概括准确符合逻辑的文字来描述内容区是非常重要的，选用这些文字应该经过深思熟虑。

下面这个在网站CBS.com上的案例，是一个难用的Tab。标签上没有任何说明性文字，用户无法预测未显示的内容区里到底有什么。

而在 Navigant Consulting 的网站上，使用数字来暗示数据是有序的。但仍然没有表达出内容区里包含什么。这种设计容易产生歧义导致用户产生不必要的困惑。

不要在内容区内使用滚动条

在Tab的内容区里使用滚动条会增加用户负担：用户在要查找信息在哪个内容区里时，不仅需要切换标签，还需要加上移动滚动条的操作。

内容区里容纳的信息太多或设计Tab时设定的高度不够，会导致滚动条出现。所以需要考虑精简内容、增加高度值，或把选中状态的内容区处理为的高度自适应。

三。考虑Tab的易用性

更复杂的交互行为的出现，在不刷新页面的状态下异步更新内容，以及如何满足用户使用不同访问方式，包括那些很难确定的非典型状况下的访问需求，这些令易用性成为当前最热门的话题。本章节中，我们将讨论一些在设计Tab元素时你应该知道的易用性原则。

“选择”和“未选中”状态的标签应该使用对比鲜明的颜色

为了让视力上有障碍的用户能分清哪些标签是已选中的，哪些是未选中的，应该使用高对比的背景色来做出区分。

Yahoo! News 网站中的反面案例：选中和未选中状态的标签只有非常小的视觉上的差异，他们对视力好的用户没问题，但是会给视力不佳的用户带来麻烦。

此外，请务必保证标签的文字颜色（前景色）和标签背景色有充分的对比。即使未选中的标签，用户也能轻松阅读上面的文字。而不要为了让未选择的标签看起来不显眼而把它们都直接变灰。

确保隐藏内容区里的信息在语音阅读器中是可读的

基于可访问性，Tab应该使用技术将未选中状态的内容区隐藏起来，但是不能在DOM Tree中删除他们。比如不能使用 display:none; 或者 visibility:none这样的css参数去定义容器。这类参数导致语音阅读器无法读取被隐藏的内容区中的信息。

（译注：中国设计师可能不太重视语音阅读器的可访问性，但是在国外，有专门的法令条款规定，机构网站不得歧视有障碍的用户，包括视力缺陷，行动障碍、癫痫患者等，所以外国的产品或前端工程师会很重视这一点，不然会遭到投诉甚至起诉。这种差异去看看中国人是如何设计盲道的就明白了。）

详情请见Roger Johansson’s 的文章《利用css隐藏内容：问题和对策》”Hiding with CSS: Problems and solutions“.

（译注：Roger Johansson’s的文章中指出：许多CSS和JS教程建议使用display:none; visibility:none 来隐藏元素，但大多数状况下这是一个会降低可访问性的选择，。

display:none的真正含义是表示这一元素并不存在，不需要显示打印或被阅读。大多数语音阅读器会忽略任何使用display:none来隐藏链接，文字，导航和标题等。作者建议使用的技术是使用绝对定位坐标，例如 .structural { position:absolute; left:-9999px; } 。

另一个需要注意的问题是，当你决定使用JS去显示一个元素时，也应该用JS 技术去隐藏它。因为考虑到客户端是否支持js以及安全等级，如果客户端的js没起作用，可能交互或动态菜单没效果，但起码内容是可访问的。但如果你使用 css去隐藏一个元素，但使用js技术去显示它，在某些状况下，这个元素会变得一直无法访问。）

使用语义化的HTML结构来构造 Tab的标签。

使用无序或有序列表(译注：

这类标签）来构造标签的html代码，可以改善可访问性。因为屏幕阅读器用户可以基于此来识别出这是一组Tab标签。如果标签上使用了图片来代替文字，别忘了添加ALT 或 title属性来描述图片的含义。

允许键盘操作。

键盘导航是为一些有行动障碍或不能使用常规输入设备（如鼠标）的用户准备的。这种用户会使用替换形式（比如键盘或语音）来控制导航菜单，确保他们能将控制焦点在标签间切换，并激活他们想要的部分。

一个简单测试键盘导航的简单方法是：使用键盘上的Tab键，看你是否能将控制焦点集中在每个标签上？使用回车键，当前的控制区域是否能被激活，使未选中状态有效地切换为选中状态。

提高对用户客户端的兼容性。

当客户端无法支持某些技术，比如当浏览器关闭了JavaScript功能时，或者当用户没有安装Flash插件时，Tab内容区上的信息必须保证最基本的可访问性，交互元素确保能被替换为最基本的html文本。

四。提升之道。

在提供了一些基本的可用性建议和原则后，我们还可以讨论一些方法来进一步提高Tab元素的可用性。

在标签上使用icon来形象化地描述内容区说包含的信息。

在标签上配合使用形象的icon，可以增强对内容区信息的描述。

例如在网站 DrawIt 中，图标用于形象地补充说明所对应的内容区的功能。

在标签上使用icon，必须保证它们是形象的，切题的。使用不相关的icon会适得其反。

避免在标签上直接用icon来代替文字。

不同的人对一个图像有不同的解读，最安全的方法是使用纯文本来描述内容区信息。

在内容区切换的时候使用过渡动画。

在内容区切换的时候使用过渡转场动画是一个不错的选择，可以为用户提供积极的视觉反馈——内容区已经发生变化了！

大家可以去网站 Coda ，从左到右点击Tab标签，欣赏切换时的效果。

当用户在Tab的标签区进行操作时，有明确的悬停响应。

默认情况下，当用户将鼠标移到超链接或标签区域上时，鼠标指针的样式会发生改变，让用户知道标签区域是可点击的。

除此之外，还可以利用背景色变化来响应用户的鼠标操作。对于那些不熟悉Tab标签操作的网站新用户而言，这是很有用的。

下图中Vyniknite.sk 网站的案例里：当用户鼠标划过未选中状态的标签，背景色会变成鲜明的红色。

五。Tab的真实应用

现在为止，我们从细节上探讨了Tab这种交互元素，是时候来看看真实案例了，在这一章节，我们分析一些Tab元素的应用，希望可以带给大家灵感。

Haveamint.com

这个网站在首屏位置使用大量Tab元素以展现数量庞大的信息。

Yahoo!

雅虎在头版位置使用Tab设计，对信息内容的显示进行了压缩和模块化。

iGoogle

Igoogle在模块中大量使用了Tab，不占用大量的屏幕空间，又令信息饱满。

Blue Acorn

蓝橡果网站利用Tab来显示网站的热门文章: 电子商务和Magento（一个电商软件平台），内容区上还放置着引导用户浏览更多文章列表的按钮。

MailChimp

在这个案例中，你可以看到利用图标强化标签文字描述的应用。

WebNotes

WebNotes 网站的Tab元素，标签位于内容区下方，令人耳目一新。内容区切换时有淡入淡出的动画。

WorldCat.org

WordCat.org 在搜索框中使用了Tab标签，让用户可以针对特定搜索需求缩小搜索范围。（比如书籍、DVD、或者文章）

Martha Stewart

在 Martha Stewart 网站中，你可以发现他们为推荐内容使用了可以自动播放和带有过渡动画的Tab设计。

Krista’s Creations

Krista’s Creations 利用字母表作为标签来控制图片的分类显示。

Clearspring

Clearspring 拥有响应速度极快的Tab，这是一个非常好的传统Tab设计的案例。

Homewood

在网站Homewood中，它们也利用icon来辅助了标签上文字的表述。

Apple - iWork

ExpressionEngine

网站 ExpressionEngine 把标签控制区放在Tab窗体的底部，在快速载入内容区和快速响应内容区切换方面，它也是一个很好的例子。

Viget Inspire

Viget Inspire 在热门文章版块使用了Tab，有淡入淡出的切换动画，内容区高度可根据内容长度自适应。

Komodo Media

Komodo Media 的标签里，icon放在文字上方。

atebits

atebits presents 用Tab来展示产品介绍，它有效地在这么小的空间里展现了如此丰富的内容。

Tumblon

Tumblon 把标签放置在内容区下方，能快速响应切换，但不好的是，标签的选中状态和未选中状态不是那么容易区分。

kevadamson.com

在 Kev Adamson的网站中，右边栏里有好几个Tab，网站使用了不同的ICON配图，帮助用户理解不同Tab的功能。

六。 Tab的创建教程（前端方面的）

有很多教程能告诉你在页面上如何建立和实现一个Tab，下面，你可以通过一些顶尖教程来了解更多关于创建Tab的技巧。

Building Tabbed Content 《如何创建Tab》

通过阅读这篇初级教程，你可以了解如何通过使用JS框架原型创建一个简单的Tab元素，

Create A Tabbed Interface Using jQuery 《使用jQuery来创建Tab》

Dan Harper 提供给读者关于如何使用jQuery库(译注：著名的js库）来构建Tab。

Accessible Image-Tab Rollovers 《图片标签导航的快速切换》

学习如何实现用图片来制作标签导航区，并实现快速切换

Create a Slick Tabbed Content Area using CSS & jQuery 《使用CSS和jQuery来实现一个可平滑切换的Tab》

七。脚本资源

如果你真正查找能直接在你网站上应用的Tab脚本代码，这有一些免费的解决方案。

DOMTab

DomTab 是一个很受欢迎的脚本，能很容易创建一个Tab元素，把普通的链接列表改造为Tab元素。

JavaScript Tabifier

这段由BarelyFitz 设计的即插即用的 JavaScript代码，能够帮助你在个人网站上更快速实现Tab元素。

TabView

TabView 是yahoo用户界面库(YUI)里的一个元件，你可以利用这个元件来减化代码量和图片的使用。

Coda-Slider

Coda-Slider 是Coda 设计的Tab实现脚本，可以实现内容区切换的转场动画效果，还可以设置将Tab标签们靠左对齐或靠右对齐。

idTabs

idTabs 是 jQuery 的一个简化插件，可以强大的设置功能可以简化原来控件中复杂的参数与组合。

Tabtastic

idTabs是一个JavaScript库，也包含创建Tab工具，这有深入浅出的使用教程Step by Step pane。

Ajax Tabs Content

动态和远程数据，你可以使用AJAX这种动态驱动方法，来异步更新内容区里的信息。

Carousel - Module Tabs

这段Tab脚本简单但可高度自定义，支持动画与自动播放。

关于原作者

Jacob Gube 是一个JS和PHP工程师、WEB设计师、作家，Six Revision的创始人及总编。Six Revision是一个在线共享专业的开发与设计资源及教程的平台。这是他的Twitter:follow him on Twitter。

相关话题：Tab页签源地址：http://blog.xiqiao.info/2009/07/03/409

北京拓荷国际文化传媒有限公司招聘网页设计

拓荷国际 — 2009-07-03 12:59:40

网页设计师工作职责：

职位: 网站制作网站设计师
薪金: 面议
学历: 大专
是否应届: 非应届
年龄要求: 23岁以上
性别要求: 不限

1.负责用户界面设计
2.根据产品需求与技术配合，高质量完成产品的视觉设计工作
3.结合用户体验，优化及完善设计流程

职位要求：

1.工作2-3年经验，大学专科或以上学历，人机交互、视觉设计、相关专业
2.熟练运用常用设计软件，并具有在此基础上快速掌握和使用新软件的能力（请在简历中附带近期作品）
3.两年以上网页设计经验；
4.熟练掌握 Photoshop 、Flash、Dreamweaver 等工具；
5.拥有优秀的视觉设计能力，并且在web界面设计方面有成熟的作品
6.认真细致，善于创新，对视觉设计、色彩有敏锐的观察力及分析能力
简历以及作品投递到：chinauschamber@163.com

公司网址：www.takhope.com

源地址：http://ucdchina.com/post/3998

浅析豆瓣的 Google Analytics 应用

owen — 2009-07-03 00:01:04

大家好，我是owen，主要从事 Online marketing 方面的工作，平时主要专注于 SEM 和 Web analytics。这次很荣幸能够应 Denis 之邀，在我爱水煮鱼抛砖引玉，发表 Web analytics 方面的文章，希望以后能够在这里，与大家多多交流这方面的知识。今天首先给大家简单谈谈豆瓣网怎么应用 Google Analytics。

豆瓣 Google Analytics 代码加载模式

豆瓣从今年开始也加入 Google Analytics 的统计阵营。让我们通过它加载的 Google Analytics 源码，简单分析一下它都是怎么应用的。

我们先从豆瓣的源码来看看它的Google Analytics统计代码

豆瓣 Google Analytics 代码

我们知道一般默认的 Google Analytics代码如下：

默认 Google Analytics 统计代码

两相对比，我们就会发现豆瓣加载 ga.js 的方式与默认的方式有些不太一样，由于豆瓣并没有采用 https 加密访问，所以撇弃了默认的ga.js加载方式。

默认的统计函数，pageTracker 也被豆瓣改成了 _ga ，这个只是名称定义上的区别，并没有什么实质的改变。豆瓣的主要应用是下面两个函数：

使用 _ga._addOrganic 识别非主流搜索引擎

再来看豆瓣比默认 Google Analytics 代码增加的部分，那就是多了数个 _ga._addOrganic ，这是 Google Analytics 添加自定义搜索引擎的代码。尽管 Google Analytics 对于主流的搜索引擎都能自动识别，但毕竟能识别的是国外的主流搜索引擎，在国内，像搜狐的 Sogou，QQ 的 soso，网易的有道等搜索引擎，都不能被 Google Analytics 正确识别，而被当作推荐来源。这时候我们就可以利用_addOrganic 参数来识别这些非主流搜索引擎，如豆瓣的做法。

使用 _addIgnoredOrganic 忽略关键字

除了添加自定义搜索引擎，豆瓣在最后还添加了如下这些代码:

_ga._addIgnoredOrganic("豆瓣");
_ga._addIgnoredOrganic("douban");
_ga._addIgnoredOrganic("豆瓣网");
_ga._addIgnoredOrganic("www.douban.com");

这些代码用来把引号中的关键词从搜索引擎的关键词报告中排除，而当成直接点击量来源。

为什么要这么做？因为一个知名的大网站，来自这些品牌词的搜索流量都非常大，常常是排在前几位的搜索关键词来源，而这通常是因为搜索引擎养成现在的人都懒得记网址，直接搜索品牌名来记住域名。这些品牌词对于网站的关键词来源分析并没有很直接的帮助，所以在来自品牌词的流量很大的情况下，可以直接把这些关键词识别成直接点击量来源。

关于自定义 Google Analytics 搜索引擎和排除特定关键词为直接点击量来源的语法，可以参考 Google Code 上关于这方面的详细介绍。

通过 _setVar 识别用户

当我们登录豆瓣后，再来分析豆瓣的源码，会发现多了一个ga._setVar(”xxxx”)的 Google Analytics 参数。

豆瓣使用 Google Analytics 的._setVar参数来跟踪登录用户行为

_setVar() 函数是 Google Analytics 的用户定义函数，主要用于对特定来源的用户行为进行分类，例如可以对登录浏览的用户设置一个数值，然后在 Google Analytics 后台的访问者/用户定义 中查看其浏览属性。

Google Analytics 访问者/用户定义报告

分析豆瓣的源码可以知道，豆瓣对每一个登录后的用户，都赋以一个专门的 id 值，这样可以在用户定义报告里，看到整体的登录用户访问行为，乃至每个登录用户的浏览行为。通过这样设定后，豆瓣便可以轻易获取高忠诚度访问用户的访问行为。关于_setVar()的更多说明，请参阅 Google Analytics的技术文档

如何根据访问者在我的网站上访问的页面或在表单上做出的响应对其进行分类？在 Google Analytics 官方的帮助文件，也给出了另外一个应用案例

值得注意的是，原来在设置 _setVar() 函数的时候，整个网站的跳出率会出现重大的偏差，不过在最近的google analytics官方博客，指出该bug已经修正，客户在进行这方面设置的时候，还是要注意对比前后数据是否有重大偏差。

通过 _trackPageview 区分不同类型的评论

豆瓣上的书评，影评和乐评可以说是豆瓣网站的核心价值所在。一般评论的URL格式如下：

豆瓣上单条评论的URL

当我们查看该页面的网页源代码时，会发现有趣的现象:

豆瓣单条评论页的 Google Analytics 代码

我们知道，一般 Google Analytics 的_trackPageview() 括弧中的参数是留空的， Google Analytics 会自动捕获网址的 URL 参数，如果在 _trackPageview()括弧中输入特定的数值，那么在 Google Analytics 的报表中，URL 将是我们指定的参数，而不再是我们在地址栏看到的 URL。

如上面的例子，我们在 Google Analytics 中看到的URL将是/book/review/1946018/，而不再是我们在浏览器地址栏看到的/review/1946018/

当所在频道是电影或者音乐时，_trackPageview() 中的参数将根据所在频道的属性，变为/movie/xxxxx 或者 /music/xxxxx的数值。

豆瓣通过对的参数进行重新指定，主要有以下的好处：

保证了用户和搜索引擎看到的 URL 比较简短，达到 URL 对用户友好和对搜索引擎友好的目的；而在 Google Analytics 报告中，通过内容/内容细目/ 报告，又能了解到各个频道总的浏览情况。

在GA的内容细目报告中，将会多出 /book/ /music/ /movie/ 这样的文件夹来，总而获得各个频道的合计浏览数据。

而如果只是使用默认 _trackPageview()，你将只能得到所有评论页面的浏览数据，而无法得到细分的各个频道的浏览数据。

关于_trackPageview()的具体的使用方法可参照 Google Code 的说明

注意事项:使用 _trackPageview() 参数重新指定 URL 之后，网站覆盖图的数据将受到影响。可参阅 Google Analytics 的官方帮助文件

除了豆瓣使用 _trackPageview() 来对URL进行重写，大众点评网也采用了类似的做法（应该是比豆瓣更早采用。。。因为是我在点评网任职时候实验的做法;那时候豆瓣还没有使用 Google Analytis 统计代码，呵呵），有兴趣的同学可以自己去研究点评的 Google Analytis 代码。

源地址：http://fairyfish.net/2009/06/30/google-analytics-in-douban/

《网站优化》学习笔记

邓熔 — 2009-07-02 23:58:18

对于新用户，网站只有不到2分钟的介绍时间。其中，花在主页上的时间只有半分钟，这半分钟里大部分的时间用于决定下一步去哪里，而不是逐字阅读那些内容。成人每分钟阅读200-300个单词，所以，更为实际的做法是把网站的介绍用10到20个单词就讲清楚。用户会在内部页面上花1分钟，但这一分钟里的一部分时间会用于评估网站的导航系统以及决定下一步去哪里。所以，有可能会阅读100个单词量的信息。
用户要完成任务时，88%的情况下会先去搜索引擎，只有12%的情况下才会直接去一个他们希望对问题能有所帮助的网站(Expedia也不例外)。搜索引擎只理解真正的文字，所以它们可以算是世界上最有影响力的盲人用户。
相比搜索引擎自然排名而言，搜索广告投放是一个短期解决方案，但做法是昂贵的，而且会逐年更昂贵。点击搜索引擎广告的第二位的用户，转化率可能高于点击第一位的，因为他们更积极地在寻找解决方案。
用户滚屏与否很大程度上取决于他在短短的几秒钟内是否认为自己走对了地方，但如果一定要设计成滚屏，也尽量不要让长度超过2.3屏。
Victorassecret是全世界最好的25个电子商务网站之一。
Jakob的《Homepage Usability》和《Designing Web Usability》值得一看，还有《Information Architecture for the World Wide Web》。
网页设计的两个主要策略是：使你的内容看起来是一顿很有营养的大餐；向用户表明这些内容很容易得到。
后退按钮是Web浏览器中第二大常用功能，仅次于链接到新页面。后退按钮可能由于嵌在页面内部的重定向而不是隐藏在服务器端的重定向而失去作用。
（P55-56）这里讲了用户对于广告的抵制态度和“习惯性忽略”，提出适当位置的和当前页面相关的文字链比图形或动画更能吸引注意力，因为用户已经习惯于认为网站上有用的部分都是以普通文本的形式出现的。（P192）眼球跟踪研究发现，对于在线的新闻内容，标题和文字是首先被注意到的，甚至先于图像。
搜索是仅次于导航的人们最常用的在网站上查找信息的方式。符合用户期望的搜索，才是好的搜索。即使只有一个结果也需要显示搜索结果页，因为这是用户所预期的方式，而且一旦用户看到搜索结果那么少，就可能想要修改搜索条件。
人们用以判断一个公司是否值得信任的主要标志：该公司是以一种皮包公司的方式运作呢？还是愿意提供一个实际的地址和电话？
三个因素会影响到一个问题对于用户的严重性评级：频率，多少用户会遇到？后果，遇到会造成多大的麻烦？持久性，是一次性麻烦还是每次都会有麻烦？计算公式是“频率得分×后果得分×（持久性得分的平方根）”。之所以持久性得分用平方根来算是考虑到实际上用户遇到麻烦后很可能不会再来了。
（P95）四分之三的人们遇到的可用性问题都和查找、阅读和理解信息有关。其中，可查找性（信息体系结构，类别名称，导航，链接）是最大的问题，占了26%；其次是页面设计（易读性，页面布局，图形，显得不够专业，滚动），19%，然后是信息（内容，产品信息，公司信息，价格），18%，还有搜索，11%。以上四项加起来差不多占了75%。除了这四项和信息相关的问题之外，任务支持（工作流程，隐私，表单，不同产品之间的对比信息，缺乏灵活性）也是较大的问题，12%；然后是花俏的设计（多媒体，后退按钮，PDF/打印，新窗口，声音），9%；其他（程序错误，Web上的可见度，广告，新网站，比喻）4%。广告之所以没有成为较大的问题，是因为用户虽然讨厌广告，但他们会主动忽略它，而且广告必须达到非常讨厌的程度才会导致用户离开网站。
（P97）任务失败的原因和上面说的问题不同一样，因为有些可用性问题会让用户痛苦，但并不见得会导致任务失败，比如广告、比如页面设计、比如易读性等。（当然，这些问题虽然没有导致失败，但是会导致用户不那么喜欢你）。任务失败的原因主要有这些：搜索、信息体系结构、内容、产品信息、工作流程。搜索占了15%，可查找性占了27%，信息占了19%，任务流程占了13%，花俏的设计占了11%，页面设计8%，其他7%。
通过将同样的链接散布到页面上各个地方来强调它的方法实际上会减小用户看到它们的可能性，页面上的对象越少，用户就越可能注意到它们。过多的页面元素，相互竞争之后，大家都不会显得突出。所以，使用重复链接的方式弊大于利，即使增加了某个特定页面的访问量，但可能会失去一些用户对于网站的再次访问量，他们会因为不容易在网站上找到所想要的而感到困惑。
应当把主页上的直接链接保留给少量最重要的用户任务，对于主页上任何一个单独的区域来说，需要将直接链接的数量限制在3～5个，如果区域很多，那么最好是3个或更少。
更多的文字意味着更少的阅读，整块密集的文字其实是在告诉用户“你要很费力才能从中找到所需要的信息”。文字尽量别用抗锯齿效果，它会导致文字模糊，而且会增大图像文件的大小。（P189）尽可能别用移动的文字以及图形文字，人们对于闪烁或移动的文字感动厌烦，因为这些文字会影响他们正在做的事情。他们会把动态的文字和广告联系起来，因而可能会忽略它。（滚动文字在一些特殊场合可能是有效的，比如发布一些重大新闻。）
（P177-178）对于印刷品而言，有衬线的字体更加精美，对于分辨率有限的屏幕而言，无衬线的字体更合适阅读。无衬线字体在字号很小时会更清晰。Arial和Verdana都是无衬线字体，用户都很喜欢，后者在小字号时也很容易辨认。
（P182～183）一般而言，黑色字体，加上冷色调和不饱和色的背景，是最好的搭配。黑底白字当文字较小时白色的边缘会显得模糊，如果需要用深色的背景，尽量选黑色之外的某个深色。紫色和黄色这些颜色的对比度很高，会给文字一种振动的效果，这也使得它很难阅读。
Web内容要重视可扫描性和可理解性，所以，用简单朴素的语言进行描述，少说废话，少用花俏的词汇，在开头两行就讲出关键结论，这些很重要。另外，人们更喜欢陈述事实的语言，会忽略浮夸的宣传语。标题很重要，需要简炼且具有描述性，标题左对齐比居中对齐更易于阅读。
对于用户而言，网上购物的一个优点是他没有任何必须购买的压力，也不需要挡开那些过分热情的销售人员。大肆的市场宣传和过于热情的销售方法会把Web上的客户赶走。没有必要在字面上欢迎人们来到你的网站，对于用户而言，更有意义的是清楚的产品信息、高质量的网站内容。用户愿意信赖一个清楚地对产品和服务进行描述的网站，而不是充斥着销售方面的宣传广告的网站。
提供少数合适的选择通常要好于显示出很多看起来很相似的产品，人们不喜欢面对大量的选择。
三次点击规则不是可用性准则，强制要求一个大型网站遵守三次点击规则通常会导致网站的导航系统不堪重负，难以理解。只要每一次点击都能使人们更接近想要的结果并且速度合理，他们并不介意点击多个页面来完成任务。
人们访问Web是因为它有用，而不是它好看。视觉上吸引人是好的，但内容才是最重要的。Flash不应当被用来使得一个页面更加活泼，如果你的内容令人枯燥的话，就重新写一下，并请一个专业摄影师拍一些更好的照片。富媒体能够在某些情况下提升用户体验，但在大多数时候是“穷”媒体使你变得富有，因为简单的设计能够使用户专注于和你做生意。
可用性在很大程度上就等同于简单性，更少的功能意外着更少的令用户感到迷惑的东西、更少的用户出错风险、更少的描述和文档、更少的帮助信息，去掉一个功能就能自动地提高其余功能的可用性（老邓按：增加一个功能就会自动地降低其他功能的可用性）。所以，在将设计元素增加到网站之前，先问问：这个元素会简化用户的任务吗？这个元素能为用户带来更多的价值吗？

源地址：http://www.raydeng.com/%e3%80%8a%e7%bd%91%e7%ab%99%e4%bc%98%e5%8c%96%e3%80%8b%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0.html

安全，还是安全

大宝 — 2009-07-02 23:55:26

不知道，是不是因为被过往整怕了，我现在的思维状态，越来越把安全放在第一位。这里的安全，还不单单是指工作中涉及到的代码安全，除此之外，还包括了项目安全、团队安全等等多个方面，不过，归纳起来，可能也就两点：
1. 作事的安全；
2. 用人的安全。

考查一个团队优劣的标准，我认为只有一点，那就是，“把事作好”。所以，不管是民主也好，控制也罢，其最终目的都是为了把事作好。说，我们放开限制，让大家每一个人都自由发展，而其实，并不是每个人都能把握住这样的机会，甚至并不是每个人都需要这样的机会。所以，我们决策者自己，对自由发展的效果要作到心中有数，自己给自己一个低估值，随时准备在最关键的时刻自己亲自上阵。

说起来可能会觉得很可悲，但无数的事实一再告诫我们，这个世界上，在那些最关键的时刻，往往只有自己才靠得住，甚至，连自己都靠不住。因为是人就总有懈怠、不经意甚至自私的时候，而每当此时，都是我们更容易犯错，项目更容易出问题的时候。

在网游产品运营的过程中，经常会遇到非常多的突发事件，特别是与安全相关的突发事件，比如物品复制，刷钱等等，我们在处理此类问题的过程中，所积累下来的一个良好习惯是：不仅要解决当前的这个问题，还要向上更进一层，看看如何从机制上作得更安全。

机制的安全，是一个永无止境的改进过程，新的需求、新的改动总会引出新的问题，我们无法从技术层面作到完全的杜绝，最主要的，还是要不断敲响警钟，让每一个开发者都绷紧一根弦，都能到达“闻刷色变”的心理状态，小心翼翼，战战兢兢。

多年来，我们磨练出的一个最好品质就是：快速响应，而且，是整个团队，自上而下，自内而外的。关于这一点，可能这一次与我们产品团队合作的市场团队同事印象会比较深刻，我们对于前线需求的响应速度可能在公司内部是前所未有的。

在我们的团队中，我们也从始至终在贯彻一种理念和作事的方法：在这个团队中，没有谁不可被替代，包括我自己。我对这个团队进行培养的最终目标，就是如果有一天我离开这个团队，它仍然可以按照我们既往积累下来的流程、经验和方法把项目和产品顺利的作下去。从这套作事的方法上，我们就在避免把某一个人刻意塑造为项目中不可替代的核心人物，也绝不会允许任何开发者以“讨价还价、以走相胁”的方法获得自己想要的利益，在这个团队中，任何利益的获得，都是因为你对项目本身作出的贡献，而不是其它。

广撒网，精耕作。有些烂泥压根就是扶不上墙的，我们自己要有这个心理准备。要把机会留给那些真正能作事、能担得起责任、心中装着大家而不自私的人。有才者，可以攻一役；而有才有德者，方可统领千军。

源地址：http://sodme.dev.blog.163.com/blog/static/54780020096212935641

酷6(北京)高薪诚聘产品UI设计师

火龙 — 2009-07-02 17:51:31

岗位职责：
1、负责公司产品的视觉设计，包括网站产品界面、客户端软件界面及图标设计等；
2、负责公司个人产品相关设计，参与设计过程中的产品交互、原型设计；
3、配合UED、产品部门完成原型或DEMO设计。

任职资格：
1、有良好的美术基础，敏锐地色彩触觉，能独立设计、具有独特创新能力及审美能力、有创意，积极肯干；
2、精通PHOTOSHOP或fireworks、FLASH、ILLUSTRATOR等相关图象处理软件，
3、大学本科或以上学历，人机交互、工业设计、视觉设计、计算机相关专业；
4、有软件和网站设计经验，了解设计流程；
5、了解交互知识者优先；
6、具有很强的沟通能力，团队精神强；
7、了解Css、Javascript, Html等网络技术
8、3年以相关工作经验。

其他福利待遇：

1、薪金6k-8k
2、相关保险福利制度
3、工作期间优秀设计方案奖励机制
4、定期的团队建设活动

联系方式：
邮箱：tianlei@ku6.com
公司网站：http://www.ku6.com/
地址：北京市海淀区学院路甲38号长城电脑大厦A座4层

期待有志之士的加盟！

源地址：http://ucdchina.com/post/3993

Web页面空间利用率的思考

Alite — 2009-07-01 19:49:16

很早就听说韩国网站的设计师们很会利用空间,来创造更多的信息承载量.最近浏览了几个韩国SHOPPING网站果不其然,就拿小小的广告轮播来说,非常佩服他们的设计功底.

Naver shopping

我们可以看到广告区域总体由两部分组成:左边区域是显示的主体区域,使用过程体会到承载了9件产品的显示任务;右边区域承载了3条信息的自动轮播显示任务.如果用户比较关注细节,用户会发现当鼠标滑过左边区域时候,会有绚光出现.当然这不是最精巧的地方,当用户点播右边区域的展开按钮的时候用户将看到以下的展示.

原来的主体广告变换成垂直边栏的缩略图,新的三条主题广告像拉黑板报一样呈现出来.当然此时左边的主题广告也没忘记再加三个轮播.如果用户想切换回原来的模式,只要轻松的点击左边的垂直边栏的缩略图即可.大量的信息承载与主题切换并没有使广告位混乱,反而觉得变换的比较自然.

如果这些也不足以说明韩国网站重视对空间的利用率的话,我们在看下面的例子:

开始状态:

点击广告位上面的TAB后:

关于以上例子的具体交互操作方式可以参考链接:http://www.naver.com/

如果读者对韩国网站有所思考的话,可以积极参与本话题,畅所欲言,大家一起头脑风暴!

源地址：http://www.aliued.cn/?p=2118

巴别塔（北京）科技有限公司招贤纳士

尚邮 — 2009-07-01 17:25:42

巴别塔（北京）科技有限公司（BaBeeTa）是一家高新技术企业，致力于为人们的生活、工作提供无拘无束的沟通，重建每个人心中的“巴别塔”。

尚邮是一种利用主动推送（push）的方式，将电子邮件直接推送到移动终端的即时通信产品，它能够将电子邮箱中刚刚收到的新邮件在第一时间主动推送到手机中，让用户像收发短信一样收发邮件。

我们欢迎优秀人才加入我们的团队，我们将为你提供一个自我发现、自我实现、自我超越的平台。更多详情请登录http://www.shangmail.com

一、手机软件UI设计师

工作年限：二年以上学历：本科

职位描述：
1、负责公司手机软件界面设计，素材搜集，产品方案设计；
2、负责用户界面的信息构建，交互设计和图形符号设计；
3、优化用户体验及设计流程；
4、公司宣传品的平面设计。

任职要求：
1、本科以上学历，美术、设计、工业设计或相关专业；
2、二年从事手机界面设计相关工作经验，能够独立设计整套UI作品；
3、熟悉3D-MAX软件、FLASH工具、手机GUI设计，精通Photoshop、Illustartor,、Flash有良好的视觉语言基础；
4、对开发用户界面设计、交汇设计有极大热情、对产品流程、用户流程及用户需求有深入理解；
5、具备良好合作态度及团队精神，并富有工作激情、创造力和责任感；
6、把握市场流行趋势，对色彩及主题把握性强，优异的设计品位；
7、随简历请附作品，无作品者恕不约见。

二、软件配置管理员（SCM）

工作年限：一年以上学历：大专

岗位职责：
1、参与建立、部署、实施和持续改进软件配置管理过程；
2、维护配置管理环境，包括基线管理、版本管理、发布管理、变更管理、配置审计等；
3、配置管理报告的编写和分析；
4、监督和审核项目过程中配置管理规范的实施情况，为项目提供配置管理流程、工具方面的咨询、培训和支持；
任职要求：
1、具有1年以上配置管理工作经验；具有软件过程改进（如CMM/CMMI）经验者优先考虑；
2、精通软件配置管理理论及配置管理业务流程，熟悉 VSS等配置管理工具
3、熟悉软件构造的整体过程，能够充分理解软件架构设计人员意图。了解至少一种软件生命周期过程模型，熟悉RUP或Agile方法（XP /Scrum）者优先。
4、能够实施各项项目管理任务，掌握配置管理及每日构建相关工具的配置与使用。
5、具有软件开发或系统测试经验者优先。
6、具备较强的学习及动手能力，能够较短时间内掌握从未接触过的技术、方法及工具的运用。
7、表达能力强，善于沟通交流，强烈的责任心、敬业精神和团队合作精神，能够承受工作压力。

三、iPhone 软件开发工程师

工作年限：二年以上学历：本科

岗位职责：
1. 负责iPhone手机软件的设计、开发；
2. 编写必要的开发文档，如设计文档，测试文档；
3. 进行源代码的单元测试和质量控制。
任职要求：
1、大学本科学历，计算机、电子信息技术及其相关专业； 2年以上相关工作经验。
2、精通C/C++和Object C语言，对面向对象的开发有深刻认识；
3、熟悉Mac OS X操作系统；
4、熟悉基于无线网络的应用开发，熟悉Socket开发，熟悉TCP/IP和HTTP协议开发；
5、具有诚实、乐观、富于责任感的精神；良好的职业道德和积极向上的心态；
6、善于沟通交流，有良好的团队协作精神和服务意识。

四、手机软件研发经理

工作年限：三年以上学历：本科

岗位职责：
1. 负责Symbian/Windows Mobile手机软件的架构设计、开发；
2. 编写必要的开发文档，如设计文档，测试文档；
3. 进行源代码的单元测试和质量控制；
4．带领研发团队完成开发任务。
任职要求：
1、计算机、电子、通讯等相关专业本科（含）以上学历，三年以上的手持移动设备的嵌入式开发经验；
2、具有丰富的手机软件架构设计能力和经验；
3、精通C/C++，Java等技术体系；
4、精通Symbian或Windows Mobile系统，有至少两年以上实际开发经验；
5、精通面向对象的程序设计；
6、具有带领开发团队的能力和经验，具有一定的团队领导能力；
7、具有诚实、乐观、富于责任感的精神；良好的职业道德和积极向上的心态；
8、善于沟通交流，有良好的团队协作精神和服务意识。

五、Brew手机应用软件高级开发工程师

工作年限：二年以上学历：本科

岗位职责：
1. 负责BREW平台手机应用软件的设计、开发；
2. 编写必要的开发文档，如设计文档，测试文档；
3. 进行源代码的单元测试和质量控制。
岗位要求：
1、大学本科学历，计算机、电子信息技术及其相关专业； 2年以上相关工作经验。
2、精通C/C++语言，对面向对象的开发有深刻认识；
3、熟悉BREW手机平台的应用软件开发；
4、熟悉Socket开发，熟悉TCP/IP和HTTP协议开发；
5、扎实的编程功底；
6、具有诚实、乐观、富于责任感的精神；良好的职业道德和积极向上的心态；
7、善于沟通交流，有良好的团队协作精神和服务意识。

六、产品助理

学历：大专

岗位职责：
1、撰写产品需求文档；
2、协助产品经理进行项目协调工作；
3、搜集竞争对手信息和行业数据，并定期进行数据的维护和更新
4、负责产品推送内容的搜集和整理；
5、负责产品售后的问题解答。

岗位要求：
1、大专或以上学历；
2、具有良好的沟通能力，有强烈的责任心和团队合作精神；
3、具备较强的文案策划及撰写能力；
4、计算机操作熟练，熟悉各类办公软件；
5、思维活跃、有创新精神、认真细心，能够承受高强度的工作和压力；
6、对电子商务市场等互联网产品有深刻理解，有较强的学习能力和分析能力；
7、熟悉手机软件和应用，对IT行业信息敏感。

七、市场总监

工作年限：三年以上学历：本科

岗位要求：
1、能够在一个团队中展现出无比的担当与勇气；
2、深刻理解市场营销，能够取其精华、去其糟粕；
3、具有出色的战略眼光，带领团队拼杀的同时不断调整前进方向；
4、有强烈的成长意愿，希望通过团队的成长达到自身的突破；
5、有坚定的成功欲望，能够为自己的梦想和目标付出足够的努力；
6、有丰富的市场营销经验，具备一定的媒体关系，能运作大型活动和合作；
7、身先士卒，能做到亲历亲为，为团队做出牺牲和榜样；
8、乐于接受挑战、敢于创新，愿与一家创业型企业一起成就伟大！

岗位职责：
1、制定公司总体市场发展战略以及市场发展目标；
2、制定公司整体品牌、公关、推广策略，维护公司品牌形象；
3、组织制定和执行市场规划、市场/销售策略，并组织推动实施工作；
4、负责拟定、执行和监督市场调研计划，定期进行市场预测及情报分析；
5、完成用户发展目标，定位目标人群；
6、结合产品进度，制定和实施年度市场推广计划
7、宏观调配、使用、平衡公司资源；
8、负责建立与维护合作伙伴关系，媒体关系。

八、市场经理

工作年限：三年以上学历：本科

岗位要求：
1、有一定媒体资源，能够独自开发、利用媒体资源进
行产品推广
2、能够独立策划、执行推广活动
3、擅长对外交往，能开拓合作，进行独立谈判
4、优秀的自省能力
5、文笔好、策划能力强、有创意
6、熟练使用office各种软件
7、能够承受压力，懂得承担责任

岗位职责：
1、制定、执行产品推广计划
2、完成推广指标
3、能够带领团队进步、成长，帮助团队完善专业技能
4、建立、丰富媒体资源和合作资源

九、Exchange开发工程师

工作年限：三年以上学历：本科

岗位职责：
1、负责MS Exchange相关的业务开发。
2、编写必要的开发文档，如设计文档，测试文档；
3、进行源代码的单元测试和质量控制。
任职要求：
1、大学本科以上，计算机及相关专业毕业；相关工作经验三年以上；
2、熟悉Exchange邮件系统相关开发，精通相应的Exchange API、CDO、MAPI、WebDAV API 进行数据访问；
3、两年以上Exchange开发经验。

十、手机软件开发工程师

工作年限：二年以上学历：本科

岗位职责：
1. 负责BREW/MTK平台手机软件的设计、开发；
2. 编写必要的开发文档，如设计文档，测试文档；
3. 进行源代码的单元测试和质量控制。
岗位要求：
1、大学本科学历，计算机、电子信息技术及其相关专业； 2年以上相关工作经验。
2、精通C/C++语言，对面向对象的开发有深刻认识；
3、熟悉BREW或MTK手机平台的应用开发；
4、熟悉Socket开发，熟悉TCP/IP和HTTP协议开发；
5、扎实的编程功底；
6、具有诚实、乐观、富于责任感的精神；良好的职业道德和积极向上的心态；
7、善于沟通交流，有良好的团队协作精神和服务意识。

十一、市场推广主管

工作年限：三年以上学历：本科

岗位职责：
1、业务活动的策划并制定营销方案、营销活动组织及实施；
2、面对传媒和各类推广资源，协调沟通内外部资源，进行具体业务营销活动的执行；
3、分析把握客户行为、营销机会，实施符合客户需求、市场环境、资源状况的营销策略；
4、负责移动公司业务需求的收集，协助进行针对性营销项目；

岗位要求：
1、3年以上通信、市场营销或电信增值等行业营销及推广经验
2、熟悉无线数据业务或无线互联网，熟悉移动营销渠道者优先；
3、熟悉无线客户端产品市场运作者优先；
4、有成功的营销策划案例，熟悉市场动向，具备市场敏感度；
5、具有良好的综合业务能力，较好的文字表达能力和较强的沟通协调能力，敬业踏实；

十二、产品经理

工作年限：三年以上学历：本科

岗位职责：
1、设计优化产品流程、界面等环节
2、监控用户数据，及时调整、升级产品
3、撰写产品文案、制定产品中短期规划
4、完成与技术部门的接口。完成项目跟踪和管理

岗位要求：
1、3年以上互联网、增值产品策划经验，有较强的产品设计需求分析能力，有一定的产品架构及文案编写方面工作经验；
2、对目前主流和先进的手机客户端软件有所了解；
3、工作积极主动，有较强的学习能力；
4、富有责任心和创新精神，团队合作能力强；
5、接触过，并能够熟练使用黑莓或者其他push mail软件优先；
6、有手机客户端软件、无线增值产品开发经验者优先；
7、具备网络规划、数据库规划、网络安全经验优先。

十三、J2SE 工程师

工作年限：二年以上

岗位职责：
1、负责终端应用软件的开发。
2、进行源代码的单元测试和质量控制。
3、编写必要的开发文档。
岗位要求：
1、精通Java语言，熟练掌握Java开发技术，具备扎实的编程基本功和良好的编程习惯。
2、两年以上J2SE开发经验，精通数据结构和多线程开发。
3、熟悉TCP、UDP、HTTP等网络协议，能够熟练开发网络应用。
4、有丰富的项目经验、能独立承担项目。
5、具有钻研精神，工作认真负责、表达能力、沟通能力强。
6、思路清晰、思维敏捷、良好的英文资料阅读能力。
7、有强烈的事业心，具有良好的团队协作精神。

十四、J2EE软件工程师

工作年限：二年以上

岗位职责：
1、负责J2EE应用开发。
2、 J2EE应用的优化，数据存储的调优。
3、编写必要的设计文档。
4、单元测试和质量控制。
任职要求：
1、本科及以上学历，两年以上J2EE应用开发经验。
2、有良好的面向对象程序设计思想，熟悉设计模式。
3、熟悉iBatis、Hibernate、Spring、Ajax等开发框架。
4、熟悉JMS、JNDI、NIO等J2EE技术。
5、熟悉Oracle、Mysql数据库开发技术及相关工具。
6、有大型J2EE系统开发经验者优先考虑，有邮件服务器开发相关经验者优先考虑。
7、工作踏实认真，理解和沟通能力强，有良好的学习能力、团队合作精神，能承受工作压力。

十五、BlackBerry/J2ME 工程师

工作年限：二年以上

岗位职责：
1、负责J2ME手机终端应用软件的开发。
2、负责BlackBerry平台相关应用开发。
3. 负责已有产品在不同手机平台SDK下的移植和适配。
4、进行源代码的单元测试和质量控制。
5、编写必要的开发文档。
岗位要求：
1、精通Java语言，熟练掌握Java开发技术，具备扎实的编程基本功和良好的编程习惯。
2、两年以上J2SE开发经验，1年以上J2ME手机软件开发经验，精通CLDC/MIDP开发。
3、熟悉J2ME相关规范。
4、熟悉主流手机操作系统（Nokia、Moto OS、Linux）以及相关SDK。
5、具有BlackBerry手机软件开发经验。
6、熟悉TCP、UDP、HTTP等网络协议，能够熟练开发基于无线网络的应用。
7. 有丰富的项目经验、能独立承担项目
8、具有钻研精神，工作认真负责、表达能力、沟通能力强。
9、思路清晰、思维敏捷、良好的英文资料阅读能力。
10、有强烈的事业心，具有良好的团队协作精神。

十六、Windows Mobile 工程师

工作年限：三年以上

岗位职责：
1、负责Windows手机软件的设计、开发；
2、编写必要的开发文档，如设计文档，测试文档；
3、进行源代码的单元测试和质量控制。

岗位要求：
1、大学本科学历，计算机、电子信息技术及其相关专业；4年以上相关工作经验。
2、精通C/C++或C#语言，对面向对象的开发有深刻认识；
3、熟悉VC++，MFC，ATL和DLL开发；
4、熟悉PocketPC/Smartphone、Windows CE平台开发；
5、熟悉Socket开发，熟悉TCP/IP和HTTP协议开发；
5、具有诚实、乐观、富于责任感的精神；良好的职业道德和积极向上的心态；
6、善于沟通交流，有良好的团队协作精神和服务意识。

十七、Symbian工程师

工作年限：一年以上

岗位职责：
1、负责Symbian手机软件的设计、开发；
2、编写必要的开发文档，如设计文档，测试文档；
3、进行源代码的单元测试和质量控制；

岗位要求：
1、计算机、电子、通讯等相关专业本科（含）以上学历，一年以上的手持移动设备的嵌入式开发经验；
2、熟悉C/C++，Java等技术体系；
3、熟悉Symbian系统，有1年以上的Symbian平台开发经验；
4、熟悉面向对象的程序设计；
5、具有诚实、乐观、富于责任感的精神；良好的职业道德和积极向上的心态；
6、善于沟通交流，有良好的团队协作精神和服务意识。

十八、平面及网页设计师

工作年限：一年以上

岗位描述：
1、负责公司网站的设计
2、负责公司整体UI设计
3、负责各种活动相关内容的设计，包括易拉宝、网页页面、海报等
4、负责公司宣传品设计，如企业宣传册、DM单等
5、负责公司的内部刊物、内部MV制作
6、负责公司产品的使用演示制作

岗位要求：
1、熟练使用Photoshop、CorelDraw、Flash、Dreamweaver；
2、 3年以上商业网站及平面设计相关经验，具有较强的想象力和创造力；
3、擅长网站界面设计，能理解并善于表现公司要传达的商业理念；
4、精通html、CSS、javascript能够独立完成网站的规划和静态页面制作；
5、精通Flash制作者优先；
6、面试请准备您的代表作品。

十九、软件测试工程师

工作年限：二年以上

工作要求：
1、熟悉LoadRunner、WinRunner 等至少一种自动化测试工具；
2、熟悉工具的脚本编写，熟悉软件测试的各个环节；
3、负责编写测试用例，制定测试计划，编写测试报告；
任职要求：
1、计算机软件、通信等相关专业，有测试经验者优先；
2、了解软件工程、软件测试流程和规范，了解软件测试方法和策略；
3、具有积极主动的工作态度，对测试工作有激情；
4、具有严谨的质量意识、分析判断能力，敢于发表自己的见解；
5、诚信、敬业，有良好的团队精神和协同能力；
6、具有优秀的团队合作精神，有较强的学习能力和沟通能力，工作认真，责任感强；

二十、运维工程师

工作年限：三年以上

岗位职责：
1、负责服务器软、硬件的安装、调试、维护以及机房相关事宜的协调。
2、负责产品应用程序的安装、更新及相关配置。
3、负责日常服务器监测、事件处理以及相关文档的整理。
4、负责客服技术支持。
岗位要求：
1、3年以上相关行业同等岗位工作经验，有大型系统平台维护经验者优先；
2、对操作系统原理，关系型数据库（MySQL）原理，网络安全有较为深入的理解；
3、熟悉TCP、UDP、HTTP协议，精通windows、Unix、Linux平台的管理和维护，熟悉shell 脚本的编写；
4、具有手机通讯行业知识、了解邮件服务器系统原理者优先。
5、能够处理常见的计算机软、硬件故障，具备网络管理经验；
6、有较强的责任心，有良好的团队合作精神。

二十一、人力资源主管

工作年限：五年以上学历：本科

职位描述：
1、负责人事招聘工作，选拔合适的人才；
2、负责公司内部培训的开发和讲授，如企业文化培训、产品基础知识培训、行业分析培训等，建立起有效的培训运作体系；
3、负责员工激励相关工作，建立良好的文化和氛围，宣导公司文化，保留公司的核心员工；
4、建立有效的绩效考核、劳动合同的规范管理等人力资源管理体系，为公司重在人事决策提供依据。

任职要求：
1、本科以上学历，5年以上知名企业人力资源管理工作经验；
2、熟悉现代企业人力资源管理，包括人事制度建设、薪酬规划、劳动合同的规范管理、绩效考核及培训等人力资源管理各方面；
3、具有良好的沟通协调能力、解决问题的能力、执行能力及适应能力，责任心、服务意识强，能承受一定的工作压力。

二十二、商务主管

工作年限：二年以上学历：本科

岗位职责：
1、商务拓展：负责商务合作伙伴、渠道代理商及直销客户的开发，设计合作和销售方案，进行商务谈判谈判和促成协议签署。
2、渠道管理：及时向所在区域代理商传达解释公司营销政策，保证客户深刻了解公司政策，增加自信心调动积极性，协助其制定销售策略和开展销售业务。
3、客户管理：与合作伙伴建立良好关系，保持长期的友好合作，负责处理各种危机、公关活动等事宜。
4、市场管理：通过日常拜访和市场调研采集市场信息和竞争对手情况，制定合理的区域市场销售策略，协助做好品牌宣传与推广工作，在完成任务的前提下做大市场。
5、计划管理：做好市场预测，拟定年度、季度、月度的商务计划及实施方案，预估各项市场费用、客户奖励以及年终返利，跟踪掌握计划执行情况并及时进行核算。

岗位要求：
1、2年以上商务拓展或渠道管理工作经验。
2、沟通能力强，具备一定的销售技巧。
3、有很强的责任心、进取心和事业心，能承担较强的任务指标压力。
4、具有一定的客户资源，能适应出差进行客户开拓和维护。
5、工作认真细致、敬业负责，具备较强的学习能力及适应能力。

二十三、行政专员

职位描述：
1、负责办公室日常行政事务的处理；
2、负责公司前台接待、总机电话转接、收发传真和信函；
3、负责来访人员的接待、引见和安排，公共区域卫生维护；
4、负责安排公司的各种活动、会议安排；
5、办公用品发放
6、公司出差人员的机票、火车票的购买，以及酒店的预订安排；
6、公司饮用水的订购和供给；
7、公司物业管理、租赁、水电、电话费等的整理和缴纳处理；
8、公司其他日常后勤工作，以及其他各部门领导人临时交办的事项。
9、处理人事部的文书及招聘事宜。
岗位要求：
1、大专学历，具有相关工作经验；
2、熟练使用办公软件、办公自动化设备；
3、

源地址：http://www.shangmail.com

所有文章 - UCD大社区

关于 IM 工具的"群"

交互设计师修炼之“变色龙”

如果你不是产品经理

有些不爽是会消失的，尤其是点击引起的不爽

banner字体设计与应用

iugiuhiuhi

产品经理应该是一个翻译

Gmail标签功能改版

关于“群”的那些破事

Twitter和社会学

机器聚合之殇

语义分析相关应用的实作要点

若邻网(上海)紧急招聘UI设计师

[译]Tab (选项卡)的产品设计原则及应用

分析Tab元素的构成

一 。什么情况下应用Tab设计

信息之间具有某种关联特征

信息之间不应该存在对比或并行的关系

每个内容区应该有一个简短明确的标题。

Tab应该用于展现精炼的内容。

二 。Tab的可用性原则及优化方法

选中的标签应该高亮显示。

保持标签只在一行内显示

内容区之间的切换 应该没有延迟。

在标签上使用简短和有逻辑的文字。

不要在内容区内使用滚动条

三。考虑Tab的易用性

“选择”和“未选中”状态的标签 应该使用对比鲜明的颜色

确保 隐藏内容区里的信息 在语音阅读器中是可读的

使用语义化的HTML结构来构造 Tab的标签。

允许键盘操作。

提高对用户客户端的兼容性。

四。 提升之道。

在标签上使用icon来形象化地描述内容区说包含的信息。

在内容区切换的时候使用过渡动画。

当用户在Tab的标签区进行操作时，有明确的悬停响应。

五。Tab的真实应用

六。 Tab的创建教程（前端方面的）

七 。脚本资源

关于原作者

北京拓荷国际文化传媒有限公司招聘网页设计

浅析豆瓣的 Google Analytics 应用

豆瓣 Google Analytics 代码加载模式

使用 _ga._addOrganic 识别非主流搜索引擎

使用 _addIgnoredOrganic 忽略关键字

通过 _setVar 识别用户

通过 _trackPageview 区分不同类型的评论

《网站优化》学习笔记

安全，还是安全

酷6(北京)高薪诚聘产品UI设计师

Web页面空间利用率的思考

巴别塔（北京）科技有限公司招贤纳士

一。什么情况下应用Tab设计

二。Tab的可用性原则及优化方法

内容区之间的切换应该没有延迟。

“选择”和“未选中”状态的标签应该使用对比鲜明的颜色

确保隐藏内容区里的信息在语音阅读器中是可读的

四。提升之道。

七。脚本资源