UCDChina上海第五次书友会

先做个检讨，第四次书友会的会后笔记还没整理好，功课越压越多了…

这次的话题是设计规范。正好对我现在的工作内容有些帮助。最近我在进行上海设计部的团队建设工作，其中的一些内容就是设计规范的问题。原来也思考过这个问题，但想法比较简单，认为只要建立相关的工作文档就可以。经过今天的会议，我知道仅仅的建立文档，只是设计规范中的一部分，还有更多问题值得我思考：

1. 如何建立设计规范的机制

2. 设计规范具体如何建立

3. 设计规范建立的时间把握

4. 设计规范建立是给谁用的

哎，继续整理和组织自己的思路，希望能尽快把作业都补完…

这次的书友会我还拖上了死猫和bubu，希望他们都能有所收获。

为地震灾区祈福

四川汶川发生7.8级大地震的消息牵动着每一个中国人的心。丧生在这场大灾难的人数一直在上升，这个触目惊心的数字让许多人在心中都降了半旗。面对这场突入起来的大灾难，我们首要关心的是拯救受灾地区中正承受苦难的人们，而不是追究相关部门的责任。我们现在能做的是关注灾情，捐钱捐物，除此之外，我愿为地震灾区的人民和前去救灾的人们祈福，希望他们在接下来的日子里都能平平安安。

在浏览各个门户网站对这次大灾难的新闻报到时，腾讯给我了点小感动。腾讯首页的颜色都换成了灰色，我想是用来表示哀悼在这大灾难中丧生的人民。

【电影】双食记

之前看过一部片子叫《王子复仇记》是讲述背叛和复仇的故事，《双食记》应该是他的进阶版本。

故事讲述了一个妻子（余男饰）为了报复丈夫与空姐（江一燕）的出轨，运用“饮食相克”将丈夫（吴镇宇饰）弄得身虚体乏，食物中毒。最后丈夫的所有秘密都被暴露在这两个女人面前，他选择了自杀。

个人感觉这部电影只能说一般，我完全是冲着吴镇宇去看这部电影的。其中咬手指写血书和临终前的化妆都让我印象深刻。以下是看完此片的一些感受，很杂很零碎：

1. 虽说“食色性也”可一旦处理不好，食与色都会变成毒药…

2. 丈夫花心的确罪无可恕，可妻子的阴毒也让我感到不寒而栗。找女人还是善良最重要…

3. 虾和维生素C同时服用，就等同于吃砒霜，好家伙！不清楚“饮食相克”的道理，那就要嘴下留神了…

4. 江一燕很美很可人…

5. 不要轻易许下承诺，如果你不清楚这个承诺的分量的话…

6. 一家人吃两家饭，后果很严重…

【转载】什么是信息架构

一、概念

A、信息架构 (information architecture) [名词]

什么是「信息」？

信息，数据与知识。 数据是事实和数据；知识是人脑中的东西；信息正好处在数据和知识之间的混乱地带。

因此，信息架构的工作在本质上就是将一些数据转化为让人看了或是接触了就可以转化为知识的东西，或者是将某种知识化为数据，让知识可以传递，再利用，或是两者都兼具的设计过程。

而架构呢？简单的说，它包含三件工作：

1. 架构设计 (Structruing) –首先他必须决定网站中信息的单元 (atom) 的大小 (或是称为粗细程度, granularity)，并决定这些单元之间的关系。

2. 决定组织方式 (Organization) — 将这些组件组合成有意义的，具有特色的类别。有时又称为逻辑分类。

3. 归类（Labeling) — 给这些你所产生出来的每一个类别一个合适的名称。

B、信息架构，即信息组织的方式结构，在网站里，信息架构是一个站点对内容进行分类，并且建立交互来导航这些内容的设计。

一个有效的信息架构可以让人们按照逻辑直观的，毫无阻碍的一步步地接近他们需要的信息。而设计网站信息的分类，页面的位置，并且协助设计师和程序员完成系统，建立这个有效的信息架构的人，就是信息架构师。

大多数人只有在找不到他们所需的信息，或者在寻找信息时出现困惑了，才会注意到信息架构的存在。（这意味着你在使用一个设计良好的系统时，感觉不到阻碍，也就不会注意到信息架构的存在）

二、信息架构设计的思考方式

1. 自上而下，在定义网站的整体结构前，先广泛了解商业意图和用户需求，最后来才考虑具体内容之间的关联。

2. 自下而上，先理解内容的联系，通过遍历，剧情设计等手段，让该系统能够满足特殊用户的需求，然后才考虑更高层次的结构需要支持这些需求。

在一个完整的项目实施过程中中，这两种方式都很重要，忽略前者，网站内容组织可以很好，但是并不一定符合用户需求，忽略后者，用户可以容易找到他们需要的东西，但是很难有机会接触到相关的内容。

三、分阶段的方式建立有效的信息架构

1. 理解客户需求，背景和用户需求，阅读所有的现有文件，与利益群体作沟通，并且做出内容清单。

2. 引导测试用户参与卡片分类活动。

3. 通过卡型分类活动评估之前设计的分类，从中寻找分类的趋势。
合理划分类别的重点和相关的次序，通过分析找到工作流程的梳理过程。

4. 做一个信息架构的草案出来。

5. 使用卡片评估的方式来测试设计出来的架构。
我们的卡片是每个流程的重点，信息架构草图是流程的框架，两者结合验证工作的重点是否有偏离；有计划还可以请相关人员进行可用性测试，对用户角色调研起到很重要的补充；

6. 不要对第一次设计就成功带有过多的期望，寻找合适的措辞和分级可能会需要好几次重复的设计与评估。
可以分三次考虑，首先，初稿，了解信息架构的粗框架，类似与uml图示；

再次，从下到上的梳理用户的需求和流程的衔接；

最后，从上到下，整理导航和系统使用框架，确定信息架构；

7. 把信息架构记录成网站的地图，当然这不是最终的网站地图，只有页面设计都完成以后，网站地图才会定稿。

8. 使用剧情设计测试你的网站设计。(情景模拟)

9. 让开发团队的其他成员也参与剧情设计和遍历，并且与他们分享测试的结果。

10. 如果有可以，在进行正式开发之前，多做一些纸面原形或者低拟真原形的测试。.
通过visio制作demo

11. 建立一些文档，把关键的用户操作点都标注起来，这样可以给视觉设计和程序开发人员一些提示，保持开发能够充分利用前期设计的结果。

四、设计过程中的产品

有很多方法来记录信息架构设计的结果和收获，这里有几种常用的：

1. 网站地图，它可以很好的表述一个网站的组织结构，但不一定要反映导航的结构。

2. 带有注释的页面设计，页面设计决定了页面上的导航，内容，功能等元素，视觉设计和程序开发者可以根据这些注释更好的理解设计意图建立整个站点。

3. 内容矩阵，站点所有的页面都放在一个内容矩阵里，并且为每一个页面都定义了应该显示的内容。

4. 页面模板，页面模板在设计大型的站点或者企业内部站点的时候才会需要，它定义了某一类页面的内容的类型，全局的导航，栏目内的导航灯等。这个东西使用最多的就是CMS，内容管理系统。

五、设计过程中的副产品

1. 角色，角色设计为系统的设计提供了典型的用户目标，它能够把用户研究的开销缩减的最小。

2. 原形，这是最终作品的模型，原形可以很简单，简单到用几张图片来表示未来复杂的网站（低拟真度原形），也可以比较复杂，拥有最终产品的一样的交互能力（高拟真度原型），纸面原形的测试效果其实已经很不错了。通常原型设计会让整个信息架构活起来，所以，请尽量在设计定稿前多做原型的测试！

3. 剧情，剧情设计时另一种可以让信息架构设计活起来的技术，它模拟了一个用户执行具体任务时如何体验整个信息架构的过程，也能够让团队的其他成员很好理解设计的意图。

补充下：

想了解信息架构是一个过程

1. 了解为什么要做信息架构

2. 弄清楚为谁做信息架构（包括使用者与提供信息者）

3. 透彻地了解你要处理的数据以及所需要的数据以及各样的内容

4. 设计结构

5. 决定组织方式

6. 归类与设计浏览机制

这次烧烤的一些经验

今天上海太平洋设计部，制作部，技术部举办了一场户外大型活动——“共青森林公园”烧烤。

烧烤一项蛮有意思的团队活动，大家的目标都很一致，都为了烤出最美味的食物。我们以小组的形式活动的。所以竞争让这个游戏更加有趣。除此之外，因为烧烤的技术含量也不是很高，大家成长起来也很快，通常第二批烤的食物就比第一批要好很多。很多人可以很快从烧烤菜鸟变成别人口中的“大厨”。品尝自己的劳动果实，和享受别人的赞誉可以给人们带来满足和喜悦。

我被安排的任务是采购公共设备（这个工作一共3人完成）和协助我组组长完成烧烤。整个烧烤过程都是充满笑声的，大家都玩得很开心。要求自己仔细观察生活的我，看到了这次活动中的一些瑕疵，在这里总结了一下经验。

1.前期规划

由于活动是多部门的，分组式的。所以前期的规划一定做好，我们这次的规划还是蛮不错。首先确定活动人数非常重要，这决定了采购设备和食物的数量，和活动的场地，和预算。其次是明确每个人的职责。谁是那个组的组长，组长和组员的职责是什么（当然不用像员工手册那么具体），这关系到后面活动的安排和开展。比如谁先去占地方，谁负责采购。

2.采购

个人认为采购也是烧烤最重要的一个环节，它直接影响到整个烧烤过程的质量和效率。我这次的采购包括两部分，公共设备的采购和各个小组内各组的采购。我们是这样安排的：抽三个人（离活动地点比较近的）在活动当天负责公共设备的采购。我们有一份采购清单，上面有所需购买的东西。关于采购清单，最好能标注出购买的大概数量，特别是当采购员对烧烤没有什么经验时。比如说需要买多少木炭，多少炭精。我们这次活动因为没有标明数量，所以在考虑买多少的问题上也花了不少时间。采购物品的时候应该以烧烤行为为中心进行思考：

（1）烧烤架是否适合烧烤场地和人数，比如说有些可以烧烤的公园是不允许带自己的烧烤用具的；或者烧烤用具需要工具（螺丝刀）安装；烧烤架最多可以几个人一同操作；烧烤的地方是否有风。

（2）采购烧烤的能源，通常有木炭，炭精，如果对生火引碳不是很有经验的话，酒精是比较方便的生火工具。扇子在前期也挺重要的，当然有可以扇风的东西替代也是可以的。

（3）采购的食物应该尽量选择已经处理过的，比如腌制好的、已经调过料了。或者提前买好处理好也可以的。但不要等到烧烤的时候才准备清洗、切割和腌制，这就太迟了。试想大家都闻着附近其他人烧烤的香味，而自己的食物却迟迟不能吃是件很痛苦的事。在采购食物的时候还可以购买一些可以直接食用的蔬菜。比如我们用生菜来包住烤出肉享用，这可是相当好的主意。

（4）采购调料，应该选择易与烧烤操作的包装。比如盐，孜然，胡椒，辣油。最好是哪种带有小空可以喷洒的那种小瓶装的，而不是那种袋装的或大瓶装的。在烧烤的过程中，用带小空的小瓶装的胡椒粉给食物添料绝对会比用袋装胡椒粉操作起来更容易控制使用的量。而且这样的包装也容易管理，袋装的盐用过后，很容易撒出来或者被打翻。

（5）采购餐具和辅助设施，一次性碗、杯、筷、竹签、桌布（最好是加厚的，这样不会被风吹得乱七八糟）都必不可少。除此之外，还有刀，一次性围兜，刷子，纸巾，湿纸巾，旧报纸

3.进行烧烤

（1）进行烧烤前，要把采购来的物资进行按组分配，而不是把所有的东西的都放在一起，等到要用了再去拿，这样可以提高烧烤的效率。

（2）烧烤的第一关应该是生火引碳了。要让碳燃烧起来首先要让它能够接触足够的氧气，所以如何摆放碳也很有讲究，我们的经验是把引火的东西放在碳的下面，将碳架空起来，然后通过扇风增加碳与氧气接触的机会进行生火引碳。这次的活动没有买酒精，我想如果有酒精就会方便很多了。

（3）分工合作，负责管理火源和补充碳的人与负责烧烤上料，刷油的人共同合作。管理火源和负责加碳的人往往都是弄得灰头土脸的，十指乌黑。他们并不适合负责管理食物。负责烧烤的人应该专心的对待食物，很多食物很容易烤焦，所以要将食物不停的翻身和刷油，为了能让食物更入味，负责烧烤的人还需要用到将食物多划两刀。我们这组的人员安排是，一人负责火源，两人负责食物的烧烤，我负责吃，哈哈….

（4）交换各自组的食物，增加组与组的互动。分享和竞争可以使得烧烤变得更加快乐，将自己组得意的食物和其它组分享，努力将自己组的食物烹调出比其它组更优秀的食物会使烧烤变得更具参与性和互动性。除此之外，最好不同组买的食物都略有不同，这样任何一组就算烧烤技术再差也有自己独有的美食。

（5）烧烤的安全，烧烤中可能会有意外，比如说烫伤或者被餐具划伤，所以准备一些用于应急烫伤和划伤的医药物品可以有备无患。

（6）烧烤的善后，通常指定的烧烤地点都有人负责烧烤的善后，不需要活动者做这些工作。但我觉得善后工作往往体现了一个团队的素质和修养。烧烤完成后我们应该处理好剩余的木炭和烧烤过程中产生的垃圾。我觉得这次的活动在这个环节我们做得还不够。

 

了解了一下SNS

昨天在和死猫聊天的时候谈到了SNS。之前对SNS的理解就是社区类网站。今天在百度百科里看了关于SNS的一些介绍，对SNS又有新的认识。

这里摘录了一些对与SNS基本的介绍，全部文章可以去百度百科里搜索

———————————————-

SNS：Social Network Software，社会性网络软件，依据六度理论，以认识朋友的朋友为基础，扩展自己的人脉。并且无限扩张自己的人脉，在需要的时候，可以随时获取一点，得到该人脉的帮助。

SNS是一个采用分布式技术，通俗地说是采用P2P技术，构建的下一代基于个人的网络基础软件。SNS通过分布式软件编程，将现在分散在每个人的设备上的CPU、硬盘、带宽进行统筹安排，并赋予这些相对服务器来说很渺小的设备更强大的能力。这些能力包括：计算速度，通信速度，存储空间。

社会性网络（社会网络，Social Networking:SN）：是指个人之间的关系网络,这种基于社会网络关系系统思想的网站就是社会性网络网站(SNS网站)。现在许多WEB2.0网站都属于SNS网站，如网络聊天（IM）、交友、视频分享、博客、播客、网络社区、音乐共享等。社会性网络的理论基础源于六度理论（六度分隔理论，Six Degrees of Separation）和150法则（Rule Of 150）。

SNS的技术起源：在互联网中，PC机、智能手机都没有强大的计算及带宽资源，它们依赖网站服务器，才能浏览发布信息。如果将每个设备的计算及带宽资源进行重新分配与共享，这些设备就有可能具备比那些服务器更为强大的能力。这就是分布计算理论诞生的根源，是SNS技术诞生的理论基础。

SNS的商业空间：当普通人通过安装SNS软件都可以拥有媲美网站服务器的计算及通信资源时，那些投资了大量服务器的互联网公司将怎么办呢?他们的优势在什么地方?会不会有更多的新型的互联网公司出现，而且他们的后台他们的前端有没有可能完全不是现在的Google、EBAY、新浪模式呢?甚至包括盛大网络游戏这样的运营商，他们引为骄傲的强大的3万台服务器集群，是不是他们的核心竞争力呢?当一个漫画作者家里的那台机器，就可以让他通过SNS视频器播放他的作品，他还需要去管理一个网站吗?或许一个家庭主妇不需要懂得Html编程，不需要懂得网站这个词汇，只通过SNS菜谱发布程序及一台厨房里的PC就能让千百万人掌握她的手艺，而且她在厨房的灶台上的一招一式都清晰可见。这个时候，您会想到什么? 现在的互联网中，作为客户端的我们就像个蠢蛋，只能通过服务器才能干些奴隶般的事情，看别人的网站，玩别人的游戏，发发邮件，除此之外，我们没有自由。现在是开始革命的时候了!革命中心任务就是：如何让10多亿台电脑发挥他们自己的作用，让用户去创造和控制自己的信息。中间不需要公司的服务器来摆布我们。

SNS网站：就是依据六度理论建立的网站，帮你运营朋友圈的朋友。六度关系理论：美国著名社会心理学家米尔格伦(Stanley Milgram)于20世纪60年代最先提出，在人际脉络中，要结识任何一位陌生的朋友，这中间最多只要通过六个朋友就能达到目的。就是说你想认识一个人，托朋友找朋友找认识他的人，之间不会超过六个人。

现实社会中，人与人的交流是通过人与人之间的介绍、握手来形成一个朋友圈、联系圈的，每个人不需要直接认识所有人，只需要通过他的朋友，朋友的朋友，就能促成一次握手。而普通的网络交际，则大多数通过某些平台来实现，比如将自己放到一个平台中去，让很多人看到，并且联系你认识你。两者的优缺点明显，社会性交际优点是可靠，彼此关系建立在可靠的人际网络上，缺点是产生握手的时间长、代价较高；平台式的网络交际优点是成本低，但不可靠。
那么在网络中将这套机制拷贝，即在理论上，获得可靠与低成本的双重优点。还有一些优点就是，SNS中，在朋友圈内关系往往真实度很高，非常可靠，互相之间不存在所谓网络的“假面具”，因此，比较容易实现实名制；sns基于人传人联系网络，一传多，多传多，利用网络这一低廉而快速的平台，网络建立的速度会非常快，这又使得建立人脉网络的成本进一步降低。

先说个题外话，其实有关web2.0，除开技术细节，完全由网民去发表内容、形成舆论，在我看来，并非完全行得通。如果是服务信息性的还好，但敏感信息呢？把舆论不加控制地放任自流，在一个完全理想化的民主社会是可能的，但目前还不行，这里面有多种原因。并且，网民实名制目前未能推行，每个人在网上说话不需要负责这种想法到处都是，如何控制不负责任的言论？所以web2.0在现实环境中，不可能放得很开。
说了这么多题外话，其实只是说，如果真要做不需网站管理员控制的言论网站，SNS算是一个较为理想的web2.0手段。理由很简单，SNS较为贴近实名制，线上线下的身份比较一致。由此可看出来，SNS是未来一个有前景的东西，至少在国内是如此。这方面的市场缺口很大，既然传统媒体都转向网络了，社会交际，又如何只能光靠见面吃饭打电话呢？

目前国内主要的SNS应用网站有以下几种类型:

平台类:
腾讯QQ.com：以即时通讯为基础的SNS平台
百度baidu.com：以搜索为基础的SNS平台
阿里巴巴alibaba.com：以商务应用为基础的SNS平台
一起网yiqi.com：以开放式社会化网络结构为基础的SNS平台(待实践证明)

商务类:
诺邻Wealink：工具化SNS
天际Tianji：特色不明显
联络家Linkist：工具化SNS
海内hainei： SNS社区

社群类：
宅啦网（Zhai.La）：面向时下最流行的宅人族的SNS交流平台

校园与娱乐类:
Xiaonei，占座，51.com，Ipark

新生网站介绍:
zhsns.com(中国SNS网(企内网),采用Ucenter Home程序,主张以校内网为榜样,打造商海中的企内网.)
六度网 (程序未知 )

———————————————-