浅谈web登录 avatar
浅谈web登录

ddc

web登录是网站上经常会遇到的功能,虽然看似简单。但要做好易用性和引导性,还需要在设计和交互上达到平衡。
这里将要探讨登录流程中的页面跳转模式、登录类型、以及登录流程中的各种细节优化。

一、登录页面的两种跳转模式:

1、独立页面登录
这种登录方式的优点是比较正式与美观,可以将网站更多的信息展示给当前用户,包括大图所展示的品牌形象,并可以提供更多的链接选择(如:导航链接、多语言切换等等),当用户在登录过程中临时起意需要放弃当前操作时,可以方便跳转,(虽然并不是常见操作,且不推荐,却仍为用户提供便利性)。

但这种方式也有一定的缺点,对于浏览实时性比较强的网站,页面的跳转会破坏其操作的连贯性。并且众多强迫症患者还会有一种,登录完成后是否还能回到现有页面的疑虑。事实上这种情况也确实存在。

2、当前页面弹出窗口登录(模态窗口)
这种方式的好处在于避免页面跳转对操作连贯性的破坏,把登录对用户造成的影响降至最低。

PS:所谓的模态窗口,是指在用户想要对对话框以外的应用程序进行操作时,必须首先对该对话框进行响应。如单击“确定”“取消”按钮等将该对话框关闭。

关于两种登录模式的选择,主要看用户在使用登录模块时的情境。例如,未登录状态,若直接点击“登录”按钮或“个人中心”,没有涉及到其他功能的使用,便跳转至独立页面。而当需要进行某项操作,必须登录后才可进行时,建议使用弹出窗口,以保持操作的连贯性。

淘宝、豆瓣均为此模式。点击“登录”按钮时,跳转至独立页面;而点击“立即购买”或“收藏”“评论”等功能性按钮时,显示弹出层登录窗口。

 

二、登录的两种类型:
关于登录的类型,一般有两种,一种是邮件/用户名/手机号登录,另一种是第三方登录。

1、邮件/用户名/手机号登录
这是一种比较常用和传统的登录方式,输入用户名/邮箱/手机号和密码便可直接登录。值得一提的是,之前的大部分网站仅支持用户名登录,而不支持使用邮箱或手机号登录。但这种方式存在的问题就是注册时,有可能会因为用户名已被其他用户注册的限制而进行强制更改,导致注册的网站越多,越容易忘记用户名。

但邮件地址和手机号由于受到真实资料及数量上的限制,基本不会出现这种情况。所以,现在越来越多的网站都开始支持多种帐号形式登录的方式。

2、第三方登录
这种登录方式是指通过其他的社交帐号来进行授权登录的一种方式,目前这种方式在很多网站上都有采用。其优点是简单快速,降低用户注册门槛及用户流失数量。尤其是对于中小型的非常用网站,或仅想尝试当前功能的用户来说,减小了其登录成本。但这种方式也有一些致命的缺点。例如,当第三方的帐号被封号或被盗时,其他使用该帐号进行登录的网站基本都不可用了。

这里要说到,目前有某些网站,支持第三方登录,但是登录成功后,还需要单独填写非重复的用户名以及密码。这种重复填写资料的行为更容易让用户产生抵触心理。

以上两种方式各有利弊,目前而言,对于需要搜集用户详细资料的网站,例如电商网站,更适合于单独用户注册模式。如果使用第三方登录,进而还需要再填写其他资料的行为反而更加麻烦。而对于一般性的网站,简单的用户资料授权就已经足够了,使用第三方登录更为方便,也利于帐号的记忆与管理。

 

三、登录过程中的优化:

1、未登录时进行的操作,在登录后,此操作自动生效。
例如,淘宝在未登录时进行“收藏”或“购买”,登录后会自动收藏或加入购物车,无需再重复登录前操作。这是一种比较人性化的交互行为,因为在登录前有此操作,并且为此功能进行了登录,说明这已经是一个明确的用户行为,基本不存在误操作的可能性。所以在进行登录后,自动完成此操作会更为便捷。当然,在自动完成登录前操作时,有一个直观可视化的交互动效,便能让用户更加清晰的理解当前操作已自动完成。浏览几个其他网站,如简书、豆瓣、behance、均无此功能。

2、适时提供登录需求
当用户浏览页面时,遇到必须登录才能够继续进行的操作时, 无疑是一个扫兴的行为。提高体验的途径,就是将登录或注册行为放置至最后一步才进行。

例如,在知乎的顶部以未登录身份点击“话题”栏目,则会弹出登录提示框。虽然这个是用于已登录用户查看自己感兴趣的“话题”,但却会对未登录用户产生一定的阻碍。对于未登录用户来说,点击“话题”按钮后,直接跳转至“话题广场”不是一种更好的选择么?当用户找到自己感兴趣的话题,需要关注此话题时,再弹出“登录”或者“注册”的提示。这样,也给用户一个更为充分的理由。

另外,纵观目前大部分电商网站,基本上都支持未登录就可将商品放入购物车的操作行为。这个相比以前的体验,也基本做到了尽量在最后一步才让用户选择登录的原则。但仔细想想,这其实是可以再进一步去完善的。目前的电商网站数量繁多,在某个网站只有一次购物经历的机会将大大增加。当用户没有做好去注册成为会员的准备时,为何不在加入购物车后,支持用户登录/注册的同时,也支持未登录直接付款并填写购买人手机与收货地址信息的功能呢。这个对于临时购买的用户来说,无异于会是比较顺畅的操作体验。也许当第一次购买流程顺利完成后,用户的注册行为会更有诚意,而不是被迫进行。

登录注册虽然是一个很常见的功能,但却是影响着整个网站体验的重要一环。当新用户的登录注册体验受阻时,再精彩的内容也难以让用户回头了。

1

发表评论

电子邮件地址不会被公开。 必填项已用*标注