6月24日是TF2上映的日期，项目忙，没能赶上，最后决定周日好好过一把”奇酷咔咔”瘾，动员多方资源后，让小妹子整了14张早上11：30的灰常好的座位[结果发现根本没坐满]。

期间发生了一些不为人知的小插曲，我进场晚了10分钟，结果发现还是AD time，算了一下，23分钟的AD “大片”，听说这个收入大大超过上一部的$4000万。

“奇酷咔咔”后，直奔那啥店，整了个包厢，开始那啥了。。。。

—–阿欢：哎，那谁，你有完没完嘛，正题在那呢？到底有没有猛料嘛？大黄都听得抽风了。

—–Lily：就是…

—–喜宝：再不说，我就唱哥哥的monica了，monica哦，哥哥的哦

—–小朱：-_-!! 咳咳，这个…可以有。

扫盲词汇：

V级—Voyager Class 航行家级，价格适中，变形难度中上，喷漆等细节处理上乘

Optimus Prime—擎天柱，简称OP

07版V级Optimus Prime教程——–Action!

先来个大哥状态，战损版的设计相当逼真

变形教程就从脑袋开始

首先从脑袋的后面的卡车头开始，将它往后掰，这里有两折，脑袋待会会藏在这里

注意，从这个角度仔细看前轮下的转轴，连接处就在这

掰开后，就是这样，接着就是将大哥的脑袋往车头的方向后仰

OP大哥脑袋后仰的效果，然后将卡车头的折子收起来

从这个角度看是这个效果

将卡车头往前推，折起，其实，一开始就将头部后仰也行，但细节就看不到了

从这个方向看，OP大哥的脑袋上即将会折放他的两只手

将身体往上扬，与头部呈同一水平线，这个时候，腰部的关节就突起了，这个关节将是两只手的分界

平视的视角

将手翻转后，立起来，准备靠向OP脑袋

注意手的方向和他的护腕方向

从这个方向摁下，护腕上有对应的扣锁，可以在合拢的时候连接起来

手放下后是这个状态，肩膀部位的蓝色挡片变成了后面与车厢合体的连接处

看好了，OP脑袋旁有孔，而手上的小红色圆柱可以按进去

头和手变好后，反过来，开始将伟大的腿折起，难点在后轮的挡泥板模块和车厢模块的分离

俯视一把

将脚掌收起，准备分离

最重要的机关就在这里了，我可是费了老大劲才发现的[说明书跟没有一样，不详细]，注意看中间的向后突起的两个蓝色小圆柱和扬起的挡泥板

看中间的两个小突起，这两个小突起是掰开扬起的部分和底盘的接合点，就用用他扣住腿部的，掰的时候不能用蛮力，要注意用巧劲，利用杠杆原理

接着是另一条伟大的OP的腿也要分离

分离后，浅蓝色的[你说是浅蓝白色也行，服了你了]的脚掌就要收到腿部的黑色的这个空隙中

注意突起的这个小竖条，要与另一条伟大的OP的腿接合，上面还有一个点

也要接合的上面的卡口

重复一下这个重要的点

看清楚这个红色的后轮挡泥板，接着要将它展开

展开后搭在一个小突起上

从这个方向看比较清楚如何展开，扣在蓝色小突起上，固定

脚掌收进去，后轮挡泥板展开即将往下扣的瞬间

脚掌是如何收的

从车尾看

往下扣，与卡车头部准备接合

旁边的带火的护板，需要往下压，让它的卡口进入顶部的“沿”下

忍不住看看这战损版的车头，太帅了，LOGO很细致

就是这个卡口，要往里收

两边都收好后，就是车顶这个地方要往下压，卡好

装上火炮，就是战斗状态了，要想变回大哥的人形状态，相反做就是了

总的来说，难度的确是中上，因为不少细节如果不多研究很难发现如何展开与收合，而如果找不到这个点，就没办法变下去了。

为什么没有买09版的呢，因为09版发现没有战损版的，就是未战斗过的时候的，不够真实，所以买了07款，貌似09款的车头要短一点。如果有米，直接推荐买U[终极版的]大黄蜂，更细腻，更复杂，能发声，有灯光。

经过漫长而那啥，还有那啥的那啥后，喜宝[注：此小姑娘极其强烈的要求启用此ID]顺利来到咱们这旮旯，有花有草，有窈窕淑女，有臃肿帅哥、单薄美男滴，风景美丽滴、相亲相爱滴友商宝地。

大家鼓掌欢迎，对了，喜宝此前说的要为广大人民群众来一曲青藏高原的事情得赶紧落实。-_-!!!

啥也不说，偷偷上张喜宝的大作————-

先介绍下的我博客功能：
1、前后台独立，zf多模块的实现。
2、自动安装的实现，轻松搭建自己的blog系统。
3、多模板的切换，随时更改自己的blog皮肤。
4、对留言评论回复时自动发送邮件。
5、发布文章时自动保存草稿，保证文章不会因断电死机带来的损失。

下个版本需要做的如下：围绕用户体验角度改善blog使用，让用户体验更加友好，另外本系统用户功能少，用户功能的增加势在必行啊，让用户可以定义自己的头像，登陆保存cookie，轻松发布留言，评论等信息。重要的功能是让zfblog支持ucenter，让blog用户能和其他应用系统同步。最最重要的功能就是插件的开发，那样可以用php开发个储钱罐集成到blog中会怎么样呢？呵呵。。。

zfblog下载地址：http://blog.conshare.com/public/upload/zfblog1.1.zip

另外在googlecode上也有下载地址：http://code.google.com/p/zf-blog/

更多详情请访问我的blog：http://blog.conshare.com 有什么问题各位多交流，呵呵。

忙里偷闲，偷偷把KDUED组里的宝贝们拐到了吧台，让他们给其他小朋友走个秀，o了，“音乐准备好了嘛？我们开始吧”。。。

Martilo 的颓废小象

NICI小狗狗

IKEA的木头人，啊哈，不要挠我，不要挠我….

saidy的泥人： 哦吧 。哦，哦吧是我起的名字，真名得问他。

wall-e：哦啦啦，我投降

哒哒哒哒，偶刚刚上牌照的道奇，相当帅，喷漆细节不错，只要15大洋

爬树的道奇-_-!!

wall-e：你，你，你，说你呢，会开车不？赶紧靠边。

小朱：555555

jasmine 的 I LOVE YOU 泥宝宝

小熊妈妈和迎迎娃娃

兵哥哥和大伙

哇哈哈，86块版悍马，只要86块哦，没有看错，就是86块，超大有弹性车轮和双减震，这么豪华的配置你只要拨打KDUED的热线电话，就能以76块订购，还等什么，如果现在就拨打电线杆上办证电话还有惊喜哦，前十名还能获得精美礼品一份，不要再犹豫了，赶紧拿起电话拨打我们的热线吧.  ；>…

wall-e大集合，集体向伊娃投降：伊娃，你爱我吗？

暖暖的小姑娘

当当当，一晚上刻好的白脸张飞，还没来得及二次开发，没画脸没打磨-_-!

o了，大集合喽，开饭喽，好多宝贝没能参加活动，下次补过。

KDUED小朋友祝大家节日快乐

这里祝大家越来越年轻，快乐工作每一天，透露一下，我们好多的隐藏手工宝贝在后面的日子里会一一跟大家见面的，只是，只是，他们太害羞了，怕别的小朋友捏他们。

SaaS模式特点鲜明：互联网用户、价格低廉、无需维护、无需实施、低投入风险、功能及时更新、简单易用、可先试用再购买等等。如此之多的个性鲜明的特点，注定了SaaS产品的设计必定与传统软件的设计有天壤之别。

互联网行业讲的是体验，传统软件行业也开始关注软件的可用性。而SaaS恰恰就是这两者的结合产物，身披互联网华丽的外衣，内藏传统软件UE的毒瘤。传统软件行业的用户体验设计远远落后于互联网行业，这是不争的事实。SaaS的出现恰好能够带动并提高软件行业的用户体验设计水平，这是一个很好的契机。下面结合自己的工作体验，来谈谈SaaS中的用户体验设计我们需要做些什么？

观念的转变

首先需要转变观念，为什么呢？举一个实例来说明：国外的一款SaaS产品，发现该产品的发布公告、产品最新动态信息、活动等信息支持Twitter模式，Twitter用户可以对其进行Follw和RT。Twitter模式被很好的借鉴到了该款SaaS产品的设计当中，并取得了不错的效果。可以看出：只有观念的转变，才能带来设计的巨变！SaaS天生具有互联网的特征，因此SaaS的设计需要我们用互联网的眼光来看待。



引入用户体验设计

用户体验设计不是仅靠一个人或几个人的创意和智慧就能够完成，用户体验设计是靠整个团队，在一个合理的流程下相互协作才能完成的。一个合理的UED流程，也是一个企业开展用户体验设计的基础。没有流程，一切都是海市蜃楼。

SaaS的设计开发流程，其核心还是建立在传统软件开发流程的基础之上的。其主要环节有规划、需求、设计、开发、测试。如何将UED有效的融进SaaS的设计开发流程当中去？我认为这也是国内各SaaS厂商希望突破的一个瓶颈。有两种途径可以帮助我们解决这个瓶颈：

1. 1、聘请专业的咨询公司，帮助企业在现有设计流程中融进用户体验设计流程。不是简单的帮助企业解决具体问题，而是向企业提供流程化的解决方案；
2. 2、若企业已经有了不少用户体验设计相关的研究积累，那么可以考虑引入一些原型设计工具（如：Axure RP）来优化现有设计流程，将用户体验设计融入到现有流程当中去。该如何引入呢？这里我们以一个项目实例来进行说明：

项目：一款新的SaaS项目，计划3个月后投放市场
目标：简单易用、视觉效果较佳
引入用户体验设计：
规划环节：利用Axure RP完成定位、目标、角色、概要需求等规划要素。
产出物：规划PPT、低保真规划原型、生成规划文档。
需求环节：利用Axure RP完成竞品分析、需求规格说明、交互特性等需求要素。
产出物：低保真需求原型、生成需求规格说明文档。
设计环节：根据规划、需求环节的Prototype及文档，进行高保真原型设计。
产出物：高保真原型、简要设计说明。
开发环节：根据规划、需求、设计环节的产出物，进行技术预言和代码编写。
产出物：Beat版的产品
测试环节：根据需求的产出物编写测试用例和程序测试。
产出物：测试报告、BUG报告。

通过原型设计工具的产出物，将规划、需求、设计、开发、测试环节进行了有效的衔接。同时利用产出物，还可在整个设计开发过程当中有效的开展用户研究、可用性测试、产品评估、市场预测等活动。通过各环节的衔接，搭建用户体验设计之桥，从而开启用户体验设计之门！

推陈出新

先来看一个典故：当年韩信刚投奔刘邦时,刘邦让他管理粮仓，韩信提出了“推陈出新”的管理理念，即把粮仓开设前后两个门，把新粮从前门运送进去，把旧粮从后门运出来，这样可以防止粮食在蜀中炎热潮湿的环境下腐败变质。从而使蜀中粮仓不再有变质浪费的现象，这无疑是仓储管理史上的创举。看似简单，实则出新–这就是创新。

这里我们举一个实例来说明：我们考虑如何在SaaS产品中增加营销、用户互动元素？经过分析和研究，最终我们在SaaS产品首页下方开设了一个小栏目：（左）营销活动宣传区 （右）用户照片及用户心声区

通过监测用户的鼠标点击行为，我们发现此方案取得了不错的效果。相比传统软件的首页设计，无疑这算是一种创新。

山寨文化盛行的今天，创新显得更加尤为重要。SaaS做为一种新型的软件应用模式，其本身的设计就需要去不断的推陈出新，有创新的思路、有创新的机制和流程，同时再有创新的团队，相信SaaS的创新一定会源源不断涌现出来。

当前国内SaaS产业发展还处于初级阶段，在我们在提供可靠产品和服务的同时，更需要重视用户的积累，更加关注用户体验设计，不断的推陈出新。SaaS天生所具有的独特气质与魅力，注定了SaaS产业是一个极富有挑战性的产业，相信在我们的努力下SaaS产业的明天会更好！

附：本次活动完整PPT下载地址

Welcome to our home……

金蝶软件园大厦

大厦电梯间

走廊

5楼，左转移动互联就是我们啦

办公区，大家都在忙碌着

还是办公区

独立办公室，看到Mac一体机了么？

休息区咖啡吧

5楼的咖啡吧

咖啡吧吧台，上网喝茶皆相宜

咖啡吧俯瞰

办公区窗外，可以看到深圳沙河

区域标示牌，这个是茶水间

猜下这个标示牌，猜对有奖

同事的植物

设计师mm的桌面，不断丰富ing

隐藏mm

———————–下面是搬迁那天的2张照片———————–

Robert致辞

剪彩

我们也许还懵懂，也许认识还肤浅，但从没有停止前进。

我们也许还不够强大，也许还有过忧虑，但，从没有胆怯！！！

你还等什么？？我们就在深圳的 Kingdee软件园 期待你。。。。

友商网2009招聘专题：http://www.youshang.com/html/job/

[ 点击查看震撼效果版本 ]

EDM设计的前提是：
1、友商联线将持续性的以邮件EDM的形式发给用户。
2、要考虑版式结构的延续性和扩展性。
3、要考虑邮件收发的速度性能。
4、品牌风格的传递。

根据这些前提，我们拟定了设计的基调：
1、框架必须简单，易于扩展。
2、图片精简再精简。装饰性设计集中在广告，及视觉引导的作用上。
3、要有联线的设计特色（这个做了3类风格供参选）

根据这些原则，我尝试做了很多种风格，最后聚焦在3种，方案一：是清爽有质感风格的设计；方案二：非常简洁大方的商务味道的设计；方案三：是有特色情感的风格设计。

最后我们联系了14位用户，请他们帮助调研。决策最终选用哪种方案。但因为时间紧迫，我们仅收到5个问卷反馈。

5份问卷的数据为：
1、无用户选择方案一；
2、设计风格和文字字体上，方案二均以4：1胜出；
3、阅读粘性上，方案二与方案三2：2。

虽然调研基础最少要12份，由于我们的时间有限，仅收到5份就开始总结，但方案二的优势还是很明显的。
最后，我们选定了方案二。 我总结了一下：

其实友商联线15期和14期，在风格设计上是近似的，都是商务风格，简洁大方，蓝色调子，右边为广告区域。视觉设计并没有新的改观和体验。
但内部同事反馈意见说，14期风格不好看，需要重新认真设计。回过头来，我们发现，单纯的设计回到了原点，提升和改进的其实是用户体验。So，不管需求还是规划提意见不能单单指：设计风格不好！更多要站在用户的角度去思考体验的改进！而设计师呢，不能仅仅只关注色调图片的装饰性效果，更多要关注视觉层面的交互设计体验（色彩、图片都是为内容服务的），要更多地多问问、多思考。

15期设计，修改的地方：
1、文字，用了14pix的字号，有助于阅读。
2、主要推送内容加了图片，目的是吸引用户的视觉，能快速聚焦到重要区域。
3、加了导航栏目，帮助用户快速进入其他链接内容。
4、加了hot、new小图标，有视觉引导提示性作用。
5、一级栏目、二级栏目标题，颜色做了区别，更加醒目。
6、加了友好的问候语。
7、规范了部分内容的文字描述。

要做好一个HTML邮件，说简单，还真不怎么复杂，说它复杂，其实也不难。-_-!!

以前写过类似的[ 关于HTML邮件的总结 ]，最近又犯愁，就再唠叨几句。

简单的是：技术实现要求不是太高，只要做好xhtml页面就能使用邮件发送服务来发送。

难的是：如要做到兼容国内几乎所有邮箱，兼容Gmail，Yahoo mail，outlook等，却也有点难度。因为各大邮箱对css，HTML标签的支持程度各不相同，有的会在邮件主体的外层使用一些干扰的样式，有的对图片的支持也不清不楚，邮件客户端就更是千奇百怪。

要想做好最大的兼容性，建议：

1.用table进行布局，想要布局不乱，尽量用他，很多时候web标准在这里行不通，想用float？到了人家的邮箱里，就不一定浮的起来了。。

2.少用图片作为背景，因为outlook 2007和某些web 邮箱是不支持背景图片的。

3.图片给出alt属性，防止图片无法显示时，出现红叉叉。

其他的，请参考上面给出的总结，业界也有不少关于这个话题的好帖子，可以搜索一下。

现在，再谈谈如何在HTML邮件上做一点点用研，提高它的回报率。

首先，有一条是必须的：你所发出的邮件对用户来说，是确实有意义的，而不是在糟蹋广大劳动人民的智慧。

1. 它面向的用户群体主要是某站点的会员，包括购买了产品的用户和没有购买产品的用户，没有购买产品的用户又包含活跃会员与普通用户，往下还可以细分。与用户的沟通，或者说互动，有很多的途径，HTML邮件就是其中之一，[ 虽然我极不推荐用这个古老而收效甚微的方法，其他的方式，往后再聊聊] ，它以精准而著称，如果接受者不是我们的有效目标受众，不但浪费了资源，更违背了HTML邮件或者叫EDM的宗旨及意义。这一点是首先要明确的。

2. 我们来看看这个小用研的重点在哪？先模拟一下用户打开邮件的整个过程：

A、B、C三个点可以说都是关键点，因为这三个点是一个用户真正做决定的点，但是，其中的A是一个EDM能否产生真正应用价值的，是否有存活在这个世界上的时间点。这个地方需要考虑的是标题的创新包装，所以A是这三个点中，最重要的。
B点是视觉风格–>内容的天地，也是用户是否会深入了解该邮件的过程。
C点是真正对用户产生价值的地方，是能否给用户带来效益的地方，也是站点与用户能否双赢的时间段。这一次的用户调研，将主要在这三个点设计调研点。

剩下的，就是控制好样本量和选取合适的调研方法，可以是问卷，访谈，Focus group，可用性实验室等，最简单的，就是问卷和访谈。访谈，可以是真实的面对面的，也可以是通过语音。我们此次的调研主要采用的就是上面提到的前两种，效果还算理想。

]]> http://www.kdued.com/2009/04/html-mail-2/feed/