移动设计

app中的注册与登录

2018-08-11  本文已影响802人  闫小娇

一.什么是注册与登录

注册与登录作为最基础的常备功能,往往是产品第一个版本中最容易被忽视的环节,内容看似越简单,实际的陷阱就越多 

注册,是用户告诉系统,谁是我 

登录,是用户告诉系统,我是谁 

看似是句绕口令,实际是真正的用户与系统的一次对话 其实,并不是所有的app都需要注册与登录的,比如一些实用性的产品:计算机,手电筒,天气预报等无社交属性的app就不需要这个功能。 但是对于强社交的微信/QQ,涉及财产安全性的支付宝,及用户对于信息使用比较频繁/个人属性较高的简书等等,自然是必须要使用注册和登录的。

二.注册与登录的意义

针对用户来讲 

1.是个体的一个象征,独立的存在

2.保存自身在app上留下的印记(收藏等) 

3.产出带有个人标签的UGC(UGC:全称为全User Generated Content,也就是用户生成内容的意思)内容(评论,文章等等) 

4.与其他个体建立联系

5.在多设备,平台上同步账户数据

针对产品本身来讲 

1.可以收集用户信息,将用户标签化 

2.生成用户画像,为精细化运营做准备 

3.给用户提供个性化服务

三.注册登录中的基础问题

高频操作/低频操作 

登录是高频操作 注册,找回密码,修改密码都是低频操作(但这些低频操作都属于迫切程度较高,也是最容易让用户产生挫败感而放弃或投诉所使用的产品)

四.注册登录的方式

1.手机号加验证码登录

手机号加验证码登录是现在很多快捷使用的app常用的一个流程,无需注册的过程,例如OFO/摩拜单车,其实这个跟用户使用场景有着密不可分的关系,想象一个用户在马路上准备使用单车却需要进行手机号验证,再设置登录密码,这样的体验会差很多。但是现在ofo跟膜拜的第三方登录就算选择了,依旧还是需要手机号验证这点又有点鸡肋。​

手机号加验证码的优点在于: 

1.可以极大的缩减注册与登录的流程

2.用户不需要记住密码 

3.保证了账号的安全性,降低恶意注册的概率 

4.在企业的方面收集用户手机号也会便于后期的广告,活动等通知等发放 

缺点在于: 

1.很多时候会出现验证码发送延迟,或者收到限制

2.这种形式不太适用于有web端的平台,如果用户手机不在身边,会给用户造成不方便 

3.短信也是需要企业承担费用的

2.只使用第三方账号注册登录

这种方式无疑是最快捷的,这样可以避免繁琐的流程,只要第三方应用中进行授权,直接调借口,成功登录后就会将信息同步,也便于在第三方应用中进行分享,例如闲鱼这种,阿旗下的产品,登录时利用用户数据之间的连接,会优先推荐使用淘宝账号/支付宝账号进行登录,而且在产品属性上,淘宝与闲鱼确实有着强关联性。​

优点在于: 

1.用户比较方便快捷的进入产品进行浏览 

缺点在与: 

1.对于产品想要快速产生新用户这点就不是那么友好了 

2.更多时候第三方登录无法获取手机号,不便于后期的运营 

3.对于没有同类产品的其他app来说,调取用户数据就不是那么方便了

4.由于第三方登录,在提示用户“上一次”使用登录使用的小细节也大大加分。​

3.使用手机号/第三方账号注册登录

​这种是现阶段最常见的形式,这种样式给用户留有余地,使用手机号和第三方登录,这种一般更希望使用手机号进行注册,所以会讲手机注册比较突出,第三方注册会在底部,相对弱化,例如寺库。我们也会发现美团这种推荐使用微信跟手机号的形式,美团更多基于拉新,互动的这种形式,美团的红包领取一度带动的点外卖的先领红包的形式,而好友之间偷红包的形式也促使美团使用社交软件登录,将其他第三方埋的更深

寺库与美团

4.先体验后注册登录​

这种方式在阅读,游戏跟电商类产品中更多出现,很多用户为游客状态,当使用岛收藏,关注,评论,购买等功能时在进行注册登录,此处需要注意的是当用户注册登录后要会到之前浏览页面,而不是首页(此处简书)​

5.邮箱注册登录​

使用邮箱也是很常见的登录方式,多数用于web端比较多,邮箱容易记忆,便于使用产品,注册后邮箱验证就可以,移动端多使用邮箱注册的更多是facebook,twitter,dribbble等网页跟移动端并行的。​

五.注册与登录页面要点​

1.UI界面风格 简介风居多有以下几种常见形式 

1.大标题形式

寺库

2.加入品牌logo,增加用户对产品品牌的记忆点 

黄油相机与美颜相机

3.使用图片高斯模糊的形式 

4.使用与本产品密切相关的图片作为背景,符合产品属性

腾讯漫画与花椒

5.加入动效,增加互动趣味性​,说到动效不知不觉就要提起B站的设计了

b站

整体页面符合B站产品属性,输入密码时会有动效产生,虽然b站不是最早使用这种动效的,但是相当走心了

​2.分步骤注册登录 

有很多应用是分步骤进行注册的,比如先进行手机号输入,然后点击下一步,系统查询是否可以注册,然后提示tosat是否注册过的情况,注册流程建立3部以内,避免步骤太多让用户放弃使用

3.输入提示语 

输入的提示语是不可缺少的一部分,很多采用提示语点击的时候消失,还有采用点击后上移动情况

如淘宝点击后灰色提示消失,星巴克点击密码,密码上移动效(注:星巴克这种样式对于开发高)

淘宝与星巴克

4.忘记密码

一般都是放在登录页面,因为两者的强关联程度更高,一般采用手机验证码或者邮箱验证的形式。

5.toast提示

这种提示一般出现在用户操作错误的情况下,及时准确的反馈用户注册登录不正确的地方 也有在此处使用提示框的情况,比如闲鱼,给用户以引导​

6.安全码 

处于一些安全考虑,很多应用为避免恶意注册或非人为注册会出现的一些情况,比如输入图形验证码,或者滑动验证等

7.用户协议 

用户协议出现在注册页面居多,用户协议最好是点击进入之后在进行操作是对用户相对来说是保证用户权益,所以现在更多的应用是没有勾选用户协议的,在用户没有勾选的时候,button是无法点击​

8.眼睛的闭合状态 

所谓眼睛的闭合状态,其实是保护用户隐私的一种是方式,如果按照场景考虑,周边有人的情况是要点击关闭显示密码,但是考虑到手机键盘误操作的成本更大,让用户能够看清密码也是避免误操作的方式​

9.一键删除

账户名称或密码 这个功能在用户误输入后可以有效减少用户的点击次数,提升用户体验​

10.保留账户数据

假设用户曾经登录过,保留用户账户名数据 再次登陆直接输入密码或者验证码,减轻用户输入成本,但此时也要跟第9条相结合,使用一键删除,方便用户重新输入用户名(在2B的项目中,可以采用多个账户切换登录的形式)​

11.邮箱注册

可以保留后缀名例如@qq.com @163.com等,减少操作成本,减少用户输入成本。​

12,去除让用户反感操作 

一般注册用户首次进入app的较多,可谓注册登录就是一个用户对这个app的首印象,它的地位是不容小觑的,像完善用户信息,放置个人中心或者给予用户奖励填写也是一个更好的提升体验的方式。​​​​​

更多的设计请关注:

Dribbble:https://dribbble.com/yanruijiao2

上一篇 下一篇

猜你喜欢

热点阅读