瞬间的快感之细节提升用户满意度
作者：lcl 来源：新媒重庆UED 发布时间：2010-11-17 19:19:00
标签：细节,用户体验,设计,按钮
话说土匪老湿在他的大作 《交互设计之回归篇》 里曝光了上次有意思小组竞赛我们小组分享的话题 “瞬间的快感”，但这一极具噱头的主题，土匪老湿惜字如金只用了廖廖几字作了归纳…汗，字数没够，字数没够。。。以下我将采用图文并茂的方式来说明我们的观点。
在第一个瞬间，也就是当一位浏览者刚刚打开我们网站的时候，他最先可能是想看看这个网站的名字及其功能; 而下一个瞬间可能就开始移动手中的小鼠标到自已感兴趣的东西上点点。再然后则可能是寻找从哪里注册等等。然而在这些瞬间中怎么样才能让浏览者找到快感，提升他的满意度呢？
1、按钮的鼠标按下状态
我们知道按钮有未动作、鼠标经过、鼠标按下、弹起四种状态，但是现在大多数网站的按钮都只设计了未动作、鼠标经过这两种状态，其中更有不管你小鼠标怎么 * 它都只有一种状态者。这里我不是说这些做法不好，只是觉得如果我们在设计的时候加上鼠标按下状态会提升浏览者的满意度，让他们在点击之中获得快感。就像我们平常进行的开关灯操作一样，当手指放在开关面板上按下，伴随着“啪”这个轻脆声音，开关被按下，灯亮了。
上图中百度一下的鼠标按下状态加深了颜色，google搜索则直接将底色置灰，从视觉上给了浏览者最直观的感受这个按钮我按下了。
2、鼠标经过也可以这样
我们在设计的时候，为了让浏览者更好的理解文字表述的含义或当前所处的状态都会给文字配上相应的一个icon，当鼠标经过的时候通常的做法就是直接改变颜色和改变一下方向。但是淘宝首页处理极具创新，原来鼠标经过也可以这样。
ps:以上效果用Firefox 或 chrome 查看
0
投稿猜你喜欢
- <?php $fp = fopen("http://www.***.com/**
- 主要内容所谓RPC，是远程过程调用（Remote Procedure Call）的简写，网上解释很多，简单来说，就是在当前进程调用其他进程的
- 1、切片使用切片来实现列表的倒序排序，mylist[start:end:step]，不改变原列表。#!/usr/bin/env python
原作者：Nik Piepenbreier翻译&内容补充：费弗里原文地址：https://towardsdatascience.com- 目录问题描述大致的功能效果有如下思路分析完整代码总结问题描述teambition软件是企业办公协同软件，相信部分朋友的公司应该用过这款软件。
- 本文实例讲述了PHP单例模式用法。分享给大家供大家参考，具体如下：<?phpclass db { public $conn
- 本文介绍了两个asp实用的技巧，一是使用asp强制刷新页面，二是判断一个文件是否存在强制刷新网页 强制性刷新随机验证码 ，让随机验
- 1.在使用MySQL和php的时候出现过中文乱码问题(1) 只要是gb2312,gbk,utf8等支持多字节编码的字符集都可以储存汉字，当然
- 一、forEach1.1 遍历数组var array = [1,2,3,4,5,6];/*** currentValue 当前元素* ind
- 一、意义：当我们使用一个数据库时，总希望数据库的内容是可靠的、正确的，但由于计算机系统的故障(硬件故障、网络故障、进程故障和系统故障)影响数
- 如下所示：from splinter.browser import Browserb = Browser('chrome')
- 安装方法一：①进入python文件夹执行指令(前提是支持pip指令)：pip3 install Beautifulsoup4②回车待安装完成
- 除了在Matlab中使用PRTools工具箱中的svm算法，Python中一样可以使用支持向量机做分类。因为Python中的sklearn库
- 在Python自带的编辑器IDLE中或者Python shell中不能使用cd命令，那么跳到目标路径呢。方法是使用os包下的相关函数实现路径
- docker-compose.yal文件中： redis: image: redis container_name:
- 本文实例讲述了golang实现unicode转换为字符串string的方法。分享给大家供大家参考，具体如下：package mainimpo
- 用在产品内容展示的页面上，给产品图片加上提示工具条，鼠标移动图片上即可看到效果，效果还是不错的：带黑白效果和放大图片效果(by misshj
- 我们小组讨论的话题是tab（标签）在使用时的禁忌。在讨论的开始，大家很快产生了六个感兴趣的话题：如何处理海量的tab？在浏览器中关掉tab之
- <html><head>//搜索暂时没做，数据是出来了，但是却没法显示<link rel="styl
- 表a aid adate 1 a1 2 a2 3 a3表b bid bdate 1 b1 2 b2 4 b4两个表a、b相连接，要取出id相
