注册表单设计的规则

2016-02-19 12:48 10 1 收藏

下面这个注册表单设计的规则教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

《Patterns for Sign Up &Ramp Up》很早就读完了,之所以今天才写读后感,细细读完了发现,它更为接近吸引注册、提升活跃度的社区构建引导,是一份社区活跃会员度研究的好资料。
既然答应写读后感,就从我的视角来说一点与注册有关的东西,先把整篇资料的骨架分解一下,然后再结合其中观点谈目前的感受。
注册其实是个有点枯燥的任务,《Patterns for Sign Up &Ramp Up》里提到的观点是:
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的引入会员、维护社区活跃的初始引导,做了详细的注解和指导,可做手册查阅。读后侧重工作的总结,梳理几条注册表单的规则:当表单结构需要多步时,需要注意的是给出清晰的导航使用进度标尺来告诉用户当前的位置和整个步骤 强调几个步骤中的逻辑联系,比如标明:step1、step2、step3 用有意义的图片或ICON甚至是标题来解释各个步骤 使用简单的语言或第二人称描述行为动作 逻辑步骤最好限制在3步内用户在注册行为中的提示提示信息(tips)尽量在需要帮助或有前后行为衔接的地方出现 对用户的鼓励应在进程中体现,如每完成一项输入提示一个打勾的图标 尽量避免出现弹出框的警示提醒 ICON的出错提示避免用警告的表达,使用户有挫败感 简单易识别的ICON来标记提示、成功、出错的样式 提交表单时如果有出错,过长的表单最好将出错提醒显示在整表头部,指引用户改正关于文案质量重于数量,一针见血地说出亮点,而非平铺罗列 尽力避免有特殊含义的文案,如果有专属名词请一定要解释清楚,避免用户的困惑 尽力思考文案表面的亮点,什么才最吸引用户,有时最新的字样不一定是用户最感兴趣的 在我们以往的项目中多项数据和实践强调证明文案真的很重要表单的布局尽量使用对齐的字段、等长的输入框以及一致的视觉样式来减少视觉干扰 尽量控制在一屏内出现3-6个字段和输入框(多用于多步骤的情况) 如果有选填和必填时标明差别 为不同概念的信息归类,尽可能地分开选填和必填
这些表单设计的通用规则,美国Yahoo的LukeW同学对表单做的充分解释也涵盖了它们,都是最为常用的,总结一下给同学们参考,活跃度的引导还是有非常多能深挖的点。这里按下不表,留作后续分解。

来源:http://www.tulaoshi.com/n/20160219/1601976.html

延伸阅读
通过PS我们可以设计出各种样子的表单,不过其中许多最后都需要转成HTML表单页面,在大多数表单中如果不能基于CSS制作的话就无法在很多场合应用。因此网页设计师在设计表单时需要考虑的问题就是如何将其转化为HTML+CSS的页面形式。 虽然HTML无法制作出十分酷的表单,不过也能制作出许多出色的表单页面,本文中的表单都是HTML形式,可以参考这些...
最近几个月以来,我一直忙于在我的新书中通过实际测试数据来重写设计建议,这本书名叫《网页表单设计最佳练习》(Web Form Design Best Practices)。为完成这件事,我很荣幸的和伦敦的可用性专家Etre一起合作,并进行了大量的专门针对网页表单设计的眼动实验和可用性研究。其中的一项测试便是研究主要行为与次要行为之间的差异化。 主要行为与...
随着互联网的发展,人们开始越来越多使用WEB表单,虽然没有人愿意填写这东西,但却无法忽视其对于网站的重要性,特别是购物网站,随着网站类型的扩展,WEB表单的形式也变得越多越多,这也就成了今天讨论的主题,如何设计出令用户满意的WEB表单!随着文中一起来分享一下国外一些优秀的WEB表单是如何设计的。 随着网络的发展,人们通过各种方式使...
今天在整理文档时候找到了一份关于表单设计的分享,里面有关于「表单5大元素」「情感」「设计」的分享,里面表单的例子是去年的,可能有些网站已经重新设计过,不过不影响阅读文档。
表单是由许多细小的元素所组合而成的集合体,标题和输入框的排列方式有着重要的地位,标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢? 标题和输入框常见的排列方式 1. 放在输入框左边,而且靠左对齐 2. 放在输入框左边,但是靠右对齐 3. 放在输入框上面 4. 放在输入框里面 排列方式的比较...

经验教程

33

收藏

28
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部