从登录开始
- - 博客园_知识库 那就先来看看为什么而做. 就数据而言，网站的流量仍是大量的匿名用户带来的. 我们无法根据请求的任何方面（ip地址，用户代理等）准确识别来自同一人的连续请求. 不能识别，自然无法对其分类进而转化挖掘，获取网站所需的价值. 互联网服务于人，要开发一个真正令人动心的网站，我们必须触达到浏览器后面那些活生生的人.
20130308早读课：10个打动人的“注册登录”细节案例
标签：
交互体验
产品设计
用户研究
| 发表时间：2013-03-08 07:15 | 作者：reynold
出处：http://reynold.cn
推荐理由：Devils in the details（魔鬼存在于细节中），这句格言在设计中更是如此。相信很多人都知道在 Tumblr 有一个叫做 Littlebigdetails 的网站，专门记录一些很多人可能不易觉察的界面交互细节。本文摘选了10个注册与登录表单案例。
对一个 Web 网站或移动应用来说，注册和登录是用户接触该产品的第一步，如果这一步的界面以及交互设计在一些细节上有新意的话，能够让用户感到眼前一亮的话，可以大大提高产品的用户转化率。
一、注册登录两不误
案例1. 上图为 Tumblr 注册页面，点击 Start 在注册的同时就登录上去。下图中旧版 Wunderlist 亦是如此。
案例2. 而另外一个比较另类的 Amazon 为了达到“让注册用户易登录，让新用户易注册”的目的，将注册用户和新用户合二为一，如下图。
二、密码安全提示
案例3. Geeklist 在注册页面输入密码的时候右侧会提示破解该密码需要的时间。
案例4. 类似的还有 Tumblr 的注册页面以及 Twitter 注册页面，只不过将具体时间改为了条状与颜色提示，红色表示危险，绿色表示安全。
案例5. Gmail 登录页面输入旧密码会提示用户上次更改密码的时间。
案例6. Facebook 在密码提示这一点上做得也不错，不仅可以像 Google 那样当输入旧密码会提示上次更改密码的时间，还会将用户名栏直接变成用户的帐号基本信息，想借此给你一点提示。
三、动态效果/实时反馈
案例7. 在 Kickstart 的注册页面中，当用户邮箱后缀输入错误时（如将 Gmail 敲成 Gmaill 或 Gmaiil）它会给用户实时纠正提示。
案例8. Quora 的登录页面输入邮箱后会实时加载该邮箱对应的账户信息（用户名及头像），提示用户是否输入正确。
案例9. Path 网页版（旧版）上的注册按钮点击后在跳转过程会呈现一个笑脸，类似效果的还有 Cloudapp 的登录页面，下图所示。
案例10. 乐高旗下的一款游戏 Lego Universe（已关闭）的登录界面更是有趣，在用户输入密码的时候下方的乐高机器人会从正常状态（左侧所示）变为捂住自己眼睛状态，太有爱了。
除了上面这些外，还有很多常见的优秀细节体验，如在注册页面填写邮箱后自动获取邮箱后缀前部分（一般为用户昵称或常用 ID）并自动填入下方用户名栏，这里就不一一列举了。当然这里还需要说明的就是，上面这些 littlebigdetails 只是让注册登录表单体验更加良好的加分项，而非全部。
如果看到这段文字，证明您已经看完这篇文章了，有什么收获有什么感想有什么不赞同，我们期待您的留言评论，并诚挚邀请您加入“互联网er早读课”QQ群，一同交流每天文章的心得并结识同行。官方2群：74447564，加群密码“职业信息+城市+姓名”，否则不予通过，入群后请修改群名片。注：官方QQ群非水群，喜欢闲聊的童鞋请勿加入。再次感谢您对早读课网站的支持。
| 我们猜您可能也喜欢： | ||||
 20121209早读课：会呼吸的细节---看生活中优秀产品设计 |
 20121227早读课：Android与iOS在交互细节上的差异 |
 20121023早读课：移动应用设计案例，打造初创型用户体验 |
 20130118早读课：用户不愿注册的8个原因 |
 20121031早读课：产品的细节决定成败？不，很可能溃败。 |
| 无觅 | ||||
相关 [登录] 推荐：
jass登录认证
- - 行业应用 - ITeye博客Java 认证和授权服务”（Java Authentication and Authorization Service，JAAS）是对 Java 2 SDK 的扩展. JAAS 可分Authentication和Authorization. 1) Authentication:认证用户身份. 通俗的来说就是哪个用户在执行操作.
登录密码与HTTP Request
- - 博客园_首页我们知道，在一些主流的浏览器中按F12，就会拉出一个查看web访问详细信息的窗口，在firefox中叫firebug，在chrome或者IE中，则叫developer tools，他们功能都大同小异，当然，比较重要的自然是查看http request与response， 幸运的是，这三个工具都把其放在一个叫Network的tab下面，虽然显示格式略有不同，但基本信息都是一样的.
SSH的登录限制
- - 操作系统 - ITeye博客从网络来的数据包首先要经过iptables，所以可以在iptables上面加上规则来限制ip的访问. 比如只限制3个外网,1个内网IP连接. 直接在/etc/hosts.deny里面加一行. sshd: ALL EXCEPT xxx.xxx.xxx.xxx(允许的ip或网段). sshd: ALL EXCEPT xxx.xxx.xxx.xxx/255.255.255.0(允许的网段) 就可以了.
cas配置单点登录
- - 开源软件 - ITeye博客 最近一段时间研究的cas，不知道是什么原因，可能自己最近太浮躁了，没有沉下心来去研究，所以一直拖着，将近拖了一周半的时间，上周的周总结，确保一定要解决的问题，今天还是横下心来，处理完这个问题，我是一个对于技术痴迷的人，对于现在研究出来这个结果非常高兴，与大家分享一下：. 注明：本文所讲的至少怎么配置，但是具体的原理和细节会在稍后的时间里更新给大家，如有不对的地方希望大家指出来，共同学习和探讨一下.
android 单点登录功能
- - CSDN博客移动开发推荐文章很多伙伴在开发自己公司产品的时候，一般都会考虑用户账号安全 ，或者用户账号功能使用限制等问题. 这时候我们就会考虑到单点登录这个功能. 一般情况下我们在开发单点登录功能的时候，其实有很多种做法，这个根据自己的具体需求选择就可以，其实我一直认为很多东西没有绝对的规则，我们其实需要做的是尽量全面的尽可能多的去掌握更多的知识技术，当我们用到的时候可以从中选择出最适合自己的产品的技术，从开发时间，应用性等.
账号系统的两阶段登录和三阶段登录
- - idea's blog简单的账号登录是一阶段登录, 也即用户提供用户名和密码, 然后服务器端验证账号和密码是否正确以决定是否成功登录. 一阶段登录其实安全性是非常危险了, 其危险性就在于这个登录流程涉及到的数据都是静态的, 因为用户名和密码一般不会改变.. 为了在登录流程中引入动态数据, 必须把流程改为两阶段登录: 1, 获取动态临时 secret salt; 2.
QQ2010协议分析（登录篇）
- Rommel - 博客园-首页原创精华区七月份的时候突然对QQ协议产生了些兴趣，于是这几个月有空就研究研究QQ协议，目前对QQ2010的协议已经分析得差不多了. QQ登录分为UDP和TCP登录，还支持代理登录. UDP登录端口服务器为8000，本地端口一般是从4000开始选择，如果该端口已经被占用，则加1再测试，一直测试到一个没有被占用的端口.
Simple LightDM Manager : 登录背景修改器
- Jerry - Wow! Ubuntu通告：问答社区重新上线，已经与 WordPress 整合，如果你之前在本 Blog 上注册过的话，就可用该帐号直接登录. 从 Ubuntu 11.10 开始，Ubuntu 采用 LightDM 作为登录管理器. 现在有开发者制作了一款名为 Simple LightDM Manager 的 tweaking 工具，用户可以通过 GUI 界面来简单快速的改变 LightDM 登录窗口的背景图片及 Logo.
CAS解决单点登录SSO
- - CSDN博客推荐文章关于CAS很多的原理和基础的配置启动，网上是很多的，我更多是结合我的实践和心得. 需要了解CAS的原理，认证协议，认证流程，可以参考以下文章. 让CAS支持客户端自定义登陆页面——客户端篇. CAS原理与配置-基于CAS的单点登陆的研究（上）. 单点登录(SSO)是企业开发的重要问题，在我的毕设项目中，由于要和系统其他开发模块共用用户认证模块，方便共享用户资源，所以需要一个好的SSO解决方案.