大梦想家

5年开发工程师,2年实施经理,X年售前顾问,......
数据加载中……
打造仿淘宝注册的Text(一)

    为什么要打造仿淘宝注册的Text呢,不为什么,因为它好看!呵呵,这个不算理由,其实最重要的原因是因为最近在开发过程中,发现验证是个最麻烦的事情,虽然Eclipse和JFace为我们已经提供了比较好用的“高级”对话框和向导页了,对于简单的应用,他们两个用起来是非常简单,如果要验证的东西非常多,而且还有交叉验证(我自己起的名字,就是填了A就不再验证BCD的错在了,或者填了C就要验证AD存在)处理起来了就麻烦了,前两天以为新同事接手一端代码,发现里面竟然有20+个监听器,验证逻辑复杂的要死~为了解决这个问题。再结合B/S的开发经验,我认为,完全没有必要当用户把所有的必填项全都填了以后再把OK按键打开,不然永远置灰~大家做过的哪个B/S程序是这样的?不都是他爱填填,不爱填拉到,点确定的时候我告诉,或者是,我以上来就告诉你哪些必填,不填的,点击确定继续提醒!

   OK,闲话少说,先看看淘宝的注册吧~我一直认为淘宝的注册界面是国内客户体验度最好的~

ScreenShot002

首先界面一打开就是这样的提示,在input框的左下脚又一个蓝色的小箭头,代表此文本框必填;

ScreenShot001

当获得焦点以后改变,后面的提示框高亮,着重提醒用户;

ScreenShot003

如果没有填,必填项,提交的时候的提示;

ScreenShot004

填写正确的提示;

OK,分析了上面的四种状态,那么我们来确定我们需要做成什么样子的~首先,我们需要;

ScreenShot005

必填提醒状态

ScreenShot006

填写正确提醒状态

ScreenShot007

错误填写提醒状态

还有就是鼠标移动到三种图标上的浮动框详细说明,因为我们不可能像淘宝那样,一个控件占那么大位置,用户界面还需要放更多的东西。

大致的任务交代清楚了,下一次再写详细的实现过程。



客户虐我千百遍,我待客户如初恋!

posted on 2008-01-01 22:24 阿南 阅读(2752) 评论(4)  编辑  收藏 所属分类: Eclipse-SWT个人原创

评论

# re: 打造仿淘宝注册的Text(一) 2008-01-02 09:11 久城

有代码就更好了。

另外,不同类型的网站,注册的内容,形式也是不同的。BLOGJAVA的注册就不错。

从用户的角度考虑,我们更需要人性化的注册界面。
  回复  更多评论    

# re: 打造仿淘宝注册的Text(一) 2008-01-02 09:57 孙文博

好不错~~关注中~~~~
  回复  更多评论    

# re: 打造仿淘宝注册的Text(一) 2008-01-02 12:46 sitinspring

交叉验证的代码值得好好研究!
  回复  更多评论    

# re: 打造仿淘宝注册的Text(一)[未登录] 2008-01-02 23:36 BeanSoft

期待中!
  回复  更多评论    

只有注册用户登录后才能发表评论。


网站导航: