之前有几年不用原装的msn，一直用adium和pidgin，最近听说msn 2009开始sns做得不错，就去升级了msn messenger，果然还行，除了一开始登录不太正常以外。
今天打开msn messenger，看到下面的按钮有一个“订餐”，没有看出是什么，抱着我不下地狱，谁下地狱的精神点击了一下，还算友好，只是在msn左边显示了一个窗口，原来是KFC的一个宅急送的广告。本人曾经是经常周末会订一个全家桶的，所以也就仔细看了一下。(因为本blog是两栏的，图片有点溢出，和旁边的文字重叠了，不过不影响下面的说明效果。)
我用的是windows xp+sp3，最为广泛的windows系统，msn是最新的2009版本14.0.8064.206。屏幕分辨率1024*768，电脑是ibm thinkpad x60。
我一直认为KFC在中国还是非常专业的，也是取得了卓越成效的，但是没有想到他们的web广告设计会如此差劲，下面主要从ui和ue来谈谈：
1 大家注意右边的垂直滚动条，其实拖动滚动条后下面就还有两行不到的文字，这个滚动条的出现首先破坏了美观，其次没有实际用处。msn2009的窗口界面和windows主题是不太符合的，更加类似于vista方式，但是其滚动条并没有考虑那么多，我想ms开发团队应该也是用一个ie的容器来显示这样的页面，做了一些定制。这个灰色的垂直滚动条不知道有什么出现的必要。
2 “网上订餐”这个按钮在右下角。从早期web页面视觉焦点九宫格到后期更加精准的一些heat图的研究结果，这个右下角都不是最好的视觉焦点处，我们一般都是从左上角开始看，但这个右下角闪动的flash，使得视线跳动，结果是忽略真正要表达的元素。不知道设计者是否知道世界上有一种设备叫做眼动仪，就是为了分析人们在观看某物体时的实现转移规律，这样的研究这几年已经被广泛的用到了web设计中。
3 看右上角，五项文字。”三种支付方式任您选:货到付款, 网上银行,支付宝”，用半角标点符号无可厚非，为什么货到付款后面的逗号后面空了一格，而所有的其他逗号没有这个问题，实际上有逗号的文字也就两项。第三条内容的省略号的非常规用法还可以原谅的话，为什么第四条后面有个叹号，而其他四项后面都没有标点符号。另外这五条的顺序个人也觉得稍有问题，我们订KFC这样的外卖，一般最关心的是电话多少，以及有否什么优惠信息，我不知道这五条的顺序是否经过基础社会调查测试。
4 我们把滚动条往下拉一下，呵呵，有趣的东西要出来了。大家仔细看那个”短信”的输入框下面的虚线和右边的实线相交的地方，有个点跑到外面去了。我不知道UI设计师是怎么做出这个效果的，因为做一个简单的输入框很容易，要把这个虚线做坏倒是很难的事情。另外，我试了一下，我的电子邮件 wingfish@gmail.com 是无法显示完整的，就纳闷了，“我愿意”左边还空着那么多呢，为什么一定要挤在右边呢？好消息是手机这里可以输入14位，如果有香港朋友定制的话，差不多，00852-91234567。但是大陆的手机都是11位的。这个电子邮件和手机定制优惠信息整行的UI元素间隔、文字本身间隔都是不整齐的，输入框前后文字间隔不整齐可以说是吹毛求疵，但是一行文字里面，字和字之间的记录不一样的，真是难为了设计师。
5 最后一行的使用条款等文字不知道为什么和上面的图片那么要好，一个像素的距离也不愿意，必须紧紧贴面，而目测下来，下面至少有4个像素，也就是说完全可以上空2，下空2。(我好像是在说成语朝三暮四的来历啊)
既然已经用了falsh和图片，为什么四个推荐产品下面的文字说明又用标准的文字了，和绚丽的图片在一起，很不协调。仔细看四个配图说明，标点符号还是没有规律的，两个楼上的有叹号，楼下的没有。
到此，已经对于具体的优惠信息索然无味了，KFC和msn的广告如此水准，中国的互联网距离国外的差距到底多少，大家心里知道。
（不排除有些问题是由于本人电脑和windows毕竟怪异造成，还好这是msn弹出的广告，有怪问题也只好让他们找总部windows开发组了）
0 Response to “我被KFC的msn网页广告设计雷到了”