Featured Posts

【社会化设计】自我(self)部分——用户登录之后

Posted by puting | Posted in 未分类 | Posted on 27-07-2009

标签:, , , ,

0

问题(Problem)
未登录的注册用户想要参与贡献一些东西(或使用一些需要登录才能操作的功能)。

例子(Example)
Pattern_continuity
Yahoo体育上需要登录才能推荐新闻。

用法(Usage)
当需要验证才能参与到一个社区中的时候要用到此种样式。参与形式包括(但不限于)的评论,投票,评级,标签,博客发日记客或论坛中发帖子等。

解决方式(Solution)
当用户试图评论(或相同的动作)的时候,提醒她们需要先登录,并将她们转到登录的流程。
当用户登录成功,应该回到用户在登录前试图进行的动作流程(想要发表评论或者类似的动作)
如果是在提交信息的过程中需要用户登录,应该保留用户的填写的信息。

逻辑依据(Rationale)
显而易见,不能让登录成为阻碍用户参与到网站中来的一个绊脚石。

特殊例子(Special Cases)
有可能一些偏执的情形(如跨站点脚本问题,以及可能的跨网域的问题)需要打断用户,甚至需要用户返回到首页,这个时候就需要清晰地告诉哪里可以重新开始参与。这个提示应该包括一个指向该参与动作的链接,一个预先植入的表格或一条提示在几秒之后跳转的信息。

更多例子(As Seen On)

————————————————-

原文(英文):Sign In Continuity
本文链接:http://socialdesign.cn/2009/07/sign_in_continuity/
译者:puting
欢迎转载,转载请标明出处和译者以及英文链接和本文链接。

【社会化设计】自我(self)部分——登录sign in

Posted by puting | Posted in 未分类 | Posted on 12-07-2009

标签:, , , ,

2

什么(What)
用户希望访问他们存储在网站上的个性化信息或者应用程序。

例子(Example)
雅虎登录设计

Sign in module from Yahoo!
雅虎的登录模块。

什么时候用(Use When)
1.当用户需要存储个人资料或有个性化定制需求的时候。
2.当用户需要存储他们自己贡献的内容,且需要把这些归档到其用户名下的时候;
3.涉及到安全和隐私以及用户的数据需要被保护的时候。

 怎么使用(How)

Twitter-signinmodule
Twitter.com的登录模块

             
1.提供一个用户名的输入框。这个应该是一个唯一的身份标识。许多网站使用电子邮件地址用作用户名,以避免当网站达到一定的规模而出现的用户名用完的问题。

Dopplr-signinwidget
Dopplr.com的登陆widget

为避免出现不必要的错误,应明确标明需要什么类型的用户名。许多用户经常使用各种类型的用户名登录,他们会记不起应该使用什么类型的用户来登录,如果不明确告诉是用什么类型的,这会使用户沮丧从而放弃该网站。

3-10-centerd-signinmodule
centrd.com明确告诉用户需要使用注册的email地址来做为登录用户名

2.提供一个密码输入框。
3.提供一个找回密码的明确方式。
4. 提供一个显眼的登陆和注册按钮。如果合适的话,允许用户在一段时间内保持登录状态。这常常是有一个复选框,清晰的让用户知道保持登录状态多久。
5.一旦登录成功,应通过一定的方式反映用户处在登录状态。一般通过显示用户名(登录用户名或昵称)和一个退出(Sign Out)来表示。一旦登录,提供一个退出(Sign Out)方式。
6.如果用户还没有账号,应提供一个简单的注册方式,且避免影响老用户的登录。
7.像“保持登录状态2个星期”,“在这台电脑上记住我”等选项应该是用户自愿选择的,以避免用户在公用的电脑上使用而出现的问题。

目标可达性(Accessibility)
登录表单的输入框应该可通过键盘来切换,通过敲回车键完成登录。

逻辑依据(Why)
1.要求用户登录是确保用户以某种身份参与和贡献内容,可以让用户在一个网站上建立某种声誉。
2.需要登录验证将保持网站敏感数据的安全。

————————————————-

原文(英文):Sign In
本文链接:http://socialdesign.cn/2009/07/sign-in/
译者:puting
欢迎转载,转载请标明出处和译者以及英文链接和本文链接。