烟盒集
这些只是全部当中一个不起眼的小方案。 浮云中的另一部分⋯⋯没有数过一共做了几个，但是大部分都有些“不堪回首”。
Visual Design
心动不如行动——说说Call to Action Button
Call to Action Button，即“行动召唤按钮”，指的是界面上那些勾引用户去猛戳它的按钮。它往往代表着这个界面的核心使命——让用户进行某个行动。我们常常能看到Call to Action Button被用来代表注册、下载、购买⋯⋯ 心动不如马上行动，这是电视直销里的广告词。电视直销总是使用各种手段来勾引用户，他们会在屏幕下方用大号字体标注订购电话，用各种视觉语言让你注意到这个电话。我们很难想像会有谁对电视直销产品动了心，却不知道打哪个号码。广告的制作人很明白，一定要突出“行动召唤”！我们的Call to Action Button就像那个订购电话，需要多花点心思。 这是一篇翻译的文章：行动召唤按钮：实例与最佳实践 Call to Action Button在国外的网站中已经很常见，处理的方法也很丰富。中文页面的几大杯具是：中文字体没有起伏，远看就是一大块；信息密度超级大，页面又长又挤；广告多，动画多，喜欢闪⋯⋯这些都非常不利于处理好Call to Action Button。 还是那个鸡冻人心的世界杯活动页面，在首页，它的核心使命是让用户参与竞猜。而在竞猜页面，我们又希望参与的用户顺便也去论坛多聊聊，增加黏度。所以我为两个页面分别设计了Call to Action Button： 这两个按钮的初始设计是照着firefox的下载按钮来的。它的特点是： 1 不规则的形状、高质量图标，吸引用户注意，同时加强品牌印象（主题） 2 明确告诉用户，点了这个按钮会得到什么结果 3 提供了附加说明信息，针对用户可能最想知道的问题，马上提供了解答 不过最后，第一个按钮算是失败了，我很没原则的把这个样式用到了好几个表单里（时间紧张不想再设计新的样式了）⋯⋯果然是无节操党⋯⋯以后会注意的！
糟糕，我不会买错了吧！——如何避免用户押错队
买彩票，最杯具的事情是什么？不，不是中不了大奖，而是明明500万元大奖的号码和昨天打算买的一个不差，你却不小心涂错了号码！ 这种错误对于用户是灾难性的。所以为了世界和平，我们应当尽量避免我们的用户遭受这样的打击。 世界杯活动是以竞猜的形式进行的。每一场比赛开赛前48小时，用户需要选择胜负关系和净胜球。一开始，程序给我的原始页面输出是这样的： 11日22:00 南非（A） 墨西哥（B） 净胜球数 胜负关系：A胜， B胜， 平局 净胜球：0个，1－2个， 3－5个， 5个以上 很多用户可能难以在短时间（1－3秒）内做初选择，他们需要记住谁是A谁是B。人脑的短暂记忆容量恐怕只有大约5个单词或者几个字，如果碰上斯洛文尼亚vs阿尔及利亚，用户恐怕还得反复回去对照。而那些过于自信或者抢时间的用户，他们只能凭着感觉走。押错队伍的几率变大了。 让我们做一个简单的调整： 11日22:00 南非（A） 墨西哥（B） 净胜球数 胜负关系：A胜， B胜， 平局 净胜球：0个，1－2个， 3－5个， 5个以上 尽管没有任何排版，似乎不那么容易出错了！ 最终这份表单我是这样设计的：用颜色和排版体现队名和字母A B的关系。在竞猜结果那里也用了不同的颜色区分正误（还有图标的大小），这样显得更有感情一些。 正如之前文章提到的，这个专题的时间很紧迫，大概只有2天的时间，其中又有大部分时间用于调整那些静态的企业信息展示的页面。这个真正和用户打交道的页面只留给我2个多小时的时间实现并且与程序对接。确实还有很多地方不够完善。用了一些算不上什么的小技巧。 至于结果，还算欣慰。这次活动或许是我们几年来最成功的一次，有5万多人次参与竞猜，每天都有上千的讨论帖发表，没有人反映他押错了队伍。并且因为明确的颜色区分，表示正确的“绿”和错误的“红”成了论坛中短期的流行词。常常有人抱怨他“全红”，希望能“绿”一下，甚至有人认为是抽多了国内烤烟才导致总是猜错（因为国内烤烟包装大部分是红色的），号召大家抽“小熊猫”（绿色）。还真有人实践了！当然他们不会意识到这和一开始的设计有什么关系，界面设计就是这样，隐形便是成功！ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 附上同样是世界杯活动的另一个表单。这是个以下注为形式的活动，需要突出剩余筹码和一些规则、通知。