建站常识
图标可用性测试
2007-10-16 14:45:00
图标的可用性测试可以通过两种方式来进行:
图标直觉测试(Icon intuitiveness test)。将不带标෴签的图标展示给一小部分用户(通常为5个用户),让其说出他们认为图标最能代表的事物。该测试评估图标表示预期概念的程度。
标准可用性测试(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”。我们最ไ初有两个不同的想法:一个说♛话的服务器(告诉你关于它自己是什么)和世界范围的沟通。大部分用户认为地图图标代表足球(经过几次失败的尝试之后,我们最终认识到一个事实:地球必须是圆的!)。
我们抛弃了过度的人-神同形的服务器,然后使用了一种隐喻的风格来设计我们的第一个彩色图标。我们使用文字的服务器在银色的盘子𒅌上显示信息。不幸的是,用户认为它是一个朝圣者的帽子。另外,显然,对“服务器”的文字解释会在国际化的可用性测试中失败。
接着,我们将地球和讲话泡泡两种想法结合起来。但是用户认为它是被刺穿的汽球。接下来的两个图标是更文字化的地球仪,但是用户将其解释成穿♓着宇航服的太空人、橄榄叶和一个试图砍平其道路的打高尔夫球的人。
最终的设计是最简单的。并且,它是有用的。
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2010-06-21 22:36:00] 可用性在于细节
- [2009-07-16 08:39:00] 加拿大预测网-在线预测:Web可用性设计的247条指导方针
- [2009-06-24 08:14:00] 加拿大预测网-在线预测:可用性和用户体验的关系
- [2010-06-27 21:55:00] 加拿大预测网-在线预测:如何使用Icon图标辅助网站设计
- [2009-06-11 08:19:00] 加拿大预测网-在线预测:低成本提高web可用性的几个细节(二)
- [2010-11-17 08:35:00] 加拿大预测网-在线预测:网站可用性测试全过程
- [2009-05-06 07:54:00] 加拿大预测网-在线预测:可用性测试的一些心得
- [2009-06-05 11:29:00] 加拿大预测网-在线预测:Apple与Microsoft网站可用性研究
- [2006-09-11 17:34:00] 加拿大预测网-在线预测:网页常见可用性错误——文案错误
- [2006-11-09 11:29:00] 加拿大预测网-在线预测:DIV与Table布局在大型网站的可用性比较
- [2012-10-23 11:25:34] 加拿大预测网-在线预测:网站设计中图标的寓意
- [2008-01-31 10:53:00] 加拿大预测网-在线预测:提升网站可用性的3个忠告
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案