用户研究角度看设计(2):用户为何视若无睹(3)
作者:晓荷 来源:Taobao.com UED 发布时间:2009-01-09 12:51:00
前期调研
(1)了解功能需求的优先性:这包括与需求方、用户进行访谈,以帮助确定视觉层次的重点、视觉流的组织
(2) 体验关键字法:将访谈中的关键字记录下来,形成一个体验关键字集(图2),这些体验关键字应能表达一个用户看到页面头五秒时的情感反应,而这五秒往往决定 了用户对于网页的总体观感。经过与需求方确认后,可从关键字集中抽取、聚合一些概念(图3),作为视觉设计策略的制定依据。
图2、3:体验关键字法(photo courtesy of Nick Myers, Cooper Journal,图片采自Nick Myers)
可用性测试
(1)传统的实验室测试:邀请用户来试用产品。但是某些元素、功能的可视性问题是否能在测试中被发掘出来,与实验设计很有关系。因此用户研究员与设计师、需求方要在前期沟通好,有所针对地设置测试任务。
(2)五秒测试法 :上文提到,用户通常在头五秒就会形成对一个网页的基本印象,并作出判定:
我来对地方了吗?
这个网站可信吗?
我要找的东西这里有吗?
这个线上的、方便易用的五秒测试法,可以在一定程度上帮助你了解设计是否存在问题,或你的视觉设计是否成功地传达了主要概念、功能。这个测试有三类型:
经典测试:让用户观看某页面五秒后列出他们记忆最深刻的五元素。这类测试有助于了解你的设计中哪些元素最吸引注意力。
对比测试:顾名思义,让用户从两个版本设计(每个看2.5秒)中做出选择,这对于决定两版本的取舍尤为有用。
情感测试:让用户观看某页面五秒后,列出最喜欢和最不喜欢的元素。这有助于你了解界面中最强与最弱点所在。
但是要注意哦,不是说做了5秒测试就可以完事啦!详情请看延伸阅读部分。
视觉设计是一把 * 剑,它会引导用户在页面上的注意力,影响用户对信息结构、任务的理解,他们使用界面的效率,以及最终的——用户体验。
延伸阅读:
关于视觉设计:
http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html
http://www.cooper.com/journal/visual_design/
http://www.ida.liu.se/~TDDB91/mtrl/visual-UI-design2.pdf
http://www.csc.ncsu.edu/faculty/healey/PP/index.html
参考文献:
Change Blind Information Display for Ubiquitous Computing Environments. Stephen S. Intille MIT Home of the Future Consortium. Proceedings of the 4th international conference on Ubiquitous Computing
Designing Interfaces. Jenifer Tidwell
How People Recall, Recognize, and Reuse Search Results. JAIME TEEVAN, Microsoft Research. 2008. ACM Transactions on Information Systems, Vol. 26, No. 4, Article 19
Looking but Not Seeing: Implications for HCI. Gabriela Mancero, William Wong and Paola Amaldi. Proceedings of the ECCE 2007 Conference, 28-31.
Unseen and unaware: Implications of recent research on failures of visual awareness for human-computer interface design. VARAKIN, D. A., LEVIN, D. T., AND FIDLER, R. 2004.Hum.-Comput. Interact. Vol. 19, No. 4, 389–422.
视觉传达设计原理.曹方主编.
猜你喜欢
- 存储过程采用的是select top 加 not in的方式完成,速度也算是相当快了 我测试过了百万级数据量一般查询在1秒一下,贴出来大家交
- 一、备份数据库1、打开SQL企业管理器,在控制台根目录中依次点开Microsoft SQL Server2、SQL Server组-->
- 首先说明下范围用Javascript来开发WEB页面的动画效果该思路同时考虑页面效率、SEO,如果数据大,也可以缓解后端压力。这个是程序设计
- Oracle是应用最广的大型数据库,而在范式下进行Oracle数据库设计则可以大大减少数据冗余,使数据库维护更方便,可惜范式下的数据表一般不
- 如何让页面背景五彩缤纷? <%@ Language=VBScript %><html>
- 斐波那契记忆优化法:<script type="text/javascript">var fibonacci
- 最近真的喜欢上了用xheditor这个在线编辑器,但是美中不足的是我发现它暂时还不能取代FCKeditor,因为没有在线上传功能啊!当然,F
- 原文:10 Principles Of Effective Web Design翻译:熊猫2008-02-03本文由熊猫同学授权翻译首发。并
- CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css ha
- AJAX应用因为它们的表现力的丰富、更加互动和更加迅速的响应得到了赞扬声;这些优点都是通过使用XMLHttpRequest对象来动态的载入数
- 这个收藏本站、设为首页代码相信每个网站都会用到,这么常用的代码,网络上流行的一般是很多年前的代码版本,只有兼容IE,对其它浏览器没有考虑,下
- 问题:无法上传较大的文件“Request 对象 错误 'ASP 0104 : 80004005'”或者上传成功后,找不到文件
- 做前端也有几年时间了,不敢说能把他看地多透,但是多多少少还是有些自己的东西。下面以 Tudou.com 的首页为例,总结总结。就制作而言,我
- 设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看。通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记
- 配置Laravel 的邮件服务可以通过 config/mail.php 配置文件进行配置。邮件中的每一项都在配置文件中有单独的配置项,甚至是
- 引子:今天在蓝点看了Yang的博客《CSS样式表中继承关系的空格与不空格》,思考了一下,本来想写《CSS样式的复合定义与复合调用及简单的模块
- QZONE平台的相册功能为保证加载速度一直以来以简洁的图片排列查看模式呈现相片,随着市场上各类相册产品推陈出新,用户越来越强烈的要求个人相册
- 在使用ASP来进行后端的数据合法性校验的时候,有些人为满足不同环境下面的数据校验,编写了很多的函数来实现,比如,我们想要校验用户输入的URL
- 环境:A机器和B机器都是LINUX系统,但由于B机器已经空间不足,所以停掉不停操作数据库的服务后 ,准备在A机器进行导出操作。导出语句 ex
- 本文讲解如何设置SQL Server数据库全文索引服务。在Microsoft SQL Server 7.0 中提供了全文索引服务(Full-