最专业的八方代购网站源码!

资讯热点
Axure示例:手机号码注册和登录示例(带RP文件)

发布时间:2023-6-30 分类: 行业资讯

我之前与您分享了Axure系列的互动,从此我逐渐与您联系了Axure原型设计规范和PRD文档规范。

这次,以手机号码注册和登录为例,与您分享Axure设计规范。

原型基于Axure8。以下是手机号码注册和登录原型结构。

首先看一下完整的原型预览:http://bdh2ot.axshare.com

以下是本期内容:原型图核心页面描述:

首先,文件修改记录

文档修改记录的主要目的是便于产品经理记录每个需求调整,并在向开发人员解释需求时便于恢复功能需求。

文档修改记录主要包括两个方面,一个是版本修改的核心记录,另一个是每个版本修订的详细列表。

二,原型描述

原型描述,主要包括3个方便,分别为

1.页面结构:用于说明此功能要求的页面结构。

2.全局描述:用于解释本产品的基本交互原理和UI原则。

3.字符限制:用于指示相关字段的输入限制。

三,流程描述

流程描述(主要通过流程图(特定工具可以是Viso))说明了此功能需求的核心业务流程。以此项目为例,主要包括三个过程,即:

1.注册过程

2.登录过程

3.检索密码过程

四,手机号码注册原型

在此阶段,移动电话号码登记原型分别引入转发过程,即从移动电话号码的输入,验证码的获取,帐户的创建,登记成功和其他页面原型。

1.初始页面

需要从原型显示当前页面:手机号码输入框,获取验证码按钮,验证码输入框,下一步按钮(不可点击状态);还包含一些隐藏的控件,如:验证码输入错误提示,手机号码错误提示(这些将在异常逻辑原型中单独解释)

2.获取验证码等待页面

当前页面需要与原型分开显示:等待时间,验证码输入框,等待验证码提示,下一个按钮(在正确输入验证码后自动触发可点击状态)

3.创建用户名和密码

当前页面需要与原型分开显示:用户名输入框,密码输入框(默认纯文本),注册按钮(默认不可点击状态)

4.创建个人页面

当前页面需要与原型分开显示:头像上传控件,生日选择控件,性别选择,情绪状态选择,确定按钮,跳过按钮

无需输入即可注册上述信息。

五,手机号码登录原型

手机号码在原型中注册。在此阶段,单独引入前向过程,即,从移动电话号码,验证码和登录成功输入页面原型。

1.初始页面

需要从原型显示当前页面:手机号码输入框,获取验证码按钮,验证码输入框,登录按钮(默认不可点击状态);还包含一些隐藏的控件,如:验证码输入错误提示,手机号码错误提示(这些将在异常逻辑原型中单独解释)

2.获取验证码等待页面

当前页面需要与原型分开显示:等待时间,验证码输入框,等待验证码提示,登录按钮(在正确输入验证码后自动触发可点击状态)

以上信息,如果输入正确,您可以完成登录

恢复密码原型

检索密码原型。在此阶段,单独引入转发过程,即从移动电话号码,验证码,新密码和密码恢复输入页面原型。

1.初始页面

需要从原型显示当前页面:手机号码输入框,获取验证码按钮,验证码输入框,下一步(默认不可点击状态);还包含一些隐藏的控件,如:验证码输入错误提示,手机号码错误提示(这些将在异常逻辑原型中单独解释)

2.获取验证码等待页面

当前页面需要与原型分开显示:等待时间,验证码输入框,等待验证码提示,下一个按钮(在正确输入验证码后自动触发可点击状态)

3.输入新密码页

当前页面需要与原型分开显示:密码输入框(明文状态)

以上信息,当输入正确时,即可完成密码恢复

七。特殊的逻辑原型

异常逻辑是需要在开发中正确处理的逻辑。这种异常逻辑仍然分为三个方面,即

1注册异常:主要包括以下异常逻辑

手机号码输入错误

验证码输入错误

验证码输入超时

手机号码注册反刷

电话号码已注册

2登录异常:主要包括以下异常逻辑

验证码输入超时

电话号码格式错误

验证码输入错误

电话号码未注册

3其他异常:主要包括以下异常逻辑

操作失败

网络状态中断

服务器异常

字符限制

这种共享在这里完成,下次我们将与您分享使用Axure制作PRD文档的基本规范。每个人都有任何问题,欢迎留言。

RP文件下载地址:链接:https://pan.baidu.com/s/1i5aOgFr密码: qw2x

« 交互设计过程(2):架构设计 | 如何建立一个高端代购源码网站这些基本元素必须有 »