网页登录界面设计 自己创建一个网站的教程(2)

网页登录界面设计

一些产品在用户点击第三方注册登录时还需要用手机号进行短信登录，从用户的角度看，这很明显是一个不好的体验，但是产品的角度去思考就不一样了，产品为了获取用户更多的信息，则需要这样来设计流程。

这种设计流程该不该用，这需要在产品和用户之间进行权衡，第三方与手机短信验证码登录，在提高用户体验的同时，可以提高用户的效率，使界面更加直观。

技巧3：更简单

因为环境不同，在中国很多网页端的网站，第三方登录很高效的产品很少。

例如，如果你的QQ没有在电脑端登录，因为即使选择第三方QQ登录，你也要拿出手机—打开QQ—打开扫一扫，进行扫码登录等一些列的操作。

又或者，当你想要登录behance,只要浏览器有记录之前的第三登录，点击第三方登录即可直接进入该网站，甚至不用注册。

可以看下面的腾讯网与behance的网页登录：

好的登录体验应该只有账号、密码两个输入字段，或者手机号码、短信验证码两个字段，以及使用第三方登录的选项。在简单、高效的同时，并为用户提供了很好的体验。

技巧4：区分注册与登录

如果一个用户来到你的网站进行注册，或者想他们返回登录界面，这就需要让用户清楚的知道他在何处，下一步应该去哪里。

我们通过使用登录字段与注册字段的区别来帮助他们，让我们看看下面的dribbble注册界面：

创建账户的按钮已dribbble的主题能很快突出在用户面前。新用户可以直接在页面上注册，而返回的用户可以使用最上面右上角的登录两字。看到上面“sign in ”字段了吗？

dribbble使用了不同的颜色、布局去区分注册按钮与登录的入口，这样更加清晰明了。

同时可以看看dribbble的主页面，他们会把sign in 与 sign up 的进行区分，在 sign up 加上微边框，让用户能更快区分两者的不同。

技巧5：跳过用户名

让用户用他们的用户名来进行登录真的不是一和很明智的做法，为用户省去记录你产品的用户名的麻烦，应该让他们使用他们的电子邮件地址或电话号码注册来进行代替用户名。

ins让用户有机会用他们的电话号码或电子邮件地址登录。