使用Axure RP原型设计实践07,注册判断

本篇实现注册页的一些功能。本项目是通过用户名和电子邮件进行注册的。

在本篇之前,在"使用Axure RP原型设计实践03,制作一个登录界面的原型"中已经对注册页做了基本的处理。


打开注册页,把登录页的提示动态面板放到当前注册页面提示的正下方,对齐。

提示的时候,有些提示只有一行,比如用户名没填,有些提示有2行,比如用户名和邮箱都没有填。可以把2个状态放到同一个动态面板中,给不同的状态命名,并让面板中部件的名称不重复


先让动态面板隐藏,当点击注册的时候再显示。

给注册按钮的OnClick事件编写用例。

54


如何让点击注册按钮的时候先使用动态面板中的某个状态呢?

修改注册按钮OnClick事件的用例。

55


 

以上,尝试了显示动态面板,以及显示动态面板中的某一个状态。接下来先整理一下注册的思路。

register

以上,一个提示的有7个,二个提示的有8个,接下来就根据这个思维导图有针对性地编写事件用例。


1、用户名和邮箱都为空
    --错误:请填写用户名
    --错误:请填写邮件地址

添加一个用例,设置如下:   

56 

2、用户名为空,邮件输入
   --邮件已注册(用1表示邮件已注册)
           --错误:请填写用户名
           --错误:电子邮件已被注册请换一个

添加一个用例,设置如下:

57

3、用户名为空,邮件输入
    --邮件无效(用2表示邮件无效)
        --错误:请填写用户名
        --错误:电子邮件地址不正确

58

4、用户名为空,邮件输入
    --邮件未注册
        --错误:请填写用户名   

59

现在要思考一个问题:在我们的思维导图中,一共有15种情况,现在只做了4种情况,代码已经比较多了。

是否有更好的办法呢?

通过思维导图,我们发现错误提示只有那么几种情况,是否可以以此为切入点呢?

复制出一个当前的注册页,删除所有的登录按钮的OnClick事件的用例,重新编写如下:

60

以上,username为2表示用户名格式错误,为1表示用户名已被注册。email为1表示邮件已被注册,为2表示邮件格式错误。


总结:

● 当情况比较多的时候,可以考虑使用思维导图帮助设计
● 当动作中有重复的部分,就可以考虑提取重复的部分再次抽象


参考资料:http://www.iaxure.com/

原文地址:https://www.cnblogs.com/darrenji/p/4773649.html