第1310天:优化复选框操作,工行取款机的一个糟糕的交互设计,生命时钟

星期三 阴 4~11℃

优化复选框操作(焦点扩大)

遇到的情况:一个 table,第一列是复选框,扩大复选框的焦点,可以让用户更容易选中复选框。

<style>
.check_label { cursor:pointer; position:absolute; width:46px; height:36px; margin:-6px 0 0 -13px; *margin-top:-8px } /* 可根据实际情况修改css */
</style>
<label class="check_label" for="test"></label>
<input type="checkbox" id="test" style="cursor:pointer" />

 


工行取款机的一个糟糕的交互设计

昨晚去工行取款,在选择金额的时候,我想取 200,但是选项里没有 200 的按钮,我就想输入 200,刚输入了一个 2,卡就被退出来了,提示我按键错误。

其实这个事我不是第一次遇到,只是因为习惯了,经常在建行 ATM 机上取款,是可以直接输入其他金额的,而工行则需要多点一下“其他金额”的按钮,转到另一个页面去输入。

工行不可以直接输入其他金额也就罢了,还直接就把卡给退出来了。结果我还要重新插入卡,输入密码,再进到取款界面。

按键错误的时候就提示用户“按键错误,请重新操作”,为什么要把卡吐出来?这和“安全”一点也不搭边吧。


生命时钟

今天在网上发现这个有趣的来自一位日本作者 flash 时钟:


MeYoung

  • 优化列表复选框操作(扩大焦点);
  • 处理转账功能。

RSS

上一篇:

下一篇:

发表评论

电子邮件地址不会被公开。 必填项已用*标注