Dreamer

糟糕,我不会买错了吧!——如何避免用户押错队

September 5, 2010 by dreamer

买彩票,最杯具的事情是什么?不,不是中不了大奖,而是明明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万多人次参与竞猜,每天都有上千的讨论帖发表,没有人反映他押错了队伍。并且因为明确的颜色区分,表示正确的“绿”和错误的“红”成了论坛中短期的流行词。常常有人抱怨他“全红”,希望能“绿”一下,甚至有人认为是抽多了国内烤烟才导致总是猜错(因为国内烤烟包装大部分是红色的),号召大家抽“小熊猫”(绿色)。还真有人实践了!当然他们不会意识到这和一开始的设计有什么关系,界面设计就是这样,隐形便是成功!

======================
附上同样是世界杯活动的另一个表单。这是个以下注为形式的活动,需要突出剩余筹码和一些规则、通知。

Posted in: Interaction&Front-end, User Interface, Visual Design, 工作整理 Tagged: web

Categories

  • ACG
  • Flash3D
  • Interaction&Front-end
  • Life
  • Mobile
  • User Interface
  • Visual Design
  • 工作整理
  • 懒人食谱
  • 服务器

Recent Comments

  • dreamer on Kill IE6?
  • 曉行 on Kill IE6?
  • Benny on 互动设计是神马?
  • 人人都爱vancl | Dreamer on 互动设计是神马?
  • dreamer on http协议复习笔记摘要

Tags

3dmax 3Z 403 960 Grid System acg android apache call to action code collada css CSS framework dae diy Don't Make Me Think flash httpd.conf papervision3d programing PV3D web wordpress xhtml xhtml mp 互动设计 产品 便当 凡客 咖喱 应用 快速阅读 懒人食谱 手机 手机网站 搬家 泰式 炒方便面 烟盒 界面 相册 瞬间之美 破面 虾 说明 银魂

Copyright © 2026 Dreamer.

Mobile WordPress Theme by themehall.com