第一次的亲密接触 -- 如何设计用户注册流程

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

Post a comment
Embed Video
Edit your comment Cancel

Notes on slide 1

http://webkeji.net/Credit: http://www.flickr.com/photos/laserenotta/1777126662/

与其用满屏的文字来装饰主页,Tumblr将自己的价值用一句话用人性化的语言(“anything you find, love, hate, or create”)简单描述出来,而且很自然地带出下面注册图标上的文字”start your own in 30 seconds”

Radar为了更好让用户明白实时图片共享的概念,用图片配文字的方法做了一个3步介绍。

因为Flickr的功能众多,只用一个场景来介绍不现实,所以他们用了一系列的图片来说明网站能带给用户的独特而有趣的好处。

Blogger将创建一个blog的3步骤用大大的图标和简单介绍(3个词)来表示,而且在后面的页面上也再次重复强调

GetSatisfaction要求用户必须登录或者注册才能进行回复,虽然这样有让用户不爽的风险,但是他们尽力将这个登录或者注册模块和原来的页面形成一个整体,而且保留了用户的留言

Yahoo Answers在首页用轮播的方式来展示优秀的答案

Linkedin在首页让用户发现有多少自己的同事和校友已经加入了

Flickr’s的站点导游使用了大图和精炼的文字来让用户轻松地浏览阅读,而且在每页的下方都有大大的注册按钮

Xanga’s的注册界面简洁得可以用一个小小浮出层来搞定,而且在第一次登录时就强推动用户来寻找和导入好友

Linkedin的注册页虽然问了不少信息,但是采用了整洁有序的表单,备选项目也明确地标出来了

ShareThis将填写个人资料放到最后一步来确保用户在核心流程中不分心

Digg在表单的每一栏都给出了提示和纠错

类似网游的新手任务

Linkedin使用了一个欢迎模块来提醒用户去做一些重点事项

Ning pages默认放置了一些空白模块来吸引用户注意,绿色的加号图标也明确指出了下一步行动

在注册完成后,Flickr给新用户建议了3件下一步事项

Twitter的欢迎页用了一个3步的checklist来提醒用户,完成的就被划掉

Facebook用实时提醒来提示一些常用功能或者用户还没有发现的功能

用户在Radar可以手动输入或者直接导入邀请邮件地址

12 Favorites

第一次的亲密接触 -- 如何设计用户注册流程 - Presentation Transcript

  1. 第一次的亲密接触用户注册流程案例分析http://webkeji.net/
    翻译并改编自adaptivepath的“Patterns for Sign Up & Ramp Up“报告
  2. 用户注册流程设计的四原则
  3. 为用户提供绝妙的加入理由
    要说服新用户注册,网站应一方面提高自己在潜在用户心中的价值估价,同时降低用户加入所需要投入的成本。简单地说就是要让这个(价值-成本)的差值越大越好!
  4. 1.1:简单明了的网站价值诉求
  5. 1.1: Examples
  6. 1.2:网站功能演示/如何使用网站?
  7. 1.2:Examples
  8. 1.3:列表-为什么应该加入的原因
  9. 1.3:Examples
  10. 1.4:注册流程预览
  11. 1.4:Examples
  12. 1.5:设饵让用户加入
  13. 1.5:Examples
  14. 1.6:首页的精彩内容
  15. 1.6:Examples
  16. 1.7:定制信息引诱用户加入
  17. 1.7:Examples
  18. 1.8:网站导游(Site Tour)
  19. 1.8:Examples
  20. 设计使用户感到轻松的注册过程
    成功引导用户按下“注册”按钮只是第一步!网站还需要一个让用户觉得轻松舒服的注册体验!如果注册过程是便捷快速的,用户会更倾向于尝试各种其他服务,就算他们并不确定到底会得到什么好处。
  21. 2.1:简单的初始注册流程
  22. 2.2:详细的初始注册流程
  23. 2.3:初期设置精灵( Setup Wizard )
  24. 2.3:Examples
  25. 2.3:Examples(进度尺)
  26. 2.3:Examples(清单 - Checklist)
  27. 2.4:填写项解释和错误处理
  28. 不要让新用户“悬着”
    对新用户提供的指引信息不应在他们注册后就停止。将新用户抛弃在一个不熟悉的页面或缺乏下一步如何行动的提示只会使用户感到迷惘。因此应想办法向新用户们隐形或显性地指导他们下一步可以做什么。
  29. 3.1:高亮区域
  30. 3.2:空白模块诱导用户操作
  31. 3.3:欢迎页面诱导用户操作
  32. 3.4:可操作的欢迎模块
  33. 3.5:实时提醒 (Callouts)
  34. 3.6:开路先锋(Trailblazing)
  35. 加快初始好友建立过程
    对于新加入社区的用户来说,如何开始建立自己的社交圈子是最大的障碍。如果没有好友,很多基于社区的服务会失去很大价值。因此,帮助用户迅速找到和添加好友是留住用户的关键。
  36. 4.1:寻找已经在本社区的其他好友
  37. 4.2:任意邮件邀请
  38. 4.3:导入联系人名单
  39. Thanks!More postings at http://webkeji.net/
SlideShare Zeitgeist 2009

+ richardchangrichardchang Nominate

custom

959 views, 12 favs, 19 embeds more stats

http://webkeji.net/

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 959
    • 485 on SlideShare
    • 474 from embeds
  • Comments 1
  • Favorites 12
  • Downloads 0
Most viewed embeds
  • 381 views on http://webkeji.net
  • 40 views on http://ucdchina.com
  • 17 views on http://www.webjx.com
  • 12 views on http://www.kuqin.com
  • 4 views on http://xianguo.com

more

All embeds
  • 381 views on http://webkeji.net
  • 40 views on http://ucdchina.com
  • 17 views on http://www.webjx.com
  • 12 views on http://www.kuqin.com
  • 4 views on http://xianguo.com
  • 3 views on http://www.zhuaxia.com
  • 2 views on file://
  • 2 views on http://192.168.88.3
  • 2 views on http://reader.youdao.com
  • 2 views on http://km.oa.com
  • 1 views on http://m359.mail.qq.com
  • 1 views on http://m18.mail.qq.com
  • 1 views on http://m342.mail.qq.com
  • 1 views on http://m147.mail.qq.com
  • 1 views on http://www.jingheweb.com
  • 1 views on http://m32.mail.qq.com
  • 1 views on http://zhuaxia.com
  • 1 views on res://D:Program%20FilesTencentTTinTTraveler.exe%20
  • 1 views on http://m47.mail.qq.com

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories