
在网页设计和UI设计中 , 图标不仅仅是为了视觉上的美化 , 更多是为了提高指示和可识别的作用 , 那么什么样的 Icon 才是可用性高的呢?本文作者 AURORA BEDFORD 提出从发现性、理解性、预测性、吸引力这4个方面来评价图标 , 也为图标设计构思提供了一个方向 。
设计师经常使用图标来节省页面空间、提高用户识别速度 。随着像智能手机、可穿戴设备等这些小屏设备越来越流行 , 图标的使用也更多了 。但是 , 这些图标是否可用?唯一的方法就是对这些图标进行用户测试 。
不同方法可以解决图标可用性的不同方面 , 判断图标是否可用可以从以下4个量化指标来测量:
1)发现性:用户能否发现页面上的图标;
2)理解性:用户能否理解图标的意义;
3)预测性:用户能否猜到图标点击会发生什么;
4)吸引力:图标是否美观;
以上4个指标都是图标设计中起着关键性的作用 , 但需要独立去思考如何来提升 。
图标测试方法
图标评价的方法有很多 , 要根据评价目标和所处的设计阶段来决定测试方法 。图标评价方法可以分为2大类:无背景的图标测试、基于背景的图标测试 , 区别在于图标测试时 , 是否将图标放在页面中进行用户测试 。无背景的图标测试 , 就是单独用图标(测试素材只有图标 , 没有页面)进行测试;基于背景的图标测试 , 就是图标放在实际的页面中进行测试 。
需要注意的是 , 尽管采用无背景的图标测试 , 受测用户也必须目标用户 , 熟悉产品行业并有相关背景知识或概念 。
发现性测试方法
为了评估图标的发现性 , 需要将图标放在页面中实际位置 , 基于背景的图标测试可以用于判断:多个相似的图标放在一起是否会导致用户找到目标图标会比较困难 , 或者放在太隐蔽的位置或周边有很多广告导致图标被用户忽视 。
查找时间测试是用于判断用户能不能容易地发现图标的最好方法 , 在测试过程中 , 受测用户需要按任务点击图标 , 计算受测用户成功找到目标图标的操作时间、首次点击准确率 。
理解性测试方法
理解性测试最好进行无背景的图标测试:只向受测用户呈现单独的图标(而没有页面内容) , 让受测用户猜测图标所代表的意义 , 在某种意义上来说 , 这种测试也是洛夏墨迹测验的一种方式 。这个测试的目的是保证图标能够被用户容易地理解 。
从用户的描述或词语中来获得用户对图标的理解 , 如果用户的理解与图标想要表达的意义/内容不相符合 , 那就意味着需要重新构思图标 , 重新设计图标 。
我们知道图标都伴随着文字标题 , 你可以会认为:先向用户呈现图标的名称 , 再让用户从多个图标方案中选择一个与名称最匹配的一个图标 , 这种测试方式更为合理 。但是我们不建议使用这样的方法测试 , 因为在真实使用场景中 , 用户很可能只看图标 , 而是不看图标名称 。因此 , 在测试时使用以下方式更加合理:以某种方式让用户知道需要在这个页面上查找某个功能 , 从而找到对应的图标 。
预测性测试方法
不仅需要用户理解图标的意义 , 而且还需要预测图标代表是是什么功能 。实际上 , 即使用户不知道这个图标是什么/叫什么 , 只要用户知道图标所代表的功能就够了 。
推荐阅读
- T618购买小贴士----如何辨别新版本
- 网站导航如何做SEO优化 又快又准是关键
- word文档转换成pdf文件的方法 word文档如何转换成pdf格式
- 品牌营销如何做
- 怎样看自己的睾丸是否健康 男性如何确认自己体内有hpv
- 康乃馨如何养护 康乃馨如何养护枯萎以后
- 网站图片该如何去做优化
- 如何才能建立一个有灵魂的企业网站呢
- 房产中介如何建立自己的网站
- 如何制作高大上的触屏手机网站
