AxureRP案例–支付信息页面

随着电子商务的发展,会有越来越多的电子商务网站,在这里面最重要的一块就是支付,因此支付页面就是必备的。在设计支付页面的时候,现在来说一般都会参照支付宝的页面,基本上这种模式比较经典了。不过国外的或者国内的一些电子商务网站在支付信息填写页面还是采用一页的形式。

这个例子提供了一个比较详细的支付信息填写页面,所有的必填字段都有验证,都有信息提示,一般我们在做原型的时候可能没有到这么细节的控制上,可能会在演示时做说明或者在需求设计说明书当中做说明,不过如果有一个现在成供直接复制使用,还是非常不错的,可以做成库文件的形式,或者封装成一个功能模块来使用。

例子当中对必填字段的控制相当不错,输入聚焦时有提示,输入完成后也有提示,且对输入框都有校验控制。所有的实现方式和原理基本上都比较简单,大家看一下应该都会了,关键是在设计的时候要能够想到去做这样的细节控制,这也是交互设计和用户体验当中的内容。提供了源文件的下载,可以下载之后改改,弄成国内比较通用的形式之后再封装成模块来使用。

示例在AxureRP 5.5版本上调试通过

 

点此查看演示

点此下载源文件



无觅相关文章插件,快速提升流量

“AxureRP案例–支付信息页面”有1条评论

commenter

呵呵。。不错哦,转走了。。告知一声。。。