文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院图形处理设计欣赏设计理论:图标可用性测试
精品推荐
特别推荐
·网站设计欣赏:kashiwasato的色彩革命
·平面设计中字库使用的问题解答
·设计理论:什么样的图标更具有可用性
·设计理论:原型的使用
·设计理论:如何改善用户的阅读体验
·视觉设计:用理性说话
·设计理论:信息可视化与视觉设计
·经验:可用性第一法则,不要听用户的
·在5分钟内就能制作出Web2.0风格的网页图标
·制作参考:韩国网站的几种典型配色方案
热点TOP10
·1680*1050高清宽屏PS唯美风景壁纸欣赏
·几何图形英文字体创意设计及应用作品欣赏
·英文字体创意设计及应用作品欣赏
·美工LOGO设计进阶
·天生丽质 桥本丽香经典壁纸欣赏
·精致复古风情 DIOR08新季设计(下)
·网页设计作品欣赏:暗色调站点设计(下)
·浪漫优雅 韩国SI女装08初夏设计赏
·优雅魅力Giorgio Armani08春夏装
·R and R打造全新时尚女性独特魅力

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

日期:2007年10月17日 作者: 查看:[大字体 中字体 小字体]


原文:http://www.useit.com/papers/sun/icons.html

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

  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.

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

这一组图标代表了概念“产品和方案”。我个人最喜欢机器从箱子里面出来那副图,但是这张图被否决了,因为它只代表了硬件而不是软件(显然,也不能表示帮助客户解决问题而不仅仅是卖给他们产品这一观点)。

有的用户喜欢人举起电脑那张,因为“它代表了力量和动力—我能够为你做这些。”但是,因为在人的背后有很多台电脑,所以这个图标非常嘈杂(尽管我们非常想卖出这些电脑,但是图标应该是简单的!)。没有人喜欢宗教智者那张。大部分喜欢发光的灯泡部分。小数用户提到的一个问题是,举起电脑的人是男性而不是女性。我们暂时认为我们需要使用混合的图像,如果我们要在图标上使人人形的话。但是,因为对简洁的追求,我们最终没有在图标上使用人物图像。

就像你所看到的,彩色图标的所有版本基本上都是一样的,一台电脑加上一个发光折灯泡。所有用户能够很容易地认为其代表了电脑和一些聪明观点的结合(Sun的解决方案!)。发光的灯泡同时代表了软件和解决方案。对图标的唯一修改是因为主页版面的规划:首先我们将图标设计得更小一些,另外,我们使它看起来更像是按钮(有些三维的感觉)。

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

这一图标代表了概念“网络上的Sun”。我们最初有两个不同的想法:一个说话的服务器(告诉你关于它自己是什么)和世界范围的沟通。大部分用户认为地图图标代表足球(经过几次失败的尝试之后,我们最终认识到一个事实:地球必须是圆的!)。

我们抛弃了过度的人-神同形的服务器,然后使用了一种隐喻的风格来设计我们的第一个彩色图标。我们使用文字的服务器在银色的盘子上显示信息。不幸的是,用户认为它是一个朝圣者的帽子。另外,显然,对“服务器”的文字解释会在国际化的可用性测试中失败。

接着,我们将地球和讲话泡泡两种想法结合起来。但是用户认为它是被刺穿的汽球。接下来的两个图标是更文字化的地球仪,但是用户将其解释成穿着宇航服的太空人、橄榄叶和一个试图砍平其道路的打高尔夫球的人。

最终的设计是最简单的。并且,它是有用的。

[1] [2] 下一页 




上一篇:设计理论:什么样的图标更具有可用性

下一篇:CSS在ASP.NET中失效的原因及解决办法

相关文章:
·如何让Windows桌面图标任我排
·如何显示输入法图标(输入法图标消失)
·常用的网络测试命令
·让XP硬盘图标与Vista无异
·教你把四十个QQ个人资料小图标全点亮
·如何取消桌面图标的阴影
·性爱测试----【测验】妳是玉女还是欲女?
·如何点亮QQ新增的滔滔图标
·腾讯官方新QQ软件图标 变瘦后又
·QQ音信图标点亮的办法
相关软件:
·发烧天碟PHILIPS- 耳机测试CD
·中國古典書鈔之諸子集鈔(0510测试版79种)
·PS 三国志孔明传 附中文测试补丁
·《冰封王座》地图:3C-ORC-AI 1.81测试1修正版
·2003高起点英语命题预测试卷
·执业医师考试试题电子测试版
·中国古典书钞之諸子集鈔测试版本III
·ccb v5.204 简体中文测试版
·达标测试4B
·教首发剑侠私服客户端 rar 后天开服测试

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot