Dreamer

call to action

心动不如行动——说说Call to Action Button

September 5, 2010 by dreamer

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 提供了附加说明信息,针对用户可能最想知道的问题,马上提供了解答 不过最后,第一个按钮算是失败了,我很没原则的把这个样式用到了好几个表单里(时间紧张不想再设计新的样式了)⋯⋯果然是无节操党⋯⋯以后会注意的!

Posted in: Interaction&Front-end, User Interface, Visual Design, 工作整理 Tagged: call to action, 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