注册表单设计的规则_HTML/Xhtml_网页制作
程序员文章站
2022-04-25 08:43:30
...
《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的引入会员、维护社区活跃的初始引导,做了详细的注解和指导,可做手册查阅。读后侧重工作的总结,梳理几条注册表单的规则:
这些表单设计的通用规则,美国Yahoo的LukeW同学对表单做的充分解释也涵盖了它们,都是最为常用的,总结一下给同学们参考,活跃度的引导还是有非常多能深挖的点。这里按下不表,留作后续分解。
既然答应写读后感,就从我的视角来说一点与注册有关的东西,先把整篇资料的骨架分解一下,然后再结合其中观点谈目前的感受。
注册其实是个有点枯燥的任务,《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来标记提示、成功、出错的样式
提交表单时如果有出错,过长的表单最好将出错提醒显示在整表头部,指引用户改正
这些表单设计的通用规则,美国Yahoo的LukeW同学对表单做的充分解释也涵盖了它们,都是最为常用的,总结一下给同学们参考,活跃度的引导还是有非常多能深挖的点。这里按下不表,留作后续分解。
推荐阅读
-
ie6下的背景图片缓存_HTML/Xhtml_网页制作
-
TinyEditor 简洁且易用的html所见即所得编辑器_HTML/Xhtml_网页制作
-
防止用户将表单重复提交的方法汇总_HTML/Xhtml_网页制作
-
网页设计制作之改进超级链接效果_HTML/Xhtml_网页制作
-
HTML表单标记教程(2):_HTML/Xhtml_网页制作
-
HTML表单标记教程(5):文字域标记_HTML/Xhtml_网页制作
-
改进网站设计提供的有意的建议_HTML/Xhtml_网页制作
-
超链接图标规范:提升文章的可阅读性_HTML/Xhtml_网页制作
-
HTML表单标记教程(3):输入标记_HTML/Xhtml_网页制作
-
HTML表单标记教程(2):_HTML/Xhtml_网页制作