Axure学习笔记:dubble重置密码界面

#交互#   Axure


dubble“重置密码”界面的操作,从登录界面中点击“忘记密码”按钮,跳转“重置密码”界面。需要输入邮箱获取重置的链接,点击连接后进行重置的后续操作。

图一:输入邮箱获取重置密码的链接。界面中有邮箱输入框、下一步按钮。

默认弹出邮箱键盘,键盘上方显示邮箱输入框的输入内容文字提示。

下一步按钮为不可点击状态。

图二:邮箱输入框的交互。

1. 邮箱输入框,输入的文字长度>0时,输入框右侧显示清空按钮。

2. 邮箱输入框,输入内容包括字符@和字符.的时候,下一步按钮切换为可点击状态。

图三:确认提示。完成邮箱输入,点击下一步按钮后,弹出提示框让用户确认一下输入的邮箱正确性,减少错误率。

图四:提示状态。显示重置密码连接发送状态,让用户了解到了是否可以进行下一步操作。


效果如下:


图一

流程如下:

1. 从注册界面中copy输入邮箱注册界面。

2. 修改键盘上方提示语。




图二、图三可直接从注册界面中copy


图四

3. 添加750*1334,#0000,不透明度20%的黑色遮罩矩形

4. 绘制成功提示框

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容