精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>网页技巧>正文

设计理论:图标可用性测试


来源:不详 时间:07-10-15 点击: 点击这里收藏本文

图标的可用性测试可以通过两种方式来进行

  1. 图标直觉测试(Icon intuitiveness test)。将不带标签的图标展示给一小部分用户(通常为5个用户),让其说出他们认为图标最能代表的事物。该测试评估图标表示预期概念的程度。
  2. 标准可用性测试(Standard usability test)。将图标和整个用户界面一起展示给用户,要求用户使用系统完成一系列预先设定的任务,并在完成任务的时候进行出声思维。该测试是为了评估图标在用户界面上良好工作的程度(在界面上,图标通常以标签的形式呈现)。

我们使用画在纸上的简单黑白草图进行最初的研究。对于每一个图标,我们都会采用几个可供选择的概念进行了测试,然后选择最有前途的一个概念进行进一步地开发,将其着色成一个电脑上的彩色图像。我们对那些彩色图标进行了几轮的重复设计。

以下是三个图标反复设计的实例。

设计理论:图标可用性测试

这一图标代表了概念“技术和开发者”。前两个用芯片和CD-ROM代表的图标有点难以理解,它们看起来更像完成的产品而不是开发过程。建筑工人能够很好地代表开发但是它最终被否决,因为其具有强烈的负面涵义,在互联网上这一力图标经常表示某些网站正在建设中(这是我们的测试用户非常憎恨的)。

第二排的图标是我们下一轮的尝试,我们使用人物图像代表开发者。

第一个开发者图标最受喜爱,尽管有些用户认为其代表了硬件而不是软件开发。另外,一些用户喜欢第二个图标因为它象征“利用力量”。因此,我们基本上采用了第一个开发者作为我们的首个彩色图标,仅仅是用闪电换掉了开发中手中的扳手。

尽管如此,我们的第一个彩色图标在可用性测试中获得了较差的结果。有如下评论:

  • 雷和电
  • 电的,看起来痛苦
  • 被技术杀死的人
  • 跳舞的机器
  • 为什么Sun的开发者看起来像是暴眼的?

显然,我们需要抛弃该图标中的人物形象。因此在第二个彩色图标中,我们仅仅保留了闪电和齿轮。用户仍然抱怨雷电看起来像是闪电击中并摧毁了机器。我们最终决定放弃电流,最终用一个CD-ROM代表了开发的概念。在测试的过程中,齿轮工作良好,它被看成是工程和技术间的连接方式,尽管计算机显明地没有齿轮。Sometimes elements of obsolete technology can work well as a stereotype to communicate concepts in an icon.

9 7 3 1 2 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.