编者按:看似简单的登录框,隐藏了多少用户体验?这10个细节,就是你和设计大师的区别。提示1:更明显您不应该让您的用户四处寻找登录区域。他们看的时间越长,他们就会越沮丧。他们越沮丧,最终登录的可能性就越小。Gmail的登录页面就是一个很好的例子。您确切地知道您需要在哪里登录以及在输入字段中输入什么,上面的示例,如果您没有Gmail帐户,它允许您通过单击“创建帐户”轻松创建一个。良好的用户体验是让您的登录区域显而易见,并让您的用户尽可能轻松地登录。技巧2:使用第三方登录第三方登录正迅速成为用户登录其帐户的方式,并且永远如此原因。为不同的产品创建多个帐户非常耗时且令人困惑。很难记住一堆不同的密码和用户名。所有这些问题都可以通过允许用户使用来自用户第三方帐户的信息创建帐户来解决。下面来看看石墨文档和MONO登录的选择方法:还有更方便的注册登录方式,注册的同时登录手机短信验证码:部分产品需要在用户点击第三方注册登录时使用从用户的角度来看,用手机号登录显然是一种糟糕的体验,但从产品的角度来看是不同的。为了从用户那里获得更多的信息,产品需要这样设计流程。是否应该使用这种设计过程需要在产品和用户之间进行权衡。第三方和短信验证码登录,在提高用户使用效率的同时,让界面更加直观,可以提升用户体验。Tip3:更简单因为环境的不同,在国内的很多网页端网站上,第三方登录非常高效的产品非常少。比如你的QQ没有在电脑上登录,因为即使你选择了第三方QQ登录,你也得拿出手机——打开QQ——打开扫一扫,扫码登录,和其他操作。或者,当你要登录behance时,只要浏览器记录了之前的第三方登录,点击第三方登录就可以直接进入网站,甚至不需要注册。下面可以看到腾讯网和behance的网页登录:好的登录体验应该只有账号和密码两个输入框,或者手机号和短信验证码两个输入框,并且可以选择使用第三方-聚会登录。在简单高效的同时,为用户提供了良好的体验。Tip4:区分注册和登录如果用户来到你的网站注册,或者想让他们返回登录界面,就需要让用户清楚地知道他现在在哪里,下一步应该去哪里。我们利用登录字段和注册字段的区别来帮助他们,让我们看看下面的dribbble注册界面:创建帐户的按钮和dribbble的主题可以快速突出在用户面前。新用户可以直接在页面注册,老用户可以使用右上角的登录词。您看到上面的“登录”字段了吗?dribbble使用不同的颜色和布局来区分注册按钮和登录入口,更加清晰。同时可以看看dribbble的主页。他们会区分登录和注册,并在注册时添加微边框,让用户更快区分两者的区别。技巧5:跳过用户名让用户使用他们的用户名登录确实不是一个好主意。省去用户记录您产品用户名的麻烦,让他们使用他们的电子邮件地址或电话号码注册而不是用户名。ins让用户有机会使用他们的电话号码或电子邮件地址登录。反例:尽量让用户同时使用手机号或邮箱登录,因为用户可能会忘记登录你产品时使用的邮箱,所以此时用户可以使用自己的手机号登录手机号码。技巧六:可以显示密码。为用户提供一个可以显示密码的按钮,减少用户输入错误密码的操作。下面让我们来了解一下:技巧7:记住用户信息有什么比去您之前登录过的网站或应用程序,却发现您需要再次输入您的帐户密码才能登录更令人沮丧的事情呢?当您的用户返回您的网站时,请确保他们已登录,或为他们预填充帐户和密码等字段,以便更轻松地登录。谷歌在这方面做得很好。每当用户需要重新登录YouTube、Gmail或任何其他Google品牌时,他们的登录信息都会被记住,从而使登录过程更加轻松。AllyBank允许用户勾选“保存用户名”复选框,这使得网站在用户到达该站点时默认记住用户名。这是另一种记住用户信息的好方法。展示形式可以多样化,您可以根据自己的产品和用户需求进行控制。技巧8:轻松恢复密码有时您的用户会忘记他们的登录信息。发生这种情况时,请尽量让恢复过程变得轻松。公众号的账号密码输入框有一个记住密码的复选框,以防用户忘记用户名和密码,不用每次进来都输入账号密码登录。Evernote做了一些巧妙的事情他们的密码,让用户知道他们多久前更改了密码。这个小提示可以唤醒用户的记忆并帮助他们记住密码。让用户清楚地知道如果他们忘记了登录信息应该去哪里。如果你能让令人沮丧的情况变得不那么令人沮丧,你的用户就会因此而喜欢你的产品。提示#9:让用户知道CapsLock已打开我们都遇到过这样的情况:令人沮丧地输入和重新输入密码都无济于事,却发现您已将CapsLock键保持打开状态。您可以通过警告用户来防止这种情况发生。微软的Edge浏览器还为用户提供了在键入时打开CapsLock时打开通知的选项。技巧10:无密码登录让您的移动用户无需密码即可登录。现在很多金融APP,尤其是金融APP,都允许用户使用指纹登录,因为不像其他APP,可以让用户一直保持登录状态,在保证安全的同时,也可以更加方便。以上设计技巧和案例希望能帮助读者提升产品的用户体验。