互联网产品交互事件分析(4)
来源:ued.taobao.com 发布时间:2009-10-06 15:23:00
鼠标交互事件
鼠标交互事件顾名思义就是用户使用产品时,通过鼠标操作产生感觉,并产生相关反应的过程。鼠标交互事件是最常用的也是最重要的交互事件。比如导航条,很多性格测试,不计名投票系统,一些网页版小游戏,某些FLASH广告,部分网站上出现的快捷菜单等等都属于鼠标交互事件。鼠标交互事件包括主键点击,悬浮,双击,选中,副键点击,滚动等,经常体现在超链接,JS写的ON系列事件,FLASH的按钮等场景中。
鼠标交互事件因为操作比较简单,得到很多入门级网民的喜爱,我们在用户体验研究测试中也确实能找到这一类的用户,就是传说中的“鼠标流”,整个交互过程只用鼠标来完成,虽然这不能代表所有网民,但确实代表了一种趋势,用户都喜欢简单的交互方式,只不过我们更关注的是有效,如果用户点来点去,找不到入口(出口),达不到目的,那么这个鼠标交互事件就是失败的,需要改进了。
既然鼠标交互事件有这些需求,我们就应该在设计的时候权衡简单和有效的关系了。必须需要的步骤,我们一步都不能省,我相信用户不会吝惜一次点击的。另外一方面,我们不能因为用户不在乎多一次点击,就让用户不知道先点哪个的地方或者不停地点击。再举个例子,网站的快捷菜单,可以直达很多地方。我们不能把所有的页面都列出来,那样就变成sitemap了,在某个页面上的快捷菜单最好只列出重要的,常用的,或者相关的链接就行了;也不能只列一个“帮助中心”的快捷链接,尽管我相信你的帮助中心作得非常有条理,用户还是需要点了再点,一级接一级的去找到相关的帮助,如果能直接到本页面相关的帮助不是更好?这个权衡非常具有挑战性,希望大家在作交互设计的时候多考虑,多调查,多试验,相信能找到一个比较好的方案。
鼠标交互事件的注意事项:
1.傻瓜式:简单方便,在满足用户使用需求的同时,尽量减少点击次数。
2.提示明显:让用户知道哪里地方可以点击,点击哪里可以最快达成目标。这个需要在界面及文案上对用户给予引导。
3.反馈及时:用户在鼠标交互事件产生之后,能给以及时的反馈,比如鼠标经过变色,点击错误发出警告,跳转页面后能直接到相关的位置,AJAX请求后要反馈出明显的视觉提醒或者页面变化
4.层次分明:用户点击之后,能有整个操作过程的提示,在操作失误后可以返回重新操作,已经点击过的是不是需要记录状态等等。
猜你喜欢
- 阅读上一篇:W3C优质网页小贴士(二) 注意字体大小网页设计者中有这么一种倾向:他们认为小字体能让网页看起来更漂亮,并能提供更多空间给每个网
- CSS 盒模型网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:如果是 Firebug 用户的话(基本和前端有关的
- 我的机器不知为何,安装MySQL的时候,一到配置那一步就无休止的等待,只好结束任务,然而启动MySQL的时候出现1067错误提示
- oracle数据库的权限系统分为系统权限与对象权限。系统权限( database system privilege )可以让用户执行特定的命
- 用系统\administrators可以登录,在安全性用户列表中,修改sa属性时系统提示: 属性IsLocked不可用于登录"[s
- 集群是一种实现高可用性的有效解决方案,有时它会适得其反。而且,它还非常昂贵。因此,数据库管理员可使用日志转移代替集群来提供较高的可用性。日志
- 数据库设计(Database Design)的概念:数据库设计是指对于一个给定的应用环境,构造最优的数据库模式,建立数据库及其应用系统,使之
- '/***' 作 者 :冻结回忆'修改时间:2007-10-17'功能说明
- asp之家注:本篇asp留言本教程可以说是我见过的最详细,写的最认真的,最适合初学者来学习asp的一篇教程。在此感谢作者hemooday。可
- 选择了MySQL的安装版本后,要做的第二项决策是你是使用源码分发版还是二进制分发版。大多数情况,如果你的平台上已经有了一个二进制分发版,你可
- 译序:这篇文章是可用性大师 Jakob Nielsen 在10年前总结的,到今天仍然受用。通过这个时间跨度,可以得出,可用性话题不是某个时代
- 这里主要是讲在asp下两次由access数据库升级到sql server数据库后的经验及注意事项,其它语言也可以参考一下。欢迎讨论补充。1.
- 前一段时间有发过一个简单的JMAIL邮件发邮件的代码,今天就把这个代码做一个具体的注解,并增加了另外两个格式的代码,并举几个简单
- 对于outerHTML这个DOM属性,在IE/Opera/google Chorme等浏览器中都是可以使用的,但唯独Firefox是不支持的
- 阅读上一章:打印样式Chapter 12 CSS布局本书到此为止,讨论的主要是页面内部元素,也就是内容,但是大结构怎么办?长久以来,设计者都
- 首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,
- 今天,由于工作需要,我在自己的电脑上配置了Mysql5环境,同时安装了一个phpMyAdmin管理工具,安装完成后,发现在phpMyAdmi
- 首先是最常规的方法:<p id="para" title="cssrain demo!" on
- 首先,我们会document里添加mouseover事件时在HTMLElement上飘一个absolute的容器,设置border。接着,m
- 第一次做完主从库同步后正常,但工作过程中发现有一个库的数据库没有同步起来,在另外一个mysql(3307)中于是:1、在主库中创建一个临时库