瞬间的快感.doc

话说土匪老湿在他的大作《交互设计之回归篇》里曝光了上次有意思小组竞赛我们小组分享的话题“瞬间的快感”,但这一极具噱头的主题,土匪老湿惜字如金只用了廖廖几字作了归纳…汗,字数没够,字数没够。。。以下我将采用图文并茂的方式来说明我们的观点。
在第一个瞬间,也就是当一位浏览者刚刚打开我们网站的时候,他最先可能是想看看这个网站的名字及其功能; 而下一个瞬间可能就开始移动手中的小鼠标到自已感兴趣的东西上点点。再然后则可能是寻找从哪里注册等等。然而在这些瞬间中怎么样才能让浏览者找到快感,提升他的满意度呢?
1、按钮的鼠标按下状态
我们知道按钮有未动作、鼠标经过、鼠标按下、弹起四种状态,但是现在大多数网站的按钮都只设计了未动作、鼠标经过这两种状态,其中更有不管你小鼠标怎么蹂躏它都只有一种状态者。这里我不是说这些做法不好,只是觉得如果我们在设计的时候加上鼠标按下状态会提升浏览者的满意度,让他们在点击之中获得快感。就像我们平常进行的开关灯操作一样,当手指放在开关面板上按下,伴随着“啪”这个轻脆声音,开关被按下,灯亮了。
上图中百度一下的鼠标按下状态加深了颜色,google搜索则直接将底色置灰,从视觉上给了浏览者最直观的感受这个按钮我按下了。
2、鼠标经过也可以这样
我们在设计的时候,为了让浏览者更好的理解文字表述的含义或当前所处的状态都会给文字配上相应的一个icon,当鼠标经过的时候通常的做法就是直接改变颜色和改变一下方向。但是淘宝首页处理极具创新,原来鼠标经过也可以这样。
ps:以上效果用Firefox 或 chrome 查看
上图中搜索后面的小三角在未动作的是指向下方的,当鼠标经过的时候小三角顺时钟旋转180度指向下方,鼠标离开后逆时针旋转180回到原位;淘宝天下前面的icon在鼠标经过的时候顺时针旋转35度,鼠标离开后逆时针旋转35度回到原位。这种处理方式让浏览者摆脱了枯燥的浏览,这个瞬间心情愉悦。
3、弹出层也有新花样
弹出层是我们浏览网页时经常会遇到的东东,它的好处我就不说了,这里我提出来是想说说它们出现和消失的方式。通常的作法是当浏览者触发之后给一个半透明遮罩层,弹出层与之一同出现。迅雷7就来了一个新花样。
上图中当我们点击皮肤设置(黄色小衣服)按钮之后,会看到时皮肤主题这个弹出层以180度