优化用户登录体验效果

互联网产品的那些事 2016-11-22 17:46

提升用户体验，或者说让产品更好被使用，都可以归结为让用户使用产品的整个体验更为简单。我们从登录开始来谈谈。用户通常有三种不同的方式来登录一个网站（APP）。

方式一：通过某社交网站的账号采用第三方授权登录（微信、qq、微博），对于一个新的app或者产品而言，不想打搅用户去填写创建一个账户，这是尤为正确的一个做法。点击一个按钮，就很快能够使用产品了。

方式二：通过提供用户名、邮件地址以及密码来登录。这是一种比较常用的且可以提升其用户体验的登录方式。

方式三：通过手机号和验证码来登录，目前国内的平台和产品已经很多都使用手机号可以直接登录了。所有登录类型都各有利弊，而现在我们主要讨论一下如何提升登录方式的体验。

1. 允许邮件、手机登录

一个网站在注册的时候不需要填写用户名，而在登录的时候使用用户名、邮箱、手机号去登陆系统应该以什么为标准（唯一ID）呢？

用邮箱、用户名、手机（通常情况手机注册时提供了密码）都可以登陆的（手机通过验证码登录情况除外），但标签信息只显示“用户名”，设计上这是一个缺陷。用户会使用相同的邮箱地址登陆，但并不一定使用的是相同的用户名。比如说，我订阅号的用户名和我腾讯视频的用户名就不一样。然而，所有的这些账户都可以使用相同的邮箱、手机号登陆。不管什么方案，在登陆的时候用户名和邮箱、手机都被允许使用的话对用户来说的确将会方便很多。

2. 提供一个清晰的错误提示信息

登录，为用户提供的反馈信息是多了还是少了其实是比较讲究的。信息过多可能就会被黑客利用，而信息过少可能又会增加用户的困惑。

我们得承认那种系统自动生成的错误提示比如“无效的输入”对用户来说并没有帮助。错误提示应该用比较通俗易懂的语言（如下图）。

想在用户体验上更好，可以使用提示框提示用户（前期可以用alert提示框）。例：在输入邮箱邮箱地址.com时可以自动补充输入；手机号输入前三位时可以检测手机号格式是否正确（出现错误出现提示）。在用户点击提交或者在输完所有信息前就可以预先看到反馈信息（反馈信息应尽量减少弹出提示，在页面视觉注视范围内通过自体颜色来区分为最佳。），知道自己输入的信息正确与否。而用户的生活也因此变得更简单，因为它节省了用户的时间。（如果有安全方面的担忧，错误消息提示信息不用特别的具体）

3. 为用户提供找回密码功能

不要将找回密码链接藏起来或者要让用户经历多次失败的尝试、历经千辛万苦才找到它。（你可能会觉得这是显而易见的事情，但有些网站就会忽略掉它。你常常会想要一个链接来找回忘记的密码。（忘记用户名也是！）要让它时刻准备着。）它并不一定要在显而易见的地方；它也不是说有那么重要；但它就是应该出现在登录表单的周围。

4.自由登入-减少干扰

一般来说有两种方式来设置登录，一种是在页面弹出的窗口登录，还有一种是有单独的一个登陆页面。

单独页面的登录方式有一些优势的。然而，采取了这样的方式，在登录页的周围不要有太多的干扰信息，最重要的是保证用户登录进账户，然后才是产品推广登信息（最好不设置此类信息，保证页面的干净整洁）。用户登录后，想要推销一些东西给用户就会变的容易许多。

对于用户来说干扰越少，用户就更轻易的可以登录（永远记住让用户进入这个页面是干什么，保证用户正常登陆，使你进一步推销产品）。这种方法对于注册表单和结账系统都奏效。同时页面上的无关的条目少了，加载的速度也会变快的。

5. 重要的标签

任何表单（控件）上的文案及位置都很重要。你无论做什么，不要把“提交”的按钮写成“提交”，而是用“登陆”代替。这样可以让用户知道和预想到点击后的确切的事情。（资料：网易交互设计）

它提高了用户体验并且对你来说帮助很大。避免只有一个输入框让用户填写，至少也要放一个图标在里面，但最好还是使用一个输入标签来提示用户该填写什么。切记不要忘明确，用邮件和用户名、手机的方式都可以登录。

让用户的登录过程很顺畅，一切都是为了让事情变得更加简化和方便！