美文网首页UI/交互设计规范产品交互设计
登录注册设计指南最全汇总

登录注册设计指南最全汇总

作者: Meowmaid | 来源:发表于2017-09-27 19:28 被阅读0次


    一、为什么需要登录注册

    系统通过两种场景来识别用户:

    1)未登录:移动设备通过ID来识别用户,如安卓的Device ID、iOS的IDFA;微信公众平台通过微信的OpenID来识别用户;Web浏览器通过cookies。

    2)已登录:第三方账号、注册手机号、注册邮箱等三种主流方式,系统会用根据登录的账号识别用户,给用户分配一个userid,并和第三方账号、注册手机号、邮箱进行关联,即使手机号、第三方账号、邮箱全部丢失,userid存在,仍会稳定识别用户。

    优点:

    1、满足用户个性化需求。个性化需求是社交型产品存在的起源与价值,用户需要一个独一无二的ID区别于其他用户。

    2、满足用户隐私需求,保护用户隐私安全。并不是所有内容都可以共享,比如购物车里的商品、日记的内容、支付宝的余额等等

    3、方便产品提供更好的服务。账户记录用户使用产品的各种情况,为用户优化个性化体验,如电商产品和内容提供服务来说,能根据用户的浏览习惯进行个性化推荐。


    二、登录注册的类型

    1. 账号密码注册。账号包括用户名、邮箱、手机号。

    1)用户名+密码(互联网早期流行)

    缺点:用户名必须是唯一的,喜欢的用户名已经被其他用户抢注,难找到一个合适的容易记住的用户名;用户名不方便进行验证,过多也不利于记忆,这种方式正在被逐步淘汰。

    2)邮箱+密码(Web端流行)

    点击链接验证或通过验证码完成注册,移动端多用于手机注册后的安全补充和找回密码的备选方式。

    优点:

    1> 便于通过邮件进行产品推荐

    2> 形成通行证体系,打通旗下所有产品,相互导流

    3> 账号一直存在,相对稳定,除特殊群体会经常更换手机号。

    缺点:

    1>无邮箱用户要先注册一个邮箱账户,操作成本高;

    2>不适用于移动端,邮箱验证流程繁琐,离开当前注册页,进入网页邮箱或邮箱APP进行验证,再返回;

    3>拥有多个邮箱并遗忘开通账户的情况下,会用其他邮箱再次注册,一个用户拥有多账号,不利于用户数据收集。

    3)手机+验证码(现流行)

    向手机发送验证码进行验证,常用短信验证和语音验证方式,语音验证通常作为短信验证失效的备选方案。

    用户首次登录,默认进行注册;非首次登录,则直接登录。

    优点:

    1> 便于记忆,无记住密码的负担,降低了使用门槛;

    2> 成功登录一次后不主动退出账户,可保持一段时间的登录状态。

    3> 安全性较高,可进行短信营销

    缺点:

    1> 害怕隐私信息泄漏的用户,不愿意用手机号注册;

    2> 海外手机用户可能无法注册;

    3> 经常更换手机号的群体,修改帐号不便。

    4> 短信验证成本

    2.第三方注册(现流行)

    QQ、微信、微博

    优点:

    1)方便快捷,用户不需要填写注册表单,创建新的账户,点击第三方即可完成;

    2)用户不必记住一个新的用户名/密码,产品也可借此扩大用户群体;

    3)第三方账号管理系统成熟;

    4)从第三方应用中获取用户更多信息,如用户名、头像、好友等。

    缺点:

    1)获取用户的信息有限,不能自建用户数据体系。登录默认赋予用户普通权限,当用户进行深层次操作时,如点赞、评论等,再要求用户补充相关信息,需注意把握时机。

    2)当第三方账户出现故障或不再支持,将无法使用,会造成用户流失。

    3)产品通过第三方获取个人信息数据,看重隐私的用户拒绝使用

    3.关联辅助类

    身份证号——作为安全认证,关联使用

    缺点:过长不便于输入,重要个人隐私不应泄露

    数字ID——作为唯一识别证明,与其他账号类型关联绑定,能产生经济效益

    缺点:一个用户可注册多个账号,不容易记忆

    三、不同角度考虑如何设计登录注册

    1、产品类型

    1)工具型:为用户解决某些特定的问题,用完即走,不需要登录。如,计算器、日历、相机、手电筒、天气、便签、录音机等

    2)电商、O2O类、金融类:涉及交易、用户信息等较私密的内容,须单独添加登录注册模块,确保用户个人信息的真实性以及安全性。

    3)社交社区类:独立的登录注册模块或直接借助于第三方平台,有利于产品的传播扩散

    2、目标用户

    1)商务领域采用邮箱注册的方式,过滤掉一部分用户

    2)大众群体多用手机号码注册的方式。

    3、填写信息量

    让用户对整个流程有心理预期,预判须填写的内容信息,对过程有操控感。

    1)信息较少,包含最简单的基本信息,如手机号、验证码、密码等,可在同一页面中完成注册

    2)信息过多、流程较复杂,可按步骤分页完成,分解引导可减轻心理负担,避免用户抵触大量数据填写,直接放弃;随着流程一步步深入,已进行大量操作后,用户反而不会轻易放弃。

    3)获取更多额外信息,注重填写信息的步骤设置

    社交社区类产品一般要求用户填写昵称、性别等基本信息;金融类产品要用户进行实名认证;一般将填写个人信息等步骤放置于注册流程的最末比较友好。

    4、业务逻辑(登录节点)

    1)开始就要登录注册

    社交类产品,围绕用户的关系链展开服务,需要一开始就要求进行登录注册。

    2)先使用产品的部分功能,等有需要,再要求用户登录

    电商类、O2O类产品流程:用户浏览、挑选商品;加入购物车;结算下单。最重要目的是下单成功,结算环节才需要用户登录,以获取有效的配送信息,此前确保用户流程的流畅不被打断。

    知乎、简书等社区型产品,先吸引用户使用,当用户想进一步操作时,再要求登录。

    5、功能细节

    验证码机制,密码的设置规则,第三方注册的真伪等,确保整个登录注册模块逻辑合理以及流程通畅。

    智能设备(指纹虹膜识别)、算法(面部识别等)、生物特征(唯一识别性以及稳定性),硬件设备进行信息采集,并与后台存储的信息的进行比对即可,认证方式会更安全。

    四、设计细节注意事项

    1. 区隔登录和注册按钮

    使用位置区隔,以及不同的按钮外观(颜色和样式),使二者视觉区别更明显

    2. 精简表单字段

    最好无可选字段,不需要的信息,没必要浪费用户时间;可选字段确保标签有可选标识

    3. 让用户密码可见

    注册时输入的密码通常被遮盖,而在移动设备上,容易输错密码,此时再次确认密码字段似乎有必要,但同样的输入错误也可能出现两次。建议提供“显示密码”选项或图标按钮。

    4. 友好的错误反馈

    提供正确填写格式,描述友好,提示当前密码强度

    5. 即时验证

    输入完成后立即通知用户填写数据的正确性,修正更快,反馈无需等到提交后

    6. 允许用户通过第三方登录

    不强迫用户创建账户;注册完成后不要求用户登录账户激活,除了安全为重的产品,如银行应用

    7. 提供舒适的点击区域

    针对新用户的登录设计,表单元素要协助用户便捷填写,快速完成用户身份认证识别等必要流程

    8. 无痛找回密码

    输错密码次数达到上限后提醒用户是否忘记密码,确保重置密码流程顺畅

    9. 勿遗漏服务协议

    默认勾选服务协议,内容尽量细化,避免不必要的法律纠纷;需要用户必知服务协议时,可自动弹出强制用户阅读确认。

    10. 提供FAQ解答以及用户问题/意见反馈(非必须)

    专业客服给予帮助和解答,引导用户完成注册登录


    Meowmaid阅读笔记整理

    相关文章

      网友评论

        本文标题:登录注册设计指南最全汇总

        本文链接:https://www.haomeiwen.com/subject/qnsrextx.html