必看:提高用户登录界面流程优化的5个细节

所属分类: 平面设计 / 平面其它 阅读数: 2088
收藏 0 赞 0 分享

  提高用户体验最好的方向,就是尽力让用户切实地体会到整个操作流程的简单顺畅。要提高登录流程的用户体验,有很多方面的因素是需要设计师考虑的。这篇文章中,我们将主要讨论一下登录界面流程优化的5个细节。我们会从两种不同的登录类型着手,一直说到标识的重要性。

细节决定成败!提高用户登录体验的5个细节

  登录类型

  目前,有两种主要的登录类型,一种是通过在网站本身注册登录,第二种是使用第三方社交网络帐号,诸如Google、Facebook、新浪微博等等。目前很多应用程序都采用第二种登录方式,设计师和开发者只需要做好登录按钮和接口就好了。

  相对传统的处理方式,通常需要你设置用户名、电子邮箱和密码。而这种登录流程是可以优化的,所以接下来的5条策略就与此有关。虽然两种登录方式各有优劣,但是今天主要探讨的是传统登录方式的优化。

  1、使用电子邮件登录

  传统的注册流程中,不设置用户名还是很正常的,而Email通常是必填的项目,当然,两者都用是比较常见的情况。我想说的是,允许填写用户名的地方,应该也支持Email输入。

细节决定成败!提高用户登录体验的5个细节
细节决定成败!提高用户登录体验的5个细节

  我曾碰到过同时支持用户名和Email登录的输入框,但是标注只写了“用户名”,这是典型的设计败笔。

  问题在于,在不同的网站,用户通常使用一个Email注册,但是用户名各不相同。如果仅仅只能使用用户名登录的话,用户体验明显不够方便。

  2、明显的错误提醒

  当用户登录的时候,系统监测和反馈信息的方式也是非常值得深究的。当用户输入错误的时候,系统反馈的信息太多可能会给黑客盗号的机会,而反映信息太少的话,则会让用户感到迷惑。

细节决定成败!提高用户登录体验的5个细节
login

  我们很清楚,用户输入错误的时候,系统返回给用户的信息是“无效输入(Invalid input)”肯定是没多大意义的。你必须用更通俗的语言来告诉用户,他们的输入有错误。

  如果你想提供更好的用户体验,不妨使用JavaScript来帮助用户来验证信息。这样做最完美的例子就是手机输入法的纠错功能,当你输入“.con”的时候,输入法会自动纠正成“.com”,或者提供用户纠错的机会。当用户输入错误以及因为输入错误再次输入的时候,不妨提供准确的说明信息,合理引导用户。这不仅让用户更轻松,也能节省时间。

  3、加上“忘记密码?”链接

  你可能认为加上“忘记密码?”的功能是一件理所当然的功能,但是确实有些网站忽略了它。“忘记密码”链接和登录框一样重要,不要隐藏这个链接,也不要让用户耗尽心神才能找到它。让它时刻为用户准备着。它无需放在显眼的地方,但是它应该紧靠着用户登录表单,以备不时之需。

细节决定成败!提高用户登录体验的5个细节
细节决定成败!提高用户登录体验的5个细节

  4、让用户专注于登录

  通常,登录框会以弹出框的形式存在,或者以单独的登录页面而存在。无需跳转页面就完成登录确实有其优势,但如果你考虑到页面中其他元素对于用户的干扰之时,你就应该清楚单独登录页面的必要性。你要向用户展现内容、推荐商品,让用户登录之后再进行更流畅不是吗?当用户进行注册、结帐的时候,通常都是单独页面,让用户专注做一件事情,那么这种设定理当延伸到登录界面。相比于复杂的内容页,登录页面的内容更少,加载更快,这也是单独登录页面的优势。

细节决定成败!提高用户登录体验的5个细节
细节决定成败!提高用户登录体验的5个细节

  5、标识很重要

  不管什么时候,都不要在提交信息的按钮上标注“提交”或者“完成”,而应该用“登录”。这很简单。对于用户而言,这会让用户明白他们的操作和预期是一致的,尽管对于系统而言这种行为就是提交信息。

细节决定成败!提高用户登录体验的5个细节
细节决定成败!提高用户登录体验的5个细节

  不仅如此,在登录框中标明“输入用户名或者邮箱”,避免使用占位符或者其他的容易让用户迷惑的标识。这些都是增强用户体验的重要组成部分。

  结语

  细节影响体验,决定成败。这5项确实是细微末节,但是要做好登录框的设计需要将这些因素都考虑进去。在做好这些设定的基础上,再打磨视觉,会让你的网站体验再上一个层次。

更多精彩内容其他人还在看

10 个能帮你增进文字排版的诀窍和密技分享

今天小编为大家分享10 个能帮你增进文字排版的诀窍和密技,对于设计朋友来说,文字排版不单单只是简单的字型和点数而已,其中还包含了各种技巧,好了,下面我们一起来学习吧
收藏 0 赞 0 分享

一个关于最基本的商业logo设计应用参考

今天为大家分享一个关于最基本的商业logo设计应用参考方法,教程真的蛮实用的,对于设计logo的朋友可以参考一下,很不错,推荐过来,一起来学习吧
收藏 0 赞 0 分享

设计师必看:高逼格版式设计方法介绍

今天小编为大家分享一篇文章,主要是向大家介绍高逼格版式设计方法,教程真的很不错,对于设计师来说很值得学习,好了,下面我们来学习吧
收藏 0 赞 0 分享

西方设计好的原因有哪些?中西方设计到底是差距还是差别?

西方设计好的原因有哪些?中西方设计到底是差距还是差别?相信对于设计师来说,大家都不是很清楚,所以今天小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

初级设计师需掌握的基础技能:设计加减法

今天为大家分享一篇教程,主要是面对初级设计师,这篇文章是向大家介绍设计加减法,教程真的很实用,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

你为什么不能成为一名好画师?绘画初学者的七宗罪

你为什么不能成为一名好画师?对于很多爱好绘画的人可能都有想成为一名优秀画师的一天,但是,在长期练习后,仍然感觉自己进步不是很大,但又不知道哪里出了问题,其实这是你用的方法不对,下面我们一起来看看绘画初学者的七宗罪吧
收藏 0 赞 0 分享

超实用:banner电商横幅设计三部曲

今天小编为大家分享banner电商横幅设计三部曲,教程真的很不错,对于电商设计的朋友可以参考本文,希望能对大家有所帮助
收藏 0 赞 0 分享

2色、3色、多色,实用在线配色工具推荐

今天小编为大家分享2色、3色、多色,实用在线配色工具,教程真的很不错,对于设计、插画和提案都很有帮助,好了,有需要的朋友快快来学习吧
收藏 0 赞 0 分享

五导家方法论:让你成为一名体验设计专家

今天为大家分享一篇教程,主要是为大家介绍让你成为一名体验设计专家方法,教程真的很不错,推荐到脚本之家的,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

标志诞生记:红酒标志设计流程分享

今天脚本之家小编为大家分享红酒标志设计流程,教程真的蛮实用的,对于设计标志的初学者很有帮助,推荐到脚本之家,大家一起来学习吧
收藏 0 赞 0 分享
查看更多