Axure 制作带有判断功能的注册页面

常见的注册页面可以判断用户填写的内容,本例旨在制作一个带有判断功能的注册页面。

要求,
1、用户名输入框必须输入用户名且长度大于5。
2、判断密码输入框A是否为数字与字母注册,且长度大于6小于16。
3、判断密码输入框B是否为数字与字母组合,且长度大于6小于16,同时与密码输入框A保持一致。
4、如果不符合1、2、3要给出提示语句。

第一步:先将需要的内容画出来,它包括,填写用户名输入框,密码输入框一,密码输入框二,Disable的注册按钮(注意:输入框选择为遮罩文本)。
step_1

第二步:我们建立一个动态面板,用它来做各种错误情况下的提示语句(记得编辑他们的详细内容)。
step_2

第三步:设置动态面板为隐藏,等到必要的时候才显示它们。
step_3

第四步:点击用户名输入框,判断用户是否输入用户名,若输入并且长度大于5,并显示输入正确。
step_4
(字错了,时间==事件,偷懒不修改了)

step_4_2

第五步:点击密码输入框一,判断用户是否输入密码,并且密码数字和字母组成,且长度在6~16,如果正确显示输入正确,反之显示对应错误提示。
step_5
step_5_2

step_5_3

第六步:点击密码输入框二,判断用户是否输入密码,并且密码由数字和字母组成,长度在6~16,密码内容与密码输入框一内的字符串内容相同,用户名输入正确,密码输入框一输入正确,若均符合显示输入正确,激活注册按钮,反之显示对应错误提示。
step_6

step_6_1

step_6_21

好了,设置完毕后,按F5生成原型即可。

可以访问这里看看我生成的原型:
http://www.zhangjingwei.com/axure/reg/index.html

因为我发现我一直很难表达清楚自己的意思,所以我将原型文件一起上传了,如果您不明白的话,下载我的原型看看就全明白了。哈     :)
点击这里下载原型文件

原文链接(325 views)|评论 (7)

用户行为分析软件(Silverback)

Silverback 是一个记录用户行为并可以通过摄像头记录用户表情的录制软件。

通过这个软件,我们不干涉用户的操作,而静静的观察他的动作,并对他的行为,表情做出分析,修改网站不合理的地方。

这是关于它的一个小介绍。

点击查看视频

原文链接(139 views)|暂无评论(赶紧抢沙发)

从百度贴吧改版和晋江土论坛看用户体验

今天下午,百度贴吧将它的贴吧列表页做了修改,变成了下面这个样子

baidu

很显然这又是一个汇集了传说中的Tab,并肯定是“根据用户体验”得到的新版。

咋一看色彩鲜明,分区明确,用鼠标点击不同的分区可以快速的找到对应的主题。发表新帖按钮位置明确,更能引导用户发帖。

可这么上等的修改为什么还获得了对百度贴吧改版的一片骂声呢?

 

这就涉及到了一个词语“用户体验”。

什么是用户体验?我的理解很片面,但我认为用户体验就是保持用户操作的习惯性,轻易不要试图去改变它。

为什么百度改版以后大家很不爽,很简单,就是颠覆了用户的操作习惯。

再让我们来看看晋江原创网的论坛,说实话,这个论坛,让我回到了1999年。

jjwxc

虽然样子很丑,但这个论坛每日的IP在10万以上。

很多人,都在说用户体验,整出各种虚头八脑的理论来阐述自己的观点,可是他们恰恰在不断的颠覆用户的使用习惯,本来是一个select的地方,他弄成一个input,就好象007里的那个看起来是剃须刀,其实他是一个吹风机一样。搞的我很囧。

所以,在各种各样用户体验风起云涌的时候,如果你没有微软那样的统治力,最好还是遵守用户的行为习惯,并不断引导他使用才是较好的用户体验。

原文链接(37 views)|评论 (2)

对“打造自己的reset.css”文中观点的不同看法

在小飞的博客上看到他写了一篇关于reset.css的文章,文章中关于css的部分分析的非常不错,但对于文中关于强调把CSS分别配置,对每一个项目都放置一个reset.css这一类观点,我有不同的看法。

诚然,将reset的东西只写进reset.css里,将layer的东西只写进layer.css里,将represent的东西只写进represent.css在思想是没有错的,但是他并没有考虑到一点,那就是成本。

yahoo搞了一个YUI,可是你在Yahoo的主页上能看到YUI的
吗?没有,访问一下google,看看他所有的页面里面有reset这样的东西吗?没有。为什么?成本。

Eric作为个人,可以搞reset.css,YUI作为推动,可以搞reset.css,但是一个网站的架构,是否都应该一股脑的用reset.css?这是根据公司的实际情况来做看的。

让我们以Yahoo为例,我们假定当前我们访问的服务器最大支持2500次并发/秒(不考虑squid,memcache这些东西),当用户访问首页的时候,一共多少个并发?

就目前的情况,一共是26次请求,耗时2.56秒。记做A。

ok,假设yahoo增加了一个reset.css,请求数增加到27次,耗时2.57秒。记做B。

A每秒请求服务器 26 / 2.56 = 10.15 次/秒

B每秒请求服务器 27 / 2.57 = 10.50 次/秒

在A的情况下,1万元的服务器每秒最大支持 2500/10.15 = 246.30 人;
在B的情况下,1万元的服务器每秒最大支持 2500/10.50 = 238.09 人;

换句话说,B运营成本相对于A增加了 (246.30-238.09)/ 246.30 × 10000 = 333.32 元。

仅仅是增加了这样一个文件,我就要多支出333.33元,这样划算吗?

如果按照文中的想法,还要将其他的样式都分门别类的独立出去,那么成本的增长将会是多么可怕的“弧度”

2009-03-08_000700

所以“每每有新项目,第一步就是应当使用一个reset.css来重置样式。”,“建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css”还是应该有所选择的去做。

原文链接(129 views)|评论 (8)

分享Axure 5.1.0.1699汉化版

Axure是一款产品原型(Prototype)设计软件,可通过这个软件编辑一些常见的事件和在特点条件下才会触发的情况,可以快速的生成HTML Demo页面。

使用Axure的用户很多,据淘宝UED消息,他们的就使用Axure进行产品原型设计。

因为这个软件一直都是英文版,所以很多朋友还不太会使用,但伟大的平生一笑如雪中送炭一般给我们大家分享了Axure汉化文件,再次表示深不见底的谢意。

请注意,这个汉化是针对“Axure RP Pro 5.1.0.1699”的汉化,其他版本是否可以使用,还不知道。

使用方法是下载后解压缩,用解压缩得到的Client.dll文件覆盖掉Axure安装目录的同名文件。

Axure RP pro 5.1.0.1699 下载地址:http://www.skycn.com/soft/41842.html

汉化文件下载地址:http://share.138.io/get/c8bcfb5583f90227767246820.html

再次向平生一笑表示感谢。

原文链接(516 views)|评论 (4)