如今的设计中,选项切换卡在网页中的使用已十分的普便,对网上浏览信息的人,你不敢说你没有使用过。至少在无数的页面浏览中让我造成了恐惧过的错觉,
是否大家也有过同样的想法和曾有过一秒钟的思维扭转。但是对于UI Team工作者来说,如何更为恰当的设计和效果实现让用户造成的错觉更为小和贴心呢?
每个设计者都有自己想法,没法统一。
网上常见状态效果:
1.鼠标划过(onmouseover)按钮切换信息,点击按钮(onclick)无动作
a.选项卡预选HTML数据第一次页面请求就已经加载
b.选项触发时向服务器请求数据,loading….AJAX加载(此效果网上看到少)
2.鼠标划过按钮不切换,点击切换信息
3.鼠标划过按钮切换信息,点击按钮弹出所指的二级页
4.鼠标划过或点击按钮不切换,点击弹出所指二级页面
有时当我移动一个像是选项切换卡的按钮上时,没有切换效(思维错觉,想当然是移上时就触发),转第二步点击,结果一点跳出一个二级页面雷到。
有雷案列(采集于2008-11-07):
百度有啊首页
转佐佐制造