论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > HTML教程
Tag:初学,入门,文字,链接,table,表单,框加,多媒体,标签,视频教程

注册表单的设计

文章类别:HTML | 发表日期:2010-9-1 9:28:28

Give the user good reasons to join
乍看起来有点营销的味道,事物的本质不变,但人的情绪是可以扭转的——让用户有充分的理由来注册;

Make the sign-up process feel effortless
改变枯燥令人生厌的感觉,就是我们需要做的努力:让表单或整个注册过程变得轻松省力;

Don’t leave new users hanging
这个观点在整篇资料里的意义侧重于提升活跃度的办法——用户不是完成了注册就完成了使命,了解社区的新事物才是刚刚开始;

Accelerate initial connection-making
如果说活跃度从上一个观点拉开序幕,那么这里就是如何使用户在社区里开始生活,建立联系比如通过自己之前发布的信息来联系好友,真的体验海内存知己,天涯若比邻的感觉。

整篇的骨架结构就是一个循序渐进的行为引导,为facebook的引入会员、维护社区活跃的初始引导,做了详细的注解和指导,可做手册查阅。读后侧重工作的总结,梳理几条注册表单的规则:

  1. 当表单结构需要多步时,需要注意的是给出清晰的导航
    • 使用进度标尺来告诉用户当前的位置和整个步骤
    • 强调几个步骤中的逻辑联系,比如标明:step1、step2、step3
    • 用有意义的图片或ICON甚至是标题来解释各个步骤
    • 使用简单的语言或第二人称描述行为动作
    • 逻辑步骤最好限制在3步内
  2. 用户在注册行为中的提示
    1. 提示信息(tips)尽量在需要帮助或有前后行为衔接的地方出现
    2. 对用户的鼓励应在进程中体现,如每完成一项输入提示一个打勾的图标
    3. 尽量避免出现弹出框的警示提醒
    4. ICON的出错提示避免用警告的表达,使用户有挫败感
    5. 简单易识别的ICON来标记提示、成功、出错的样式
    6. 提交表单时如果有出错,过长的表单最好将出错提醒显示在整表头部,指引用户改正
  3. 关于文案
    • 质量重于数量,一针见血地说出亮点,而非平铺罗列
    • 尽力避免有特殊含义的文案,如果有专属名词请一定要解释清楚,避免用户的困惑
    • 尽力思考文案表面的亮点,什么才最吸引用户,有时“最新”的字样不一定是用户最感兴趣的
    • 在我们以往的项目中多项数据和实践强调证明文案真的很重要
  4. 表单的布局
    • 尽量使用对齐的字段、等长的输入框以及一致的视觉样式来减少视觉干扰
    • 尽量控制在一屏内出现3-6个字段和输入框(多用于多步骤的情况)
    • 如果有选填和必填时标明差别
    • 为不同概念的信息归类,尽可能地分开选填和必填

这些表单设计的通用规则,美国Yahoo的LukeW同学对表单做的充分解释也涵盖了它们,都是最为常用的,总结一下给同学们参考,活跃度的引导还是有非常多能深挖的点。这里按下不表,留作后续分解。

上一篇:表单Form的submit事件不响应 人气:2151
下一篇:XHTML网页代码规则 人气:2059
视频教程列表
文章教程搜索
 
HTML推荐教程
HTML热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058