如今的社会早已是信息社会，能快速高效的获取信息，成为了竞争力的核心，早已在十几年前，互联网的普及就已经加速了信息的流动，大家获取信息的方式也逐渐转向更高效的互联网，而现在，微博时代的来临，又给大家带来了什么样的信息呢？

记得某位互联网巨头说过，用户对互联网的四大需求是：信息共享、通讯、娱乐互动、电子商务，其中信息共享又排在首位，是重点中的重点，那么作为设计师，该如何为信息设计呢？下面我将从四个方面阐述微博在信息共享中做了什么，又会指导我们怎样为信息设计：

一、信息获取

大家看这样3个界面，分别是微博、人人和开心的信息流，有什么不同吗？

咋一看很相似，仔细阅读起来，还是有很大不同的。

微博的内容更简单，大部分都是直接完整显示，可以连续阅读，而其他两个的信息多为链接，阅读需要频繁的跳出再回来。

最常用的多媒体内容，比如图片，在当前位置直接展开，不用跳出，始终保持从上往下的阅读动作，连续性更好。

多次提到的阅读连续，还有个重要体现就是，有价值的评论作为转发出现，仍然保持连贯阅读，不用经常性的打开评论来看。

手机作为另外一种阅读终端，将是更便利的信息获取工具，成本更低，还能充分的利用碎片时间。

好，我们有了信息获取的设计思路：

• 尽量减少用户的跳出率，保证流畅的阅读
• 信息量不用多，让有价值的更易吸收
• 上网时间是固定的，利用好碎片时间

二、信息表达

演讲是古代在公开场合进行信息表达较好的方式，当然这一方式保留至今，因感染力强仍然被大家所喜爱，诗歌书籍也是信息表达的方式，是靠写的形式，乃至后来有了互联网，写博客也盛行了，较长的篇幅和内容很好的满足了大家的阅读欲望。

但是演讲和博客的表达成本太高，势必不能成为大多数人的信息表达方式。

而微博是这样一个自我信息表达成本很低的方式，我们可以把最简单的信息表达出来，有的甚至不用打字⋯⋯

没有什么比用短信发布信息更便捷的方式了，无论有没有3G，而且还是公开给所有人看。

不光是原发，参与意见也是信息表达的一种，加上评论并转发即可。

好，我们又有了信息表达的设计思路：

• 减低UGC的门槛，不做太高的要求和限制
• 提供最简单的方式发布：短信，定位⋯⋯
• 提供更容易的参与意见的机会

三、信息传播

信息传播是门正经科学，在这里只能浅浅的谈一下，先说下互联网web2.0的两类代表产品，代表了时下信息传播的高水准：微博和SNS。

由传播的内容决定了是否更易传播，而微博的媒体性和单向关系，也让传播变的更加迅速。

又一次，又一次的说到了转发，更容易参与意见，也更容易参与传播，简单转发即可。

三层信息节点理论出自CEO曹国伟2011年4月27日的《微博与移动互联网的发展》的演讲，需要深入了解的朋友可以去下载PPT观看。

我们根据以上得出了信息传播的设计思路：

• 根据信息的性质来设计传播方式
• 让用户都成为传播的载体
• 传播节点需要严格控制

四、信息通讯

看到信息通讯难免会想到手机电话什么的，这里狭义的说，指的是我们互联网上的消息通讯，偏指一对一。

QQ大家都用过，最让我们心动也最让我们心烦的都是那任务栏上跳动的小头像，这就是在电脑上无处不在的消息提醒，而微博的消息提醒，俗称“小黄签”，其实也是这个原理，不过只能在浏览器里的微博网页上无处不在了~

集中的各类消息，直白的提醒描述也是广受爱戴的原因。

消息处理的越快速，越能促进下一次信息的通讯，即时通讯就是这么流行开的。

随着智能手机的普及，通讯真的可以无处不在了，直接到达贴身的终端，路径最短。

最后，我们得出信息通讯的设计思路：

• 让消息提醒位置更固定，内容更直白
• 减少用户消息处理的层级，越少越好
• 加快通讯消息的处理速度，能有效促进下一次的通讯

是的，信息的流动越来越快，信息的获取也越来越容易，在微博，明星能更快的成名，商人能更快的挣钱，品牌能更好的建立，我们要怎么设计才能应对未来的高速发展呢，在这里愿意与大家共同思考共同讨论~

Facebook 全新的个人页面TimeLine：

在此先不放出PPT了，日后还需要继续完善这个主题，能在更大的场合分享给更多的同仁~
比如中国交互设计体验日（http://ixd.org.cn/）

大纲如下：
1、 信息获取：信息的呈现，信息的阅读，有价值的信息的展现，信息的获取方式
2、 自我信息表达：自我表达的成本，自我表达的方式，自我表达的类型
3、 信息传播：信息传播的内容，信息传播的参与方式，信息传播的层级
4、 信息通讯：信息通讯的通知，信息通讯的处理，信息通讯的路径

呵呵，改了版式和背景，是不是很weibo？@b3inside

上面两张图里都有我，虽然很难找，第一张就算是跟zuck的合影吧……

• 1、于是先用ftp把服务器上的都备份到本地，然后再用主机商提供的phpmyadmin把数据库导出
• 2、接着清空了虚拟主机上的所有文件
• 3、再把崭新的WordPress3.0.1上传了上去
• 4、由于之前没有清数据库，所以不用install，直接就可以访问admin后台了~ 进去一看，数据都还在，看来数据库是没有问题的
• 5、然后就是恢复自己的主题，首页就可以访问了，速度嗖嗖的~ 由于资源文件都没传上去，图片都是空的，还有整个右侧边栏都是空的，看来问题就出现在右侧边栏上
• 6、又赶紧把资源文件都上传了，整个页面立刻恢复了整洁
• 7、再就是恢复插件了，由于右侧边栏有几个插件，所以要挨个排查是哪个出了问题，于是一个一个的上传，直到上传了中文工具箱，发现页面又访问不了了，原来就是这个插件跟3.0.1不兼容导致的，网上查了下，说这个插件严重拖慢速度，于是立马卸载了又换了替代品

重装之后，终于博客复活了！

怀揣着激动的心情等到了周日，天公很作美，晴空万里，一大早赶到了东三环边上的集合地点，我们此行的座驾已经停在那里了，3台东风雪铁龙C5，1台8代雅阁，1台新君威，还有一起参加活动的十几名网友，由于都是圈子里的网友，大家很快的就熟悉起来。等人一齐，组织者就给大家分了下车辆，准备热身出发了，我分到了一台颜色是巴赫兰的C5，外观看起来很大气绅士，不像红色新君威那样跳脱，灰常耐看，呵呵。

拿到钥匙后迫不及待的坐进去，第一个感觉的就是空间不错，尽管我一向对车座都很挑剔的，但C5的还是超出了预期：椅面不仅宽而且长，乘者舒适，让你的大腿在长途旅行中成为最大受益者。坐感也非常柔和舒适，全无传统般硬朗。不过肩部、肋部和大腿两侧的支撑则明显被放大，有着比以往更加结实的质感，很是特别。值得称赞的还有C5的仪表和中控台，清晰漂亮的悬浮式指针为三块巨大的LED显示屏提供了安置空间。让我印象最深的是方向盘的设计，中间部分是不动的，十分具有太空感。

和谐的仪表盘，嘿嘿

话不多说，简单熟悉了车子之后，就出发了，城里还是有些堵的，一路停停走走，出城后一看油表，平均油耗10.8，这对2.3L排量的自动档来说，真是非常低的一个数字了。

出城之后就是放开了，一路上都是山路，双向单车道，弯道又多，对超车的要求比较高，这里C5的表现非常好，油门踩下去，提速相当快，有很明显的推背感，对于短距离超车非常好。还有一点不得不说，在过弯时，真是非常平稳，以往开/坐别的车，过弯速度稍快就有被甩出去的意思，而C5就没有这种感觉，怪不得大家都说雪铁龙的底盘调教是一绝呢。还有声音，C5行驶起来的噪音隔绝能力实属一流！中间有一段车少，将车速瞬时加至170后迅速降至60，加速的过程明显与波音737在跑道起飞时推背感一样。并且在高速过程中依然能心平气和地与旁人交谈，胎噪小的几乎可以忽略了。

大概中午11点多就到了爨底下村，一进村，一副古声古色的画面印入眼帘，抬头看去，一片四合院依山而建，错落有致。停好车后，大家决定先转一下，组织者去找地方吃饭。

为了取得最好视野，大家转头向村子对面的山上走去，小山不是很高，上了几层之后再看对面，村子的全貌就显现出来了。

中午找了家农家院吃的饭，大家在齐整的四合院中围桌坐定，村民从自家厨房端出自家烧制的家常菜、山野菜，非常好吃，大家边吃边开着玩笑，其乐陶陶。水足饭饱之后，我们开始徜徉于爨底下的各个民居，据说至少有七十多户，而每一户都有各自的特色。村里由于名气的渐增，不少民居都兼客栈、饭馆、商店之用。

北方农村的感觉让我十分怀念，喜欢屋檐下垂挂的玉米、喜欢积雪下堆积着的豆梗、砖石上干瘪的老丝瓜、窗棂上悬挂着的小兽皮以及红辣椒…… 更不用说那些门神、灯笼、红联……红色的中国味。

还有建筑细节上所体现的吉祥与祈福，比如这里的瓦当、影壁、砖雕、木雕等……建筑是凝固的音乐，小时候不知道那些老宅屋瓦砖院中的美丽，长大后越来越觉得，中国的民俗建筑是蕴含着不少的传统美学原理。后山半山腰间有个小窑矿据说是为了拍摄某部电影而专门新设的。在山间也可以看见不少假树枝树叶，也是为了电影拍摄需要而插上的。村里保留着很多文革的标语，这已经成为爨底下的一景。很多人在标语下留影纪念，也许在这里，通过标语，我们能抚摩到一些历史的沧桑。

不知不觉之中，就到了该回家的时间了，真还有点依依不舍呢~ 为了能让大家互相比较下几台车的驾驶感觉，回来就互相换了换车，我换了台8代雅阁，雅阁一直都是销量相当好的车，开起来也是拥有日本车的感觉，油门较软，方向盘也比较轻。由于回来的首先就是山路，大家又归心似箭的，这里雅阁就很不爽了，想短距离超车？没戏……油门踩下去，只听见发动机轰隆隆的响，却迟迟不加速，总是错过最佳的超车时机，以致于在路上前车需要不停的等我，还通过对讲机得知，开新君威的哥们儿也是如此抱怨，如此比来，C5的提速性能还是有很大的优势的。路上还互相对了下油耗，都是满箱出发，C5和雅阁还剩一半，新君威就只剩1/3了……这美国车真是油老虎，不得己为了保证能顺利回家，路上还是给新君威加了次油。加油后，我换了新君威感受一下，果然，提速还不如雅阁呢，而且刹车偏硬，很不适应，真怕发生紧急情况来不及踩下去。不过还好，毕竟都是B级车，安全性和稳定性都是不差的，最后一路顺风的都回到了家。

真的非常感谢搜狐圈子组织的这次活动，美美的过了把车瘾，期待下次还能有这样的活动哦！最后放上大合影~

今天，3月21日，世界睡眠日，恰巧是个周末，劳累了一周的大家有没有在家里睡懒觉呢~提醒大家，关注睡眠质量就是关注生活质量，关注睡眠就是关注健康。

好了，回到正题，在前作（一）和（二）中谈到了真心话和任务的设计，这次谈谈白社会中三个较小一点的设计点。

一、好友新鲜事新增提醒

在白社会的首页中，分量最重的就是这个好友新鲜事了，为了保证信息流的快速直接，我们采用了“推”的模式，并且直接即时的将信息推到用户的面前，这就是所谓的实时Feed了，这其实是一种非常酷的体验，信息获取快速直接，也省了刷新页面，是不是有种使用聊天室聊天的感觉呢。但是，凡事有利就有弊，在新鲜事的开始阶段，我们发现了实际使用中不爽的地方，在浏览新鲜事的时候（尤其是看分享的视频），或在评论新鲜事的时候，由于新增的新鲜事，会造成整个新鲜事区域在往下滚动，浏览和评论都无法进行了，严重打断了正在进行的行为，所以，我们此时想让信息“停”下来。但在，什么时候停下来，是需要谨慎考虑的，既不能破坏了信息的实时性，又能不打断用户的浏览/操作行为，这时候我们建立一个用户模型，假设了一下用户的行为：

【状态1】用户浏览器中首页处于初始位置的时候，即用户没有滚动页面，用户行为是：

（1）用户在等待新鲜事
（2）用户在发布信息
（3）用户在浏览新鲜事/评论
（4）用户在评论/操作新鲜事

【状态2】用户向下滚动了页面，用户行为是：

（1）用户在浏览新鲜事/评论
（2）用户在评论/操作新鲜事

这个时候，我们就能判断出，在【状态2】中，信息必须要“停”下来，以保证不打断用户行为，而在【状态1】中，由于（1）（2）行为的概率要大于（3）（4），所以我们让信息继续“动”。转变为可执行的方案，就是这样，我们加了一个判断，页面中的一个分界点如果在浏览器以内，信息“动”，在浏览器以外，信息“停”。在进一步精确了分界点之后，我们把分界点定为新鲜事的最上端（见下图）。

明确了这个之后，进入下一个关键点，就是如何让在“停”的状态下知道有新增新鲜事。这就相对容易一些了，只需要在页面上给出标识提醒到用户即可，我们选择在新鲜事区域的最上方，出现一个小的提示层，当有新增新鲜事时，出现并显示数量（见下图）。

此时，用户及时了解到了新增新鲜事，当然如果他想看这几条新增新鲜事，也不能太麻烦，最好就是让他直接点击这个东西，所以这个层还有个功能就是滚动回首屏，当到首屏之后，就进入了前面说的【状态1】，新鲜事自然就“动”了。这里还有个小细节，当提示的新增新鲜事数目过多时，用户在回到首屏后，大量新鲜事在同时加载，可能会严重拖慢或者卡死浏览器，所以我们定义了超过30条时，回到首屏后，就重新刷新一下全部的新鲜事，就避免了这个问题。

二、在线聊天的会话

白社会页面的右侧，有一个在线聊天，我们管它叫WebIM，就是网页版的即时聊天，可以跟白社会里的好友聊天，是不是很像QQ？向伟大的QQ致敬！好吧，这里我们重点要谈的不是QQ，而是聊天的会话状态，我们用过QQ的都知道，当有新消息来的时候，系统任务栏右下角会有小头像一闪一闪，我们点开就会出现一个新聊天窗口，而在用户的任务栏上，也会新增一个会话，而且在跟多人聊天时会有多个会话，我们只需要点击不同的会话，就可以激活不同的聊天窗口（见下图）。

那网页版的会话怎么处理呢？页面里是没有任务栏的。有些WebIM创造了这么一个任务栏，比如Facebook，页面下方多出来一个浮动工具条，当然它还有别的用途，这也是个办法，但有没有别的更好的办法呢？思考过程中，我们重新梳理了会话的作用：

1、存储聊天状态
2、切换聊天对象
3、提醒新信息

这样看来，会话需要呈现的信息并不需要太多，只用小头像显示即可，我们把目光放到了聊天面板上“在线好友”上面（见下图）。

在这里依据时间顺序排列会话的小头像，操作上也很顺手，详细定义一下：

1、当有新消息来时，出现目标好友的小头像一闪一闪，点击后出现聊天窗口，同时存储聊天状态，会话小头像保留，不再闪动
2、最小化聊天窗口后，保留会话小头像，关闭聊天窗口后，去除会话小头像
3、点击会话小头像，弹出/激活之前的聊天窗口

当然，还有一种状态也不能忘，就是在屏幕分辨率在1024或者更低时，我们定义聊天面板是收起来的（见下图）。

这时会话的位置同样可以放在收起的小条上，丝毫不影响使用~

三、编辑器的编辑区域

在白社会的日志、转帖、讨论区中，都要发布/修改内容，所以要用到编辑器。说到编辑器，不得不说编辑器的鼻祖——Office中的Word，作为文字编辑最强者，编辑器的发展也是引领时代的，而在网页端，编辑器的功能受网页端的限制，做不到太强，所以在使用感受上，如何能接近Word的使用感受，自然是最好的。

说到这里，需要明确的是，对文字编辑来说，编辑器并不仅仅是上面的一堆工具条，还有个最重要的就是编辑区域，这里其实最影响编辑较多文字时的感受，以往我们使用网页版编辑器时，常常会因为编辑区域太小，而要面对编辑框里和页面的双重滚动条，十分难受（见下图）。

回想一下Word里，只有一个滚动条，为什么呢，文档是满了一页又出一页，这就给我们带来了灵感，如果我们的浏览器也是这样呢~ 所以我们定义了编辑器中编辑区域是根据内容自动伸展的，这样就很像Word里的满了一页又出一页，这样就只有一个浏览器的滚动条了，但是当页面长了往下翻时，上面的工具条看不见了，这样我们又定义了工具条跟随页面往下滚，有了上面“好友新鲜事新增提醒”之后，这个就是一样的定义了，这样编辑时就是这样的状态了（见下图）。

这样一个小小的变化，编辑文字过多时就会好用很多。

写了三期的交互创新了，也许这些创新点还不成熟，还有很多缺点，不过我们不怕大家笑话，能给大家分享一下我们在探索路上的思路也是好的，同时也欢迎大家能够多多交流自己的思路和想法，让我们共同来推动行业的发展吧！

　　接上一篇的 浅谈白社会交互设计的创新（一），这次谈谈 任务 的设计。任务想必大家都接触过，在学习中，在工作中，在游戏中都会有，一般的形式是接到一个任务——努力完成任务——交任务（领奖励）。宏观的看，人的一生就是在完成着一个又一个的任务。回到正题，首先需要说说的是在SNS中设计任务的目的，我们的观点是：

1. 任务是一种运营手段，可以引导用户在特定的时间做特定的事情。
2. 任务可以做新手引导，可以有步骤有奖励的指引用户熟悉系统了解功能。
3. 任务是奖励用户行为的入口，也是虚拟货币（金币）的唯一出口。

　　在明确这几个方面之后，我们很快的设计确定了任务的列表页和任务描述页，十足的任务感和游戏感，毕竟大家都玩过网游的嘛~

　　确定这个之后，另一个关键点是用户如何去领、做、交任务，我们初步想法是向网游学习，做一个任务跟踪层，用户可以随时查看任务说明，并能及时了解任务的进度。这里有一点补充的，我们选择了自动领取任务，原因是领任务的环节让前置操作过于复杂了，这也是我们任务的重量级而决定的。这样重点就放在让用户如何知道新任务——做任务——交任务上了。

　　但恰恰正是因为自动领取任务，让我们碰到新的问题。大部分网游里的任务是在领取之后才开始进行追踪的，并不断判断用户的完成情况，为了不造成太大的服务器压力，一般也会设定可领取任务的最大数量。而使用自动领取任务后，意味着用户的最大任务数量是不可预估的，这样想做到实时的任务追踪就很困难了。既然不能两全，权衡下利弊，我们决定还是保留自动领取任务（降低门槛），不做全局的实时任务追踪，只把任务追踪的步骤放在了Home页和任务列表页，这样在首页的右上角诞生了任务的提示区域：

　　Home页自然是寸土寸金了，如何能把我们和用户都想要的任务及时推给用户呢，我们在这里想了一个策略，现在来看还是比较不错的（点击小图查看大图）：

　　接下来怎么让用户方便的做任务呢？最理想的方式是让任务随时能调出来，以方便用户在做任务的过程中查看。这里想到了 音乐盒 的实现方式，即弹开一个无地址栏的小浏览器窗口，这样不会影响主窗口的正常操作，还能随时激活小窗口来看详细任务，似乎很妙啊~

　　好，就先这么做吧~经过工程师的开发，可以测试了，先使用IE6和Firefox，觉的确实不错，完成任务之后，点击Home页的任务提示，小窗口被激活并刷新，直接领取奖励，跟我们的设想一模一样。但很快问题显现了，在IE7/8、遨游、搜狗浏览器等使用tab分页面的浏览器上，是没有小窗的，只能新开一个tab页，这样详细任务出现在整页里显得非常诡异，另外一点是在点击Home页的任务提示后，不能激活任务的tab页……这点太致命了，想象中很妙的方案由于不具备普适性变得一文不值，于是乎只好放弃了这种方案。

　　有话说的好，退一步海阔天空，我们尝试使用了弹出层的方式，层的方式意味着不能做到用户在做任务时随时调出来查看，只能在Home页和任务列表页才可以打开层，不完美的方案也让我们没有什么底气，只能先做一下用户测试。在对公司内外的一些用户做了用户测试之后，心里的石头放下了，由于SNS任务的复杂程度并不能达到网游的水平，用户并不会出现随时调出来任务来查看的情景，反而是在查看了任务弹出层之后，直接通过“去做任务”的引导直接去做操作，并且能够很好的记住任务开始的地方，回到Home页来交任务领取奖励。产品就是这样，同样的需求，不同的使用情景决定了不同的交互形式。这就是现在任务的形式了：

　　讲了这么多幕后的故事，也许这真算不上是什么创新，但我们很高兴能跟大家分享我们的教训和经验。尤其是看到现在新生的SNS都标配了类似的任务，我们很自豪能够对行业的发展产生一点点小的推进，在这里再次谢谢大家的支持~