瞬间的快感之细节提升用户满意度

作者:lcl 来源:新媒重庆UED 时间:2010-11-17 19:19:00 

话说土匪老湿在他的大作 交互设计之回归篇》 里曝光了上次有意思小组竞赛我们小组分享的话题 “瞬间的快感”,但这一极具噱头的主题,土匪老湿惜字如金只用了廖廖几字作了归纳…汗,字数没够,字数没够。。。以下我将采用图文并茂的方式来说明我们的观点。

在第一个瞬间,也就是当一位浏览者刚刚打开我们网站的时候,他最先可能是想看看这个网站的名字及其功能; 而下一个瞬间可能就开始移动手中的小鼠标到自已感兴趣的东西上点点。再然后则可能是寻找从哪里注册等等。然而在这些瞬间中怎么样才能让浏览者找到快感,提升他的满意度呢?

1、按钮的鼠标按下状态

我们知道按钮有未动作、鼠标经过、鼠标按下、弹起四种状态,但是现在大多数网站的按钮都只设计了未动作、鼠标经过这两种状态,其中更有不管你小鼠标怎么 * 它都只有一种状态者。这里我不是说这些做法不好,只是觉得如果我们在设计的时候加上鼠标按下状态会提升浏览者的满意度,让他们在点击之中获得快感。就像我们平常进行的开关灯操作一样,当手指放在开关面板上按下,伴随着“啪”这个轻脆声音,开关被按下,灯亮了。

上图中百度一下的鼠标按下状态加深了颜色,google搜索则直接将底色置灰,从视觉上给了浏览者最直观的感受这个按钮我按下了。

2、鼠标经过也可以这样

我们在设计的时候,为了让浏览者更好的理解文字表述的含义或当前所处的状态都会给文字配上相应的一个icon,当鼠标经过的时候通常的做法就是直接改变颜色和改变一下方向。但是淘宝首页处理极具创新,原来鼠标经过也可以这样。

ps:以上效果用Firefox 或 chrome 查看

标签:细节,用户体验,设计,按钮
0
投稿

猜你喜欢

  • 高性能网站建设指南:性能提升的14个原则

    2011-07-14 16:04:54
  • Oracle与SQL Server数据库镜像对比

    2009-03-25 14:27:00
  • 把JS与CSS写在同一个文件里

    2007-12-16 15:29:00
  • 解密CSS Sprites:技巧、工具和教程

    2011-01-11 19:38:00
  • asp中isNull(str), isEmpty(str)和str=""的区别

    2008-02-15 13:10:00
  • Z-Blog垃圾留言判定新方法

    2009-07-06 13:04:00
  • Asp中Server.ScriptTimeOut属性需要注意的一点

    2011-04-27 08:41:00
  • 如何在MySQL查询结果集中得到记录行号

    2008-12-17 15:00:00
  • 用CSS设计多种文本框与按钮样式风格

    2007-08-10 13:11:00
  • XML数据查询技术已经成为现今的研究热点

    2008-09-05 17:13:00
  • IE7下 filter:Alpha(opacity=xx) 的小问题

    2008-12-02 16:24:00
  • 透明数据加密(TDE)库的备份和还原

    2012-07-21 14:44:08
  • ASP:Cookie使用指南

    2007-09-28 12:48:00
  • CSS Position

    2009-05-17 14:27:00
  • 在线Ajax载入动画生成工具 - Loadinfo

    2008-02-18 13:34:00
  • 10个超实用jQuery插件资源

    2009-07-17 18:54:00
  • 一个比较完美的spacer div技巧

    2009-03-18 19:29:00
  • 标签明晰、有效

    2010-01-18 12:22:00
  • 960 时代的终结

    2011-01-11 19:24:00
  • OL IE Bug

    2009-09-09 16:25:00
  • asp之家 网络编程 m.aspxhome.com