会员注册页面的交互细节

Tag: 用户体验BILLY @ 16:14 11-05-2009

核心提要:
·注册页面主体宽度小于800像素,利于用户聚焦操作。
·注册步骤引导使用文字,不要用图片。
·密码强度提示需提前让用户了解强弱极限度,辅助提示如何设置高强度密码。
·操作提示语尽量少且简短,并用浅颜色弱化。操作提示语与注册字断垂直排列比平行排列更好。
·警告语在填写出错后即时触发,不填错不触发。
·用户已正确填写,给出鼓励提示。
·验证码简化,全数字或全英文(全大写或全小写),要有即时更换验证码的操作功能。
·注册提交按钮同时包含同意条款,服务条款重要级别低,可放在按钮下方。
·注册页面中不设置跳出页面的链接,可用浮层替代。

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

e5b9bbe781afe789871

32 Responses to “会员注册页面的交互细节”

  1. cnscorpio says:

    相当好的帖子,注册表单历来是难整的地方。。。
    感谢billy。

  2. cnscorpio says:

    建议再加些文字描述下更好,也利于大家找这类资料的时候能搜索的到

  3. BILLY says:

    已加了核心提示

  4. martilo says:

    完整的分析,太棒了!~

  5. seanyuan says:

    因为稀有,所以要顶

  6. Ray ma says:

    分析总结的很不错。学习了。

  7. Showfom says:

    学习了,很不错

  8. kaman says:

    的确不错!

  9. 会员注册页面的交互细节 says:

    [...] 原文地址在这里 [...]

  10. hellokitty says:

    很不错啊,顶一个

  11. joymin says:

  12. alam says:

    真的很 不错。想学这方面的知识

  13. Bruce GAO says:

    很不错

  14. brandon says:

    严格执行就更好了

  15. snowfield2008 says:

    很不错哦,其中关于注册流程中是后台验证还是前端js验证,本人觉得如果注册超过一屏的位置,可以考虑前端js验证,否则后台验证还是可行的。用户本身注册花掉的时间是较少的。

  16. snowfield2008 says:

    不过说实话,在注册流程设计时,感觉很多公司都不太重视。呜呜

  17. DIno says:

    为什么不把你们的project拿出来做比较呢?
    分析得不错,不过我个人觉得没有总结性的东西,就是综合之后,哪些注册师最棒的。
    注册选项的精简,从而提高注册率和留住用户。

  18. DIno says:

    您的留言,哪些是可以点击的,哪些是不克点击的,我也看不出来。木有作区分,呵呵!
    为什么所有的字体都是雅黑,而您button上的字体缺是宋体呢?

    雅黑看久了其实好累,不适合长久阅读!
    个人建议。

  19. cnscorpio says:

    @DIno button的字体也是雅黑吧。。。
    我这里用fierbug看是雅黑的。。。如果是哪里有问题,帮忙指出一下,哈哈

    @DIno 为什么不把你们的project拿出来做比较呢?
    我们的现用注册细节就是不太合理的,其实也做了比较,预计快要改造改造了。。欢迎DIno提点宝贵意见

  20. Ray ma says:

    http://www.cityin.com/register
    CityIn 的注册步骤中右边的那个“你的朋友会看到…”那个资料预览框。建议尝试下。我觉的这个地方在处理的非常棒。特再此分享下。
    最后谢谢BILLY的整理和分享。

  21. 菜鸟 says:

    不错 受教了 值得学习

  22. 威海网络公司 says:

    我觉得Yahoo!和Google是做的最好的。

  23. EchoXi says:

    非常有用,感谢Billy的辛苦劳动!

  24. 京工科业 says:

    不错 受教了 值得学习

  25. 京工科业 says:

    你们网站做的太好了,让我学到不少啊

  26. ae says:

    最后的验证码问题…那是防止恶意注册来的.
    阿里巴巴的注册其实很麻烦,所以^

  27. 慧净 says:

    我现在也在这方面的研究和分析,文章写的非常好,参考了一些你们的内容。

  28. 水是醒着的冰 says:

    受教了

  29. whiterdog says:

    我喜欢这种细节的比对和分析,指出好与不好的对比,很有收获,谢谢了

  30. SOHU媒体技术产品中心-创意设计组 » 谈搜狐白社会的注册页面的交互设计 says:

    [...] 前几天看到KDUED的童鞋们写了一篇《会员注册页面的交互细节》,有感分析了一下白社会优化后的注册页面,很多交互的细节值得学习与借鉴。 [...]

  31. 谈网站注册、登录过程 – 我叫光耀 says:

    [...] 最近在做网站的注册、登录、购买、支付等几个重要环节的流程优化和交互稿。这几个环节是与网站信息架构有关且对整个网站至关重要的。我这里讨论注册和登录两个过程。Billy在这里讲注册的交互细节,推荐阅读。 [...]

  32. [10/04周主题] – UED案例分享 | 权记 says:

    [...] 7、注册和登录流程(除了首页,估计就数注册和登录对用户最重要了,也是最难整的一块,看似简单,里面有很多玄机) * 会员注册页面的交互细节 [...]

说两句吧