申请报道

扫一扫,联系编辑获得审核机会

符合以下要求,获得报道机会

  • 1. 新公司求报道
  • 2. 好项目求报道
  • 3. 服务商求报道
  • 4. 投资融资爆料

当前位置:首页 >  站长 >  交互设计 >  正文

深入挖掘:注册登录可能没你想的那么简单

 2018-04-10 11:54  来源:人人都是产品经理  我来投稿

  2018年最火项目 电销机器人等你加盟

  很多人认为注册登录是一件很简单的事情,只需要你输入信息,然后确认就可以了。却不知道其实这个操作,并有你想的那么简单。本文主要讲解为新产品的注册登录,并且侧重于PC端的产品设计。

  

 

  之前看了很多人在聊产品的用户注册登录模块,要么讲解的太粗糙,要么不全面,最近闲来无事,系统性的研究下新产品的注册登录设计。

  文中以下的内容讲解主要为新产品的注册登录,并且侧重于PC端的产品设计。

  一、用户注册

  下面是用户注册的业务流程图,注册的方式分为手机号、邮箱号两种方式注册。

  

 

  注册的流程其实很简单,用户只需要填写手机号或邮箱号、设置密码并填写验证码即可完成注册任务,在此免去那些繁琐的信息填写项。

  很多人试图通过在注册流程中采集用户信息,殊不知大部分的用户是没有耐心一个个完善信息的,只会徒增注册门槛,让用户望而却步。

  注册信息填完完毕后,点击注册按钮完成注册。如果以上3个信息中有一项没有填写或填写错误均不能完成注册,系统会进行错误提示,这个时候用户辛苦了半天,却发现不能注册,心中难免有些许恼火,甚至会造成潜在用户的流失直接放弃了注册。

  所以我们是不是该思考下,用户输入的每一个信息尽量提前做出判断,如果用户输入错误第一时间告知用户,并告诉用户错在哪里,并在产品设计细节上避免用户犯错。

  我这里的思路是当用户输入完一项信息后,输入焦点切换至下一行时,此时系统对上一行的输入信息作出判断检测,并反馈用户错误结果。

  对于注册信息的填写系统如何进行判断?每一项信息判断后,系统给出的反馈提示内容是什么?

  下面的通过思维导图进行了详细了说明:

  

 

  手机号码填写错误的情况及相关提示语

  号码为空,提示:请输入手机号;

  号码已被注册,提示:账号已被注册;

  号码错误,提示:请输入正确的手机号码;

  邮箱号填写错误的情况及相关提示语;

  账号为空,提示:请输入邮箱账号;

  账号已被注册,提示:账号已被注册;

  邮箱号错误,提示:请输入正确的邮箱账号,如example@163.com。

  密码填写错误的情况及相关提示语

  密码为空,提示:请设置密码;

  密码错误,提示:请输入6~16位的字母或数字;

  短信验证码错误的情况及相关提示语;

  验证码为空,提示:请填写验证码;

  验证码错误,提示:请输入正确的验证码;

  验证码过期,提示:验证码已过期,请重新获取。

  图片验证码错误的情况及相关提示语

  验证码为空,提示:请填写验证码;

  验证码错误,提示:请输入争取的验证码;

  验证码过期,提示:验证码已过期,请刷新重新获取。

  补充说明:图片码和短信码的有效期为5分钟,短信码的获取间隔为1分钟,图片码支持随时刷新切换。短信码每个账号每天最多获取5次,图片码不做限制(根据系统性能及相关费用预算灵活调整,使用第三方短信码下发毕竟是收费的。)

  设计思路总结

  新产品的注册流程应尽可能的简单直接,去掉任何影响用户注册的干扰信息,防止用户跳出流程,在这个页面中只有一个任务,就是引导帮助用户快速完成注册。

  所以界面中只需要让用户输入账号、密码即可,密码也无需重复确认输入。当用户每输入结束一个信息时,如果出现问题,在第一时间告诉用户错误结果,不提倡所有的信息判断都通过注册按钮来触发,这样会挑战用户的耐心。

  二、用户登录

  在登录模块的设计上,考虑到各种用户场景环境,尽可能的提供多种登录方式方便用户随时登录。

  PC端的登录设计了账号登录、短信码登录、二维码登录和第三方登录四种登录方式;二维码登录需要配合手机端使用,实现多终端的互动。因此在手机端中是没有二维码登录的,同样登录过程中用户输入的信息,系统都会在点击登录按钮前做出判断并反馈提示。

  下图为PC端的登录流程图:

  

 

  下面我们在来仔细看下登录界面中的产品信息,以及相应的信息规则。

  

 

  账号登录方式相关错误信息的提示语

  账号为空,提示:请输入账号;

  账号错误,提示:账号不存在,请重新输入;

  密码为空,提示:请输入密码;

  密码错误,提示:密码与账户名不匹配,请检查密码。

  短信码登录相关错误信息的提示语

  号码为空,提示:请输入手机号码;

  号码错误,提示:请输入正确的11位手机号码;

  短信码为空,提示:请填写验证码;

  短信码错误,提示:请输入正确的验证码;

  短信码过期,提示:验证码已过期,请重新获取。

  二维码登录相关信息提示(PC端)

  手机端未登录的情况下,利用手机扫码,手机端跳转至登录界面,PC端提示:登录失败;

  手机端已登录,扫码失败的情况下,PC端提示:登录失败,刷新二维码;手机端提示:扫码失败,重新扫描;

  手机端登录已登录,扫码成功,PC端提示:登录成功,手机端确认登录,登录成功;

  第三方登录的相关信息呈现,首先系统检测本地是否已登录账号;

  本地未登录,输入账号密码并授权进行登录;

  本地已登录,直接授权登录。

  设计思路总结

  登录流程的设计中应充分考虑到用户的各类场景与环境,给用户提供更多的登录方式,怎么方便怎么来。同时还要综合考虑账号的安全因素,比如:这里当用户连续3次输错密码时候,增加验证码流程。

  本文由 @kevin 原创发布。未经许可,禁止转载

  题图来自 Pexels ,基于 CC0 协议

扫一扫关注A5创业网公众号

扫一扫关注A5创业网公众号

责任编辑:西瓜

相关文章

  • 网易设计师:6个技巧让用户参与到你的设计里

    这篇文章讲述了我对产品设计的一些个人理解和看法。用户参与设计,指的是在有限的设计引导下,要给予用户或是体验者主动的情绪引导和操作体验,使设计不会成为剥离用户而孤独的存在。双方结合并有了相互影响后,会使我们的设计更有立体感,也更有拓展性。

    标签:
    产品设计
  • 对创业者和产品经理而言,如何训练你的洞察力找到真正的用户痛点?

    产品要能找到用户需求,从为用户解决问题出发来设计,才能赢得市场。不过用户需求是要经过调研的真正需求,而不是你自己想象出来的。下午我来分享“如何发现用户需求”。相信做产品的人都想找到风口,成为被风口吹来的猪。真正让创业者疯狂的是什么?是不得其道,是用户需求难以寻找。

  • 从三个角度分析提示设计

    稍微复杂一点的产品都少不了提示功能,这种全局模块即需要整体解决方案,也需要具体运用规则。以手机App为例,提示种类很多(操作成功、操作失败、收藏点赞、二次确认…);展示形式也很多。我最近对这一方面有所思考,结合外网资料整理了一套提示设计的方法和建议。为了方便解释,下面会以移动端为例,但是核心的方法理

    标签:
    产品设计
  • 以改良弹窗为例:教你如何改良你的设计

    每当你看到一个界面时,你的大脑其实都在欺骗你。无论你如何努力使事物看起来一致——旁观者的眼睛往往不会同意,因为我们在现实生活中是通过大脑来感知物体的。所以,作为设计师,我们唯一的选择只能是反向「欺骗」用户的大脑(译者注:在视觉上)。在本文中,我将向你展示一个设计组件需要从哪些地方去做改善,一起来看看

  • 两个层面分析:抖音的交互设计

    抖音首页有【推荐】、【附近】两个Tab,推荐的算法据说是采用【今日头条】算法,在播放率和播放时长上进行权重分析。如果在附近被看的次数多播放时间长,就会推荐给更多的类似用户,通过这样的数据分析。若推荐出去之后播放次数和播放时长是增加的,那就会不断良性循环;若播放次数和时长是减少的,则恶心循环至冷藏!回

    标签:
    抖音
    产品设计
小程序

热门排行

信息推荐

扫一扫关注最新创业资讯