p85 demonstration on youku by netfriend.

不够吃的蛋糕

singing

cutting

smiling

然后呢，下午是CDC运动会，运动员隆重登场

感谢sybil

小葵这张照的好看，馒头有点小姿娘~

胜利的喜悦

胜方

后来，我们吃了据说正宗的西北菜

菜绝不止这么多
好了，我教大家念:
C~D~C
Customer Research & User Experience Design Center
拜拜^_^

- 表单是用户与网站之间进行“对话”的方式
- 从商业上
    – 使用户能够实现购买行为
    – 使商家实现销售利润最大化
- 从交互的角度
    – 使用户能够参与
    – 使商家能够增加用户并形成社区
- 从参与角度
    – 使用户能够操作和贡献内容
    – 使商家可以积累内容和数据

设计原则
    – 使痛苦减少到最小
        – 没有人喜欢填写表单
        – 聪明的默认值，在线校验，输入的容错性
    – 清晰的完成路径
    – 考虑用户的背景和使用情景
        – 用户的熟练程度
        – 用户使用的频繁度
    – 确保交流的连续性
        – 错误，帮助和成功
        – 单一声音，减少噪音

对效果的分析
    – 易用性测试
        – 错误，提示，帮助，完成率，每次任务花费时间，满意度分值
    – 眼球跟踪
        – 完成时间，关注点,扫视路径
    – 用户帮助
        – 最重要的问题，事故次数
    – 最好的体验
        – 常用解决方案，独特的方法
    – 在线跟踪
        – 完成率，进入点，退出点，页面元素的使用,输入的数据

设计模式
    信息+互动+反馈
   
信息
    – 布局
        – 标签位置
        – 内容分组
    – 输入
        – 格式，必填项目
    – 动作
        – 首要动作和次要动作
    – 帮助和提示
    – 视觉层级

标签顶端对齐方式
    – 当被收集的数据是熟悉的
    – 最少的完成时间
    – 需要更大的垂直空间
    – 间距和对比对于有效的视觉扫描很关键
    – 对于本地化和复杂的输入有更高的灵活性

标签右对齐方式
    – 标签和输入框有清晰的联系
    – 需要较少的垂直空间
    – 由于左侧的不对齐，快速扫描所有标签变得比较困难
    – 很快的完成时间

标签左对齐方式
    – 当需要的数据不熟悉时
    – 标签的扫描比较容易
    – 标签与输入框的联系不紧密
    – 改变标签长度可能对布局产生破坏和削弱

眼球跟踪
    – 2006年7月matteo panzo的研究
    – 左对齐
        – 容易将标签与输入框联系起来
        – 标签和输入框之间的距离让用户花费更多时间
    – 右对齐
        – 减少了将近一半的注视次数
        – 表单完成时间减少了一半
    – 顶端对齐
        – 让用户一眼捕捉到标签和输入框
        – 最少的完成时间

最好的体验
    – 减少完成时间以及熟悉的数据输入：上对齐
    – 如果希望节省垂直空间：右对齐
    – 对于用户不熟悉或者高级的数据项：左对齐
   
必填项目
    – 必填项的指示在以下情况下最有用：
        – 输入项很多
        – 很少是必填项目
        – 使用户能够通过扫描表单知道什么需要填写
    – 选填项指示在以下情况下最有用：
        – 很少的项目是选填项
    – 当所有项目都是必填项时指示就没有用处

最好的体验
    – 尽量避免选填项
    – 必填项多，则标明选填项目
    – 选填项多，则标明必填项
    – 文字最好，但*经常被用于必填项目
    – 将标识和标签连在一起
   
输入域长度
    – 输入域长度可以提供有价值的affordances
    – 适当的域长度为输入提供足够的空间
    – 混乱的域长度可能给表单增加视觉噪音

最好的体验
    – 如果可能，use field length as an affordance
    – 否则，考虑一个一致的长度提供足够的输入空间
   
内容分组
    – 内容关系提供了结构化组织表单的方式
    – 分组提供了
        – 一种在高层次上扫描必需信息的方式
        – 表单内信息关系的联系

太多的内容分组会导致额外的视觉噪音，降低可读性
最小化分组的好处：减少视觉噪音，更直接的完成路径

最好的体验
    – 将表单内关联的内容进行分组
    – 使用最少数量的视觉元素来表达关系
   
动作
    – 不是所有的表单动作是平等的
        – 重置、取消、返回一般来说是次要的操作，很多时候不是必须的
        – 保存、下一步、提交是首要的操作：对于表单的完成起直接作用
    – 动作的视觉呈现需要与他们的重要性相匹配

最好的体验
    – 如果可能，避免次要动作
    – 否则，用清晰的视觉识别来区分主要和次要动作
   
帮助和提示
    – 在下面的情况下，帮助提示是有用的：
        – 要求用户输入不熟悉的数据时
        – 用户对于为什么数据被要求填写可能有疑问
        – 推荐用户使用某种提供数据的方式
        – 某些数据是选填的
    – 然而，过度使用帮助和提示会很快overwhelm表单
    – 在下面的情况下，你也许需要考虑动态提示
        – 自动的内文提醒
        – 用户触发的内文提醒
        – 用户触发的段落提醒
       
最好的体验
    – 除非必要，尽量少的使用帮助、提示
    – 明显和与数据输入区最相邻的帮助是最有效的
    – 当收集很多用户不熟悉的数据时，考虑使用动态提示系统

交互
    – 用户完成的路径
    – 使用键盘的tab键进行控制
    – 逐步出现
    – 依赖性出现

完成路径
    – 每个表单的首要目标都是希望用户填完
    – 每一个输入项目需要考虑和操作
        – 去掉所有不必要的数据输入要求
        – 提供灵活的数据输入
    – 提供清晰的路径
    – 提供聪明的默认值
   
最好的体验
    – 去掉所有不必要的数据请求
    – 使用聪明的默认值
    – 给用户提供灵活的数据输入选择
    – 清晰的完成路径
    – 对于长表单，提供进度和保存功能

tabbing
    – 许多用户通过tab在表单项目之间跳转
    – 合理的html将保证跳转正确工作
    – 多列式的表单结构可能与tabbing顺序相冲突
   
最好的体验
    – 记得考虑tabbing
    – 使用tabindex属性来控制tabbing顺序
    – 当设计表单布局时考虑tabbing预期

阶段性提醒
    – 不是所有用户一次需要所有可选项
    – 合理使用的阶段性提醒提供了额外的选项
        – 高级选项
        – 进阶操作

最好的体验
    – 根据用户需求的优先级来安排阶段性提醒
    – 最有效的方法是让用户来触发
    – 使用一致的提醒方式
   
依赖性选择输入
    – 有时候一个数据需要与其他的数据输入相关联
        – 某项输入触发更多的选项
        – 某项输入触发更清楚的需求

依赖型显现输入
    – 页面级别
        – 需要额外的步骤
    – 区块标签
        – 通常容易被忽略
        – 默认值很重要
    – 手指区块标签
        – 需要遵循完成路径
    – 区块选择项
        – 有效将信息分组
        – 隐藏了额外的选项
    – 下方暴露和行间暴露
        – 有让用户迷惑的潜在危险
    – 当选择/选中时激活
        – 次要选择的关联性被削弱

最好的体验
    – 在首选项之间保持清晰的关系
    – 将额外输入项与他们的触发器之间保持清晰的关联
    – 避免“跳跃”造成首选项之间关联的减弱
   
反馈
    – 文中校验
        – 一致性
    – 错误
        – 提示形式和解决方案
    – 进度
        – 提示形式
    – 成功
        – 校验
       
文中校验
    – 当数据输入时提供直接的反馈
        – 输入校验
        – 建议正确的输入
        – 帮助用户不超出限制
    – 如：
        – 密码提示
        – 用户名选取
        – 正确输入下拉提示
        – 最大允许字符计算

最佳体验
    – 当输入项的出错率很高时考虑文中校验
    – 使用建议输入来减少歧义
    – 沟通界限
   
报错
    – 错误被用来保证所有数据项被正确提供
        – 清晰的标签，affordances，帮助提示和校验可以帮助减少错误
    – 但一些错误仍然会出现
    – 用尽量少的步骤提供清晰的解决方案

最佳体验
    – 当错误发生时提供清楚地交流：优先的位置和视觉反差
    – 提供修正错误的方法
    – 将错误信息与相关输入项关联起来
    – 当错误发生时用视觉语言来double

进度
    – 一些时候动作需要有执行的时间
        – 表单提交
        – 数据计算
        – 上传
    – 当动作进行中时提供反馈
        – 例如：将提交按钮disable
       
最佳体验
    – 提供任务的进度提示
    – 当用户点击提交后，将其disable以避免重复的提交

成功
    – 当成功完成表单时，在上下文中确认数据输入
        – 在一个新页面中
        – 在一个更新的表单中
    – 通过以下形式提供反馈
        – 消息（可移除）
        – 动画的形式
       
最佳体验
    – 当数据提交成功后给予清晰的交流
    – 在数据提交的情境中提供反馈。
       
额外补充
    – 避免改变用户提供的输入
        – 用后来的输入
        – 当错误发生时
    – 如果获取信息是困难的，那么让用户知道比直接给用户一个表单更优先

可用性和标签形式
    – 使用label标签将数据与标签关联
        – 能够被screen reader正确识别
        – 多数浏览器将带<label>标签的文字处理为可点击：更大的动作
    – 使用tabindex属性提供tabbing路径
        – 提供tabbing顺序的控制
        – 使表单可以通过键盘来导航
    – 考虑为支持键盘输入提供accesskey属性
        – 直接到达相关的输入项
    – 考虑fieldset属性将内容分组

表单创建工具
    – wufoo
    – www.formassembly.com
    – www.icebrrg.com
   
更多信息
    – 功能性表单设计
        – www.lukew.com/ff/
    – site-seeing：A Visual Approach to Web Usability
        – Wiley & Sons
    – luke@lukew.com

点击这里看看首页长什么样子

以下内容引用自Enya博客，有些不错的话我给加粗了：

他说他对人生的认识，有三个层次。第一，生命，是不由自己控制的。我们控制不了生，也控制不了死。第二，光着身子来，也是光着身子走的。所有的东西，生带不来，死带不走。第三，出生的时候，需要有人帮你剪断脐带，有人打你的PP让你发生第一声啼哭，一直到你成人，都是需要很多人帮助你平安长大的，而死的时候，也需要有人帮火化，安葬~~这些都是需要人帮助的。因为这三点，使得我们也需要去帮助别人，成为了像呼吸那么自然的事情了。 

我们助学组的MM问他，对于基础教育，是否有自己的一些看法？他说，现在的教育，都是教育人如何生存，如何发展，如何拿的更多，仅仅教育了一只手，学会取。我们更加希望，把另外一只手的理念也宣扬出去，就是如何回馈社会，如何在自己有能力的时候反过来帮助别人。

还有一位GG问他，怎么可以让社会上有爱心的人士，都能够放心的参与到慈善事业中。他说，希望壹基金可以带头做这样的一个榜样，透明，公正。他们每个季度都向社会公布季报，每一年有年报，接受社会的监督。他的团队里面，可以允许技术性的犯错，而在执行过程中，犯错也避免不了，但是必须要有一颗清白的心。而其他的，他说，老祖宗的八卦已经洞明了真理，这个世界总是多种多样的，五花八门的才成之为世界，黑中有一点白，白中也总是带着那么一点黑，我们避免不了的。但是，不能为了那一点黑，就不去做善事。 

他还提到，我们需要像做营销一样去推动公益事业。别人不愿意参与，肯定是自己还没有做好，没有做够，我们需要不断的改进和反思。公益是一盘事业，需要去经营。而捐一块钱跟捐一百万的，付出的爱心是相等的。因为都是在自己能力范围的付出，获得的感谢是一样的。

中国红十字会“李连杰壹基金计划”介绍

    中国红十字会“李连杰壹基金计划”是由中国红十字会“博爱大使”李连杰先生发起，在中国红十字总会架构下独立运作的慈善计划和专案。

    壹基金提出：1人＋1元＋每1个月＝1个大家庭的概念，即每人每月最少捐一元，集合每个人的力量让小捐款变成大善款，随时帮助大家庭中需要帮助的人。

    本着“人道、博爱、奉献”的红十字精神，秉承“全球一家人”的理念，致力于传播公益文化，搭建公益平台，推动公益产业的发展；同时，向在各种灾难和突发事件中遭受创伤的人士提供尽可能的人道援助。立足于中国，壹基金正逐步成长为一个国际性的公益品牌。

自然灾难赈灾

    据有关部门统计，我国是世界上自然灾害损失最严重的少数国家之一。一般年份，全国受灾害影响的人口约2亿人，有近6000万灾民需要救济。据统计，1998年和2005年，因灾直接经济损失分别为人民币3007亿和2042亿。

传播公益文化 搭建公益平台

    壹基金通过举办“全球公益慈善论坛”和“中国红十字会壹基金公益奖”，搭建公益平台，推动公益事业的发展。

    为促进中国公益事业和公益产业的专业化发展，壹基金就其关注的“环保、教育、扶贫、健康”四大公益领域，发起年度“中国红十字会壹基金公益奖”颁奖活动。该奖项围绕“公信、专业、执行、持续”四个标准，评选出中国名列前茅的基金和慈善机构，向他们提供赠款，帮助他们继续工作并扩大营运规模。

    壹基金通过建立“中国红十字会壹基金公益奖”，对需要资金支持的公益项目进行评估，并对符合标准的项目提供资金支持，以此带动业内“诚信”价值观。同时，壹基金期望通过公正、透明的评选，确立行业标准和规范，鼓励公益组织良性发展，推动公益事业的发展。

    此外，壹基金与博鳌亚洲论坛合作创立“全球公益慈善论坛”，邀请来自世界各国的公益组织、知名企业、政府官员、研究学者，促进全方位交流与合作。

    该论坛每年举办一次，旨在提供一个有价值的平台，加强国际间公益项目合作，分享经验，完善公益组织体系，广泛集聚公益资源。

    壹基金募集到的所有捐款将直接进入中国红十字会总会的“李连杰壹基金计划”帐户。为了确保慈善公益基金的透明度及公信力，全球四大会计师事务所之一的德勤华永会计师事务所有限公司（Deloitte）将对善款的使用进行审计。同时每一季度公布季报，每一年度公布年报，向公众详细介绍“壹基金”的善款募集和使用情况，诚邀媒体以及社会公众共同监督。

    地球只有一个。生命只有一回。生活在地球上我们都是一家人，帮助别人，就是帮助自己。欢迎加入壹基金！

　　写了这个夸张的标题，其实只能说是我面试应聘者时思考的角度，我并不清楚其他面试官面试的过程是什么样的，而且不同面试官的喜好、倾向不同，应该说某位毕业生能被相中获得腾讯的Offer，有很大的偶然性。我不敢说我在这里写下了的是什么的秘密，也不是腾讯的商业机密，只是想帮助毕业生在如此艰难的求职过程中少走一些弯路。

　　最重要的，对于人生的第一份职业，一定要想清楚自己想要的什么样的一份职业。2008武汉校园招聘，我们能发出的Offer只有70多个，而第一天上午安排面试的酒店就涌入近2000人，除了被通知来面试的外，还有许多“霸王面”。争取机会的勇气固然可嘉，但许多同学并不清楚自己想要什么样的职业，对腾讯能提供什么样的职业、工作发展也不了解，盲目的跟从他人。比方对于喜欢做理论研究的同学，腾讯并不合适。实际上，腾讯每年也有工作才一、两年的优秀毕业生员工流失，原因各不相同，但相当多是发现腾讯的工作内容并不适合自己。

　　需要洞察面试者的需求，将面试官当作客户，满足“客户需求”。腾讯面试的岗位有很多类型，即使是技术岗位也分前台开发、后台开发、运营、信息安全、搜索等，每位面试官都是带着任务而来。由于面试的毕业生太多，学生在填报岗位方向时对岗位的理解也可能有偏差，因此存在大量自己所长与面试官需求不一致的情况。在短短二、三十分钟的宝贵面试时间中，首先在头五分钟一定要弄清楚面试官需要的岗位方向具体要求是什么。我一般出于对应聘学生的尊重，会主动先告知工作内容、工作地点等，如果应聘者发现跟自己兴趣不一致就推荐他（她）到合适的面试官那边面试。但不排除有的面试官并不主动告知。其次，要灵活根据面试官的需求改变自己陈述的内容。今年在上海招聘过程中，有位电子系的学生在我已经说明岗位方向的情况下，仍滔滔不绝的说明自己曾经参与过的某电子产品的开发过程，既耽误了面试的时间，又对增加自己的印象分无益。

　　校园招聘不同于社会招聘。社会招聘是招募有相关岗位工作经验，马上就能独立工作，甚至需要承担引领现有员工的职责。而校园招聘除了看学生的学习方向、项目经验外，更看重的基础知识、学习能力、团队协作能力、沟通能力、情商等综合素质。腾讯笔试环节题目都非常基础，基本上是大三本科生就应该掌握的，这个环节目的是“海选”，剔除基础知识不佳的人选。进入初试，笔试成绩基本影响不大，像我一般不会提刁钻的问题难为学生，而是很喜欢随着应聘者列举的项目经历，不断深入追问下去，不断改变应用条件，改变应用场景，甚至将应用场景搬到腾讯的平台上，既不至于让学生感觉到领域很陌生，又能考察应聘者能否敏捷的解决新的问题。

　　不要尝试伪装，尤其忌讳不懂装懂。腾讯初试官基本上是工作过数年的基层骨干，综合面试官一般是各部门的负责人，对没有任何职场经历的毕业生，可以说只要短短5分钟，就基本有一个相对比较准确的判断。在面试官的脑海中一直有一个问题：“我该让他（她）通过还是不通过？”面试的过程则是不断加强这个问题判断的过程，也就是应聘者不断给自己加分还是减分的过程。正直是腾讯“正直、尽责、合作、创新”四个价值观中最重要的一个，也是面试过程中唯一可能去验证的。我喜欢对应聘者陈述的内容用很快的速度提很多疑问，甚至“打击”应聘者，测试其抗压能力以及这个过程中是否诚实。

　　面试是一个平等的双向选择的过程，保持不卑不亢、自信、客观评价自我的姿态非常好重要，所谓的“面试宝典”看看有益，但不要生搬硬套，做最真实的自我。有的学生十分拘谨，手脚都不知道该如何放，一问就一答。而有的学生夸夸其谈，甚至翘起二郎腿（当然我可以翘二郎腿，我有心理优势嘛），这样的学生都会让我嘀咕是否愿意选择这样的人做同事。

　　短短二、三十分钟的面试的结果的确非常偶然，但台上一分钟，台下十年功，平时学习过程中的项目实践、名企实习经历、与技术相关比赛、优异的成绩甚至课余做过的小东西等都是有价值的，现场带一些资料甚至上网演示都能让自己区别于只带有四、六级证、奖学金证书的同学。面试官也是人，认识是有局限性的，能准确判断一个人的信息是非常少的，你总得给一个让面试官让你通过的理由吧？

　　我自己是离开校园有十年，属于70后看港台录像片长大的那一代，现在的80后的毕业生真的跟我当年毕业时不可同日可语，把当时的我放到今天，我可能真的没办法跟现在的学生竞争。但我喜欢这个时代的学生，从他们身上我感受到无比的青春朝气和自信，即使是面对着当前就业的巨大压力，仍然保持着积极、乐观的心态。

　　生命满希望，前途由我创！有缘在面试时有过几十分钟简单交流的同学们，无论你是否最终有机会加入腾讯，我都祝福你们！

但我理解的规范不是简单的把一个设计做成一个“行业套路”的量化指标，而是一个综合的品质评估的参考，甚至是一个设计能否面市的决定因素。为此，我们需要拟定一些表格，文档备案，图形参考，交互模板。

同时，设计规范还要成为设计部门或者一个公司对于设计品质的共同价值观，让大家伙都知道这样做出来的是好设计，通过这样的规范教育和交流，形成对设计品质的统一认识。设计规范不是规定要做什么，而是提出这样做是正确的，但是有更好的地方可以改进。

国外设计师管这种做法叫设计工具，是模板化应用的方法（Stencil），我们称之为规范，更多的偏向于规则（Regulation），却只学习到了量化指标的简单部分。说的严重点吧，我们中国人向来就特别擅长给自己搞个框架（紧箍咒），来约束人的作为与想法，可能有三个原因：

• 我们不太擅长找到解决问题的严谨逻辑，甚至是已有现成教训的；
• 我们始终缺乏对于团队成员之间的信任，哪怕是共同合作了多年的；
• 我们的企业无法承担某些错误带来的后果，甚至是很小风险的。

我们一开始就把一个工具性的东西变成了制度，因此问题便出来了。对于成长期的设计团队来说，建立设计规范需要的是确立一套可用工具，然后在工具的基础上发展成为部门设计品质建设的road map，如果只是弄个“导航按钮间距不得超过10px”这样的规范，就跟小时候尿尿要听到“嘘~~~~”声一样，尿得更快。

我不是跟这儿扯谈，在我看来咱们现在行业里面瞧得见摸得着的优秀的设计规范不多，现在来说说，和大家交流一下：

1. 设计规范达不到预期效果的原因

总是出现问题和错误后才开始拟定和修改规范，缺乏预见性；
规范制定出来后，执行不到位，缺乏力度和奖惩措施，监督控制节奏拖沓缓慢；
在产品设计过程中，不对设计规范做进一步的修订，甚至之前出现的错误也不去改正；

完全教条的根据设计规范设计，比如有些团队做的还是通用设计规范，很多设计师就照着里面的要求重复设计类似的页面，类似的广告，类似的动画，完全豪无特色，没有差异化。–用心的话，你可以看看现在各个互联网产品的相似程度有多少？我不得不说，那些恶劣的设计规范要负一定的责任。

2. 设计规范最常见的错误

让部门领导者制定设计规范–设计规范是共同讨论出来的，在迭代中改进修正，由于国内设计师大多数有“领导恐惧症”，因此这样的规范就算制定出来也是空头支票，甚至有不少领导是很少参与一线工作的。

照搬国外成功团队的设计规范–这样的事情多半发生在喜欢“洋为中用”的设计团队中，国内外的设计环境差异很大，产品差异很大，面对的市场差异也很大，所以不要照搬，更不要直接翻译。

把设计规范打印出来贴在座位旁边–这是“大字报”，还是“表决心”啊？从我认识的设计师朋友来说，经常看座位旁边的东西只有2种，一是日程表，二是检查手机电池是否充满了。

3. 设计规范的本质是做好人的工作

在我看来，中国的企业只要是有设计部门的，做这个设计规范，最重要的是要和企业管理，团队文化建设绑定到一起，做人的发展建设工作。我们的设计师老实说没那么成熟，也没有过多的设计锻炼，整个不良的规范在哪儿杵着只会让设计师更加不愿意沟通–“有啥好聊的？不是有规范么，照着做就行了”

设计部门如果真的沟通紧密，在设计过程中有共同价值观，这一个设计的流程是顺水推舟的，也是自然就形成的“规范”，不需要过多的文字描述。我还见过某些公司的设计规范中赫然写着：“一旦出现上述设计制作中A-C问题，设计师个人考评-5分”，OMG，原来你家的产品原来就值5分。

4. 优秀的设计规范要达到什么目的

• 量化指标：
  确定一般可用性原则和审美常识下的避免犯错的方法，以及一旦出现错误后的补救方案。规范的第一个目的是减少设计过程中出错的次数，一般这是针对新手设计师的，好的量化指标是告诉他经验，比如：建议html文件输出后在ie6,ie7,firefox,safari中做至少2次不同分辨率测试，并将结果添加到《设计规范-参考数据》中；而不是规定他方向，比如：根据产品部要求进行测试修改。
• 确认设计关键点：
  获得该设计规范针对范围内的关键点，包括设计方向和设计元素，以通过项目设计的过程，达到团队成员的更加密切的配合效果。它是一份检验文件，记录过程中的错误，留作以后的经验。并在此可以做出项目和产品设计的里程碑。
• 规范设计原则：
  这个原则有可能是针对单个项目的，也有可能是整个设计团队的指导原则，这个原则要被反复强调，反复实施，团队人员要共同为这个原则负责，比如：“确保在任何项目结束时间前4小时，完成设计输出”，“绝不允许设计粗糙的界面方案，如下图所示说明：XXXXX”等。
• 设计规范本身也需要可用性：
  描述同一个设计要求，可以说：“S级设计师针对该项目Phase1部分工作，可控时间不超过2.5循环周期，输出交付件供ISO000459号程序评审”；但这样描写，能够明白的人会更多“界面设计师 XXX 设计该项目界面高保真原型，需在10个工作日内完成，5月22日下午14：00在5号会议室评审”。

千万不要把事情搞复杂，能把事情做简单的人是伟大的，设计规范也是如此。