如何设计App登录模块?
1、熟悉目前常见的手机APP登陆方式
① 账号登陆(手机、邮箱)
② 第三方登陆(微信,QQ,微博)
③ 一键快捷登录(工具类,如不记单词)
④ 游客登陆(bbs)
⑤ demo测试登陆(如友盟等)
⑥ 手势登陆,语音登陆,指纹,人脸识别
如微信的语音登录、iPhone指纹解锁等等。

基本可以说有多少种登录方式就有多少种注册方式。不同方式逻辑区别略大。
目前市面较多的是账号登陆+第三方登陆,以这两种常见登陆方式举例需要考虑的点。
2、了解APP登录模块的登陆逻辑
基本大部分的app登录界面设计如下图:

主要界面分为:重要信息区域 + 操作区域
一般的登陆逻辑分析:
登陆宏观流程 (几个步骤,几个页面,考虑用户操作次数,界面展示)
流程中用户误操作的提示(限制 一般涉及 输入规则错误,输入次数超限,输入真实性错误)
登陆跳转的落地页(什么时候才让用户登陆)
忘记密码流程(微信的解决思路不错)
3、移动产品经理必须考虑的登录模块的业务逻辑
“抛开产品去谈功能逻辑是耍流氓”。
也就是说注册和登录逻辑的关键取决于产品形态。
谈功能逻辑要遵循业务逻辑。在你的业务中,注册、登录分别对应的收益是什么,用户为什么需要注册和登录,这些逻辑如果不理清,谈大而化之的内容没有价值。

如果是一款希望用户大量传播的产品,不管是Web还是App,最有效的方式,可能都是社交产品的第三方授权登录,登录后再做注册引导或不做,因为你的业务逻辑是需要用户大量的传播,而不是需要留下用户的具体资料;
如果是一款交易类的产品,不管是Web还是App,优先考虑的都是安全性问题,所以注册尽量多的让用户填写真实信息并完成相关的验证,密码安全级别也要求较高;登录也应当考虑安全性,登录控件之类的怕是免不了。
如果是一款工具型产品,那么注册可能就要足够的轻薄,登录与否也不应是阻碍用户使用产品的选项。
等等假设的APP登录模块的业务逻辑分析。

最后跟各位移动APP产品经理分享以下8个关于登录注册模块的建议
是否需要在打开app的时候就需要登录?
还是在需要填写收货信息或发表评论时才需要登录?
登录的时候最方便的是用QQ、微信、微博进行联合登录,但是联合登陆后一定一定不要让用户再输入手机号账号等注册性质信息
如果一定要用户重新注册,或者是为了验证有效身份的话,建议用手机号,此处体现的是信息推送的时效性;
密码输入时请让用户输入一次,然后使用明文;
密码等安全性的考虑,建议后置,即给用户最轻松设置过程,如,可以让用户设置6位数字的登录密码,如何保障用户账户的安全?通过登录次数、地点、操作去设置规则吧,不要在注册的时候难为用户,谢谢;
验证码什么的,一定是在用户使用同一设备注册多次,等“刷(一个设备登录多个账号)”行为时才需要用户输入,在正常情况下一定给用户最轻松的体验,什么密码安全性、验证码都是遇到不正常用户才使用的招数,那么不正常用户一定有特征,在制定特征下在放招,不然非常容易杀死大批普通用户;
注册完/登录完一定要直接切回需要登录的流程节点中,注册完/登录完一定要直接切回需要登录的界面。
如何设计App登录模块?的更多相关文章
- MySQL设计软件登录模块
学了一段时间的Java了,思量着做一点简单的小模块的东西吧,于是就有了下面的这个简单的小案例. 大致实现的功能就是注册于登录还有就是用到了一点,分层思想.仅此而已,所以非常的适合新手围观. 建立好数据 ...
- 仿知乎app登录界面(Material Design设计框架拿来就用的TexnInputLayout)
在我脑子里还没有Material Design这种概念,就我个人而言,PC端应用扁平化设计必须成为首选,手当其冲的两款即时通讯旺旺和QQ早就完成UI扁平化的更新,然而客户端扁平化的设计本身就存在天生的 ...
- Java SSH框架系列:用户登录模块的设计与实现思路
1.简介用户登录模块,指的是根据用户输入的用户名和密码,对用户的身份进行验证等.如果用户没有登录,用户就无法访问其他的一些jsp页面,甚至是action都不能访问.二.简单设计及实现本程序是基于Jav ...
- Web应用程序系统的多用户权限控制设计及实现-登录模块【4】
通过前三个模块的介绍,把web权限系统开发所需要的基本类,Css文件,EasyUI框架等准备好后,就可以着手开始系统的编码了. 登陆模块是权限处理系统的关键,根据输入用户的的信息,可自动从数据库中加载 ...
- 手机app开发:浅谈APP登录方式的优劣
手机app开发公司亿合科技要是给你一个机会设计一款APP,你会用什么方式做这个APP的登录模块?根据APP的业务模型的不同会有不同的设计方法.如果是偏内容型的APP,需要优先展示内容给用户,当用户需要 ...
- 实战使用Axure设计App,使用WebStorm开发(6) – 迈向后端
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使 ...
- 实战使用Axure设计App,使用WebStorm开发(5) – 实现页面功能
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使 ...
- 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使 ...
- 跟我extjs5(38--单个模块的设计[6获得模块列表数据])
跟我extjs5(38--单个模块的设计[6获得模块列表数据]) 在程序的前一个表以及,据的执行过程. 在菜单中选择 "系统管理"--"模块分组" ...
随机推荐
- [转]float,double和decimal类型
float:浮点型,含字节数为4,32bit,数值范围为-3.4E38~3.4E38(7个有效位) double:双精度实型,含字节数为8,64bit数值范围-1.7E308~1.7E308(15个有 ...
- nova 配置文件
控制节点 /etc/nova/nova.conf [DEFAULT]cpu_allocation_ratio=32.0service_down_time = 7200#use_local = True ...
- Django Signals 从实践到源码分析(转)
原文:http://foofish.net/blog/66/django-signals 当某个事件发生的时候,signal(信号)允许senders(发送者)用来通知receivers(接收者),通 ...
- CSS3每日一练之选择器-结构性伪类选择器
<!DOCTYPE HTML> <html> <head> <meta charset="gb2312"> <title> ...
- Javascript 正则表达式校验数字
$("input[datatype=number]").blur(function () { var str = $(this).val( ...
- Binding的Source从何而来?
I. Binding to Object 1. Binding data using ObjectDataProvider AC:Let’s say there is a CLR based data ...
- C#以及Oracle中的上取整、下取整方法
1.C#中: 上取整——Math.Ceiling(Double),即返回大于或等于指定双精度浮点数的最大整数(也可称为取天板值): eg: Math.Ceiling(1.01)=2; Ma ...
- vtk读取文件中点坐标[转]
vtk基础编程(2)-读取数据文件中的坐标点 1. 案例说明 在实际计算中,常常需要大量的数据, 这个时候数据文件就必不可少, 例如 数据文件points.dat, 中存放了三个点的坐标, 0.0 0 ...
- Number
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/parseInt 概述 parseIn ...
- 面向过程MySQL数据库链接操作
刚好今天复习到这个章节,将就发布出来,就当是为自己复习了 //链接数据库 $link = mysqli_connect('localhost/IP地址','用户名','密码','数据库名'); //设 ...