以为登录框长一样很好做,结果改了好几版交互

以为登录框长一样很好做,结果改了好几版交互
这么多网站、APP,登录页几乎一个样,所以就让人一位很好设计。
其实自己从零到一走一遍,才会发现里面很多交互细节!果没有好用的组件,就得费脑想,甚至一点点去测试验证……
这里整理了10个平常经常用得到的设计细节,一起来看看~

1.自动对焦首选项

交互设计的基本原则之一是去除杂乱,去除每一次不必要的操作,避免用户长时间的等待或思考。

用户进入注册页面注册账号时,会第一时间填写邮箱,那么我们是不是可以考虑自动对焦邮箱选项,省去用户再次点击的麻烦。

以为登录框长一样很好做,结果改了好几版交互

2.实时验证内容

我们在输入注册信息的时候,可能并没有意识到错误,通常会在账号全部输入完毕之后才会出现错误提示,因此我们又要重新再输入一遍冗长的账号信息,过程很繁琐。

对于填写邮箱之类的操作,进行模糊验证是有意义的,避免了用户信息全部填写完整后再验证,而是在系统发现错误后尽快让用户知道。

以为登录框长一样很好做,结果改了好几版交互

3.使标签可点击

尽可能让创建的每个带标签的文本输入都有可单击的标签,如密码应该是可点击的,并将焦点放在密码字段上。

以为登录框长一样很好做,结果改了好几版交互

4.输入密码时显示要求

输入密码总是让人头疼的一件事,尤其是当密码有大小写、数字、符号等要求时,往往需要输入很多次后才能成功登录。

不应该让用户去猜测密码有什么要求,相反应该在用户开始输入密码时就给出明确的提示要求。

以为登录框长一样很好做,结果改了好几版交互

5.允许用户查看密码                 

允许用户查看输入的密码,这样方便他们对密码进行二次较验和修改,同时这种方式比再次重新输入密码要简单。

以为登录框长一样很好做,结果改了好几版交互

6.使用清晰的文案

清晰的按钮文案既能吸引用户点击,也可以引导完成他们想要完成的操作。没有用户喜欢模棱两可的文案提示,尤其是在做选择的时候。

以为登录框长一样很好做,结果改了好几版交互

7.让用户明确服务条款

每个产品的注册页面都会有这样的服务条款,在情况允许的情况下,尽可能提供默认的选择结果,避免用户再次选择和操作。

以为登录框长一样很好做,结果改了好几版交互

8.允许在登录和注册之间切换

如果用户不小心选择了错误的选项,要保证用户能从注册和登录中快速地切换。最常见的形式是在底部添加一个链接。

以为登录框长一样很好做,结果改了好几版交互

9.说明密码错误的具体原因

当用户输入密码并显示密码错误时,需要具体说明密码不符的原因,告诉用户如何修改密码。

以为登录框长一样很好做,结果改了好几版交互

10.保留账号信息

如果用户密码输入错误,应该保留账号信息,不必再让用户重复输入账号,只需要输入密码即可。

以为登录框长一样很好做,结果改了好几版交互



想要学习或者练习交互,但又缺少机会和动力的朋友,可以了解一下「体验设计学习社」。


无限制作品集详细点评+答疑+免费训练营&学习打卡等活动,更有各类大厂内推:

以为登录框长一样很好做,结果改了好几版交互

如果你只是想要多认识一些同行,也可以加入我们无广告的纯粹体验研讨微信群:


以为登录框长一样很好做,结果改了好几版交互

以为登录框长一样很好做,结果改了好几版交互
以为登录框长一样很好做,结果改了好几版交互

本篇文章来源于微信公众号: 体验进阶

UI/UX

拍拍严选APP全新改版升级

2021-10-12 16:30:00

UI/UX

【项目复盘】京东招商站设计升级

2021-10-13 16:30:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索