账号登录注册系统的原型设计

一、注意要点

1、登录方式包含哪些？

2、登录的账号唯一标识是什么？手机号、邮箱、自定义账号？

3、客户端是什么？

二、确认需求

登录方式包含账号密码、手机号动态验证码、第三方社交平台（微信）

账号的唯一标识为手机号

客户端为PC版

注：本文只写设计流程，暂不考虑其他层面

三、规划

三种登录方式各有其利弊，可根据实际业务选择

1、手机号+验证码

此种方式的出现是为了简化注册流程，一般用于希望用户快速进入系统，完成核心功能业务，避免在注册环节流失掉用户，所以此方式也被称为快捷登录方式。

常用的应用例如有：外卖、打车类的应用

原型页面：

根据实际业务可选择两种流程方式：

第一种

手机号如果存在，则直接登录；手机号不存在，则注册并登录。

流程图如下图所示：

第二种

和账号密码的验证方式相同，即手机号存在，则直接登录；手机号不存在，则提示先注册

2、账号+密码登录

账号密码的登录方式相对快捷登录方式来讲，更加安全可靠。但是流程相对来讲复杂，用户登录必须账号和密码匹配成功才能登录。

原型图

流程图

系统验证码是为了避免恶意登录的情况出现

账号密码的登录，一般都会有一个忘记密码的入口，帮助用户找回密码，但是前提是已知账号。

原型图

流程图

有的系统还会验证新的密码和原密码是否相同，用户不可设置为相同的密码。

3、微信登录

微信登录是微信开放平台一个开放的调用微信登录的权限，获取该权限后，即可使用该功能。只需要使用微信扫一扫就可以登录系统，更加便捷，但是这种方式就会依赖于微信。

根据系统的业务也可分为两种方式

第一种

直接将微信作为账号就可登录系统，这样用户信息都来自微信

流程图

第二种

用户使用微信登录，但同时需要绑定手机号，系统还是以手机号为唯一标识，用户扫描二维码后需要继续绑定手机号的步骤。

流程图

这种方式，相当于还是手机号注册，但同时绑定了微信，第二次登录，微信可以直接登录。

以上三种方式，是目前登录注册系统常用的几种设计。需要根据实际的业务具体设计。

四、开发前期准备

申请微信开放平台的第三方登录授权的权限

申请第三方短信服务