海豚湾

设计台词

“我是你的优乐美啊~，来MUA~”

“…你要干什么”

最喜欢拍潜艇神马的了

“额，纳尼？”

大鱼，很大

延时摄影作品二（M当当）

拍照过程中调整了几次ISO和快门，效果不是很连贯。
后期视频制作时遇到图片分辨率降低问题未解决。
拍摄点有风，图像发生抖动。

咋这么有闲心？赶上舟曲全国哀悼日…

http://ha.ckers.org/xss.html

国内大多数开发者和开发机构往往因为赶进度而忽略安全过滤的测试，依赖框架的都是脆弱的人啊。。。。。。。

http://yoyo.cn 留言板

exp/*

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

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

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

设计模式
信息+互动+反馈

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

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

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

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

眼球跟踪
– 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正确识别
– 多数浏览器将带标签的文字处理为可点击：更大的动作
– 使用tabindex属性提供tabbing路径
– 提供tabbing顺序的控制
– 使表单可以通过键盘来导航
– 考虑为支持键盘输入提供accesskey属性
– 直接到达相关的输入项
– 考虑fieldset属性将内容分组

• １．离开房间　改变一下环境。立刻就做。各种情况都会触发低落的情绪。这种情绪总是纠缠着你，在你身上留下印记。如果你呆在同一个环境中，它会不断地搔扰你，留在你的脑中挥之不去。到一个新的环境中去，让自己接触不同的事，不同的人，体会不同的感觉，就能轻易地把低落的情绪抛到脑后。
• ２．做件快乐的事情　　你在心情不好时，很容易找到借口助长或加强低落的情绪。为什么呢？因为你想证实自己心情不好是有理由的，因此要想找办法证明它，做出合理的解释。　　做点相反的事，打破这种习惯，别管这样做感觉会多么奇怪。去看场有趣的电影，演奏一曲最喜欢的歌曲，去当地公园散散步，或者在那家大咖啡馆喝杯咖啡，吃块馅饼。总之，面带微笑，做点令你感觉良好的事情，你的坏心情就会成为随风而去。
• ３．发发牢骚，诉诉苦，嘀咕嘀咕　　在为一些人上辅导课时，我能很清楚地看出他们是否心情不好。发现他们心情不好时，我就会说，“好了，给你们四分钟时间发发牢骚，诉诉苦，嘀咕嘀咕所有的烦恼。四分钟一到，就不准再发牢骚了，好吗？”于是，他们就尽情地发泄四分钟。　　只需花几分钟时间发泄一下，把一切烦恼发泄出来，一切烦恼都会烟消云散。犹豫或思考不是解决问题的办法发现时间就是要把一切烦恼都倒出来。往往在四分钟之前你会感到没精打采，而四分钟之后会开怀大笑。不管用哪种方法，你做到了，就会感觉轻松。
• ４．埋头锻炼（我就是这么做）　　体育锻炼能直接影响我们的情绪，无数的研究证明，锻炼能释放内啡吠和血清素（令身体感到愉快的化学物质），能积极地影响你的心情。埋头体育锻炼不仅能释放出那些令人感觉良好的化学物质，而且能很好地转移注意力。它能把注意力转移出低落的情绪，让你能做点什么来分散身体和大脑的注意。(话外音：话说游泳就是一种很好的分散注意力的方法，游泳的过程中你不会去想别的事，也不可能去想，因为你要换气，你要划水，稍不留神就喝”美人汤”了)
• ５．让自己摆脱困境　　心情不好是无法更改的事。有时，心情不好就顺其自然也很好。如果有些事情总是令你伤神费力，总是让你感到心情不好，那就说明你生活中的某件事情肯定做的不对。顺其自然的坏心情能引领你发现在正常情况下不可能感觉到的阴暗面。　　你不必沉溺其中，但是任其发展能出人意外地令你解脱。心情好不好都是正常的心理状态，而当你从另一个角度看待它时，就可能真正了解到那是怎么回事。

其中看到这样一篇文章，自己在家乐出声了

我女朋友是公务员,今天跟她去腐败了一次

我是个苏南的男孩子,在读大学.今天，我那在政府部门上班的公务员女朋友,拿着几张优惠卷，对我说：“走，到肯德基去。”

“亲爱的万岁！”我高兴得一蹦三丈，拉着女朋友的手，蹦蹦跳跳地来到了肯德基门口。

可能今天是周末的缘故吧，这里人山人海，好不容易我们才找了个座位坐了下来。但是半天都没看到服务员过来招待我们,我女朋友发火了,一拍桌子站了起来喊到:”这里谁负责!”这时候走过来一个穿着肯得基鲜艳美丽制服的小姑娘,问道:”小姐,请问有什么能够帮您的.”我女朋友看到她来了,就坐下说:”拿菜单来!”谁知这名女服务员说:”小姐,请过去排队.”她指了指那个柜台.

“什么?吃东西还要叫我排队!你们这是什么服务态度!”我女朋友发火了

“就是啊,吃个东西还要排队,太不象话了.”我也附和道

那名服务员笑了一下,说道:”两位,要知道肯德基吃东西都要排队的哦.”

原来是这样,也许是肯德基生意太好了忙不过来吧,于是我女朋友只好去排队了.

好不容易才买到东西，只见女朋友拿着放了食物的盘子向我走来，当盘子放下的那一刻，我顿时感到一股香味扑鼻而来.我不管四三二一，拿起一根薯条往嘴里塞。“哇阿”，我的舌头被烫了。女朋友说：“瞧你，心急是吃不了热豆腐的”。

“哼！”我又拿起一个汉堡包，但我这次放聪明了，小心翼翼地咬着，“哇，真香啊！”我情不自禁地说。我朝那汉堡包看了一下，第一层是一层撒着芝麻的面包片，第二层是一片生菜片，第三层是一块冒油的鸡肉，第四层是一层面包片。我一边狼吞虎咽吃着汉堡包，一边喝着加了冰的可乐，那感觉实在是妙不可言。

“以前没吃过肯德基吧?”女朋友问我

我一边狼吞虎咽地吃着,一边说:”是啊,以前我都是在电视上看到别人吃,心里一直好希望吃到肯德基,都盼了好多年了,谢谢你今天满足了我的愿望.” 说完我用满嘴是油的嘴吻了一下她.

女朋友看着我会心地一笑,拿出化妆盒优雅地在脸上补装,之后掏出一小瓶大宝SOD抹了一把,这是在我们苏南很名贵的一种化妆品,一般都是上流社会用的.因为她是公务员,所以化妆品比一般女人要高一等.她优雅地把化妆品放回裤袋里,说道:”你要是喜欢的话,以后每个月我都可以带你来这里吃一回的.为了我们的爱情,再贵也值!”

看着她坚毅的目光,我感动了,眼泪都流了出来.这是多么有本事的女人啊,吃肯德基这么昂贵的食物一点都不心疼.

她摸了摸我的头,说:”傻瓜,别哭了,吃吧,我又不是没有钱,你现在是我男朋友,我会带你过上流社会的生活的.”她眼光瞟向四周说道:”你看,在这里吃肯德基的都是苏南上流社会的人.”

我们正说着,一个中年男人走了过来,”刘副股长,你也在这里呀.”他看着我女朋友说道.

“是呀,你怎么也在,张总.”我女朋友和气地说道

“今天过节呀,苏南名流们都来肯德基吃东西了,你看那边,公安局的王副局长全家也在呢.”张总说道.

“王副局长也在呀,我们去敬一下他们吧.”我女朋友优雅地端起一杯可乐,和张总走着优雅的步伐来到了王副局长全家面前.”干杯!”他们同时举起了杯子.

这一天真是挺开心的，她不但为我花了这么多钱，我带我长了见识，接触到了这么多上流社会的名流,吃到了美味，真希望每天都能这么开开心心的，那就好了。

所以要娶就娶公务员大家说对吗?

虽然今天有诸多不顺，但最后这个句号画得还是很圆很满。

我没有许愿，因为一个没有理想的人会过得更开心，这就是我的生日，我的Party。哈哈哈哈~~~~~ 

下面是我剪辑的视频《一个人的生日party》,效果跟想象差距很大，就一小部分表述清楚了，凑合看吧。

前半段背景音乐 : 是我自己录的，大概有5~6个我在嚎叫 。[下载地址]

后半段背景音乐：是R&B风格的 Happy Birthday(Radio Edit)  [下载地址（暂无）]

        抢救人员发现她的时候，她已经死了，是被垮塌下来的房子压死的，透过那一堆废墟的的间隙可以看到她死亡的姿势，双膝跪着，整个上身向前匍匐着，双手扶着地支撑着身体，有些象古人行跪拜礼，只是身体被压的变形了，看上去有些诡异。救援人员从废墟的空隙伸手进去确认了她已经死亡，又在冲着废墟喊了几声，用撬棍在在砖头上敲了几下，里面没有任何回应。当人群走到下一个建筑物的时候，救援队长忽然往回跑，边跑变喊“快过来”。他又来到她的尸体前，费力的把手伸进女人的身子底下摸索，他摸了几下高声的喊“有人，有个孩子 ，还活着”。

        经过一番努力，人们小心的把挡着她的废墟清理开，在她的身体下面躺着她的孩子，包在一个红色带黄花的小被子里，大概有3、4个月大，因为母亲身体庇护着，他毫发未伤，抱出来的时候，他还安静的睡着，他熟睡的脸让所有在场的人感到很温暖。

         随行的医生过来解开被子准备做些检查，发现有一部手机塞在被子里，医生下意识的看了下手机屏幕，发现屏幕上是一条已经写好的短信“亲爱的宝贝，如果你能活着，一定要记住我爱你”，看惯了生离死别的医生却在这一刻落泪了，手机传递着，每个看到短信的人都落泪了。