赞助商
立即赞助

用超多案例,总结了 10 个让登录体验更好的小技巧!

交互设计3年前 (2021)发布 流光
2.7K 0 0

编者按:看似简单的登录框,暗藏了多值得推敲的用户体验?这10细节,就设高手的区别。

技巧1:更明显

不应该让的用户到处寻找登录区域。他们找的时间越,就会越沮丧。他们越沮丧,终登录的可能性就越小。

一个很好的例子就是 Gmail 的登录页面。

用超多案例,总结了 10 个让登录体验更好的小技巧!

你可确切地知道你需要在何处登录,及要在输入区域输入么容,上面的例子,如果你没有 Gmail 帐户,它允许你通过单击「创建帐户」来轻松地创建一个帐户。

的用户验是使你的登录区域明显,使你的用户尽能容易地进行登录操。

技巧2:使用第三方登录

三方登录正迅速成为用户登录账户的方式,理由很充分。为不同的产品创建个账户既耗时又令人困惑。很难住一堆不同的密码和用户名。

通过允许用户使用用户的第三方账户中的息来创建一个账户,可以解决所有关于这些问题。

让我们来看看下石墨文档和MONO登录时选择:

用超多案例,总结了 10 个让登录体验更好的小技巧!

甚至有更便注册登录,手短信验证码在注册时登录:

用超多案例,总结了 10 个让登录体验更好的小技巧!

些品在用户击第三注册登录时需要用手号进短信登录,从用户度看,这很明显是个不好体验,是品度去思考不样了,品为了获取用户更多信息,则需要这样来设计流程。

这种设流程该不该用,这需产品用户之间行权衡,第三方与手机短信验证码登录,提高用户体验的同时,可以提高用户的效率,使界面加直观。

技巧3:更简单

因环境不同,中很多网页端的网站,第三方登录很高效的产品很少。

例如,如果你的 QQ 没有在电脑端登录,因为即使择第方 QQ 登录,你要拿手机—打开 QQ —打开扫一扫,进行扫码登录等一些列的操作。

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

可以下面的腾讯网 behance 的网页登录:

用超多案例,总结了 10 个让登录体验更好的小技巧!

好的登录体验应该只有账号、密码个输入字段,或者机号码、短验证码个字段,以及使用第三方登录的选项。在简、高效的同,并为用户提供了好的体验。

技巧4:区分注册与登录

如果一个用户来你的网站进行注册,或者想返回登录界面,这就需要让用户清楚的知道在何,下一步应该去哪。

我们过使用登录段与注册段区来帮助他们,让我们看看下 dribbble 注册界:

用超多案例,总结了 10 个让登录体验更好的小技巧!

创账户按钮已 dribbble 主题能很快突出在用户前。新用户可以接在页上注册,而返回用户可以使用最上右上登录两。看到上「sign in 」段了吗?

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

同时可看看 dribbble 的页面,他们会把 sign in 与 sign up 的进行区分,在 sign up 上微边框,户更快区分两者的同。

用超多案例,总结了 10 个让登录体验更好的小技巧!

技巧5:跳过用户名

让用户用他们的用户行登录真的不一很明智的法,用户省去记录产品的用户的麻烦,应该让他们使用他们的电子邮件址或电话码注册行替用户。

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

用超多案例,总结了 10 个让登录体验更好的小技巧!

反例:

用超多案例,总结了 10 个让登录体验更好的小技巧!

尽可户同时手机号码或邮件地址来登录,因为户可会忘记他们来登录你的产的电子邮件地址,这时,户使手机号码进行登录。

技巧6:密码可显示

给户供可显示密码的按钮,减户输错密码的操作,当输错的同时,可进行对错的字进行纠正,全删掉重来。

让我们来下面的脉脉和刻:

用超多案例,总结了 10 个让登录体验更好的小技巧!

技巧7:记住用户信息

还有么再次到你之前登录的或 app,却发现你需要再次输入账户密码登录更令人沮丧的事情吗?

当你的用户返回到你的网站时,请确他们已经登录,或者为方便登录,提前为他们预先填充账户和密码等字段。

歌在这方面做得棒。每当用户需要重新登录 YouTube、Gmail 或任何其歌品牌,的登录息都会被记住,使登录过程更加简。

用超多案例,总结了 10 个让登录体验更好的小技巧!

盟友银行允许用户勾选 「保存用户名」 复选框,允许网站在用户达网站默认记住用户名。这是记住用户息的另一个好方法,展示形式可以多化,可根据产品用户需求来进行把控。

用超多案例,总结了 10 个让登录体验更好的小技巧!

技巧8:轻松恢复密码

有时你的用户忘他们的登录信息。当种情况生时,尽量让恢复程尽能的轻松。

公众号的账户密码输入栏有记住密码复选框,以防用户忘记的用户名和密码,不用每次进来都输入账户密码进行登录。

用超多案例,总结了 10 个让登录体验更好的小技巧!

印象笔记对的密码做了一些巧妙的理,让用户知道多久以前更改了密码。

用超多案例,总结了 10 个让登录体验更好的小技巧!

这个的提示可以唤起用户的记忆,帮助记起密码。

如用户忘记了他们登录信息,要让他们楚应该去哪里。如你将使令沮丧情况变不那么令沮丧,你用户将此会喜欢上你品。

技巧9:让用户知道大写锁定已开启

我们都有过这样经历:令沮丧地输入和新输入你密码都济于事,结却发现你开着大写锁定键。

可以通过警告的用户,防止这种况发。微软的 Edge 浏览器还使用户可以选择键入时打写锁时打通知。

用超多案例,总结了 10 个让登录体验更好的小技巧!

技巧10:无密码登录

让你移动用户使用密码登录,现在很多特是融类 app,都可以让用户进指纹登录,为不像其他 app 样可以保持用户已登录状态,在保障安全时能更便捷。

用超多案例,总结了 10 个让登录体验更好的小技巧!

以上设计技巧与案例希望能帮助各位读者提高品用户体验。

欢迎关注作者的微信公众:「设探」

用超多案例,总结了 10 个让登录体验更好的小技巧!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:了解用户是搞定产品设计的重要先决条件,今天的文章来自欧洲的资深高级产品设计师 Adam Fard。Adam 在用户调研、用户...
Adam Fard
在新业务启航准备出海乘风破浪时,业务方和产研同学就开始思考一个问题:产品体验做得足够好吗? 为了回答这个问题,用研同...
B端设计
从接触交互设计到现在也有一段时间,而这是第一次比较全面的接触游戏交互,网上也蛮少有游戏交互的实习体验,目前为猪厂用户...
交互设计
现如今,在互联网领域,用户体验逐渐成为一个炙手可热的关键词,用户体验设计师也逐渐成为产品开发设计团队重要的成员。可以...
人工智能
不知道为什么,聪明的人常常会做出愚蠢的决定。我在之前的《为什么有时候对产品钻研很深,却并没有带来好体验?》文章当中,...
Eugen Eşanu
吴轶 :用户体验有的时候是和商业化指标KPI 相矛盾的,那我们在设计一款产品的时候如何用量化的方式获得商业化指标和用户体验...
商业价值
用户测试其实相当于在收集用户对某一个功能,或流程的行为反馈数据以及满意度指标数据,但很多时候你的用户测试是无效的,那...
可用性测试
Eugen Eşanu 编者按:小时候我们很多经验都是来自于寓言故事,故事总能帮你更好地理解一些事情和道理。关于设计,这个道理同...
Eugen Eşanu