搜索

用户体验,设计上的小细节

0617

卓越亚马逊的首页轮换图片,每刷新一次,都是随机不同的顺序显示,这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题,这点对于电子商务等时效性不是很讲究的网站来说尤其重要。

joyo

继续阅读»

让网页中的password input跟手机一样友好

0313

password field progressive masking

平常网页中的password输入框,都是直接显示一排子弹如****** 或者●●●●●● 。这导致用户如果输入错误,而没及时发现,等提交验证后提示密码错误,再重新输入一遍。许多智能手机,包括iPhone,通过展示与延迟密码的领域,继而转化*或● 。这样一个好处就是:视觉反馈输入密码有无正确,及时更改。

  1. 1.放一真正的label和password input
  2. 2.通过脚本创建一个覆盖在password上面的普通input,且绑定它的focus,change事件
  3. 3.当用户提交表单时,发送的密码字体是原来的password input值,而伪password input已被转换为一排子弹了
window.onload = function() {
  if(document.getElementsByTagName) {
    var inputs = document.getElementsByTagName('input');
    var password_inputs = Array();
    ...

继续阅读»