菜单 关闭

坏图标:如何识别和改进

通过 卡拉Pernice11月19日,2017

总结:相关链接通常被分为一组,每个都有一个图标。一个坏图标伤害用户交互。一组坏图标更糟糕,因为它放大了混乱。添加杂波,和浪费屏幕空间。.


集的坏图标上是非常普遍的企业内部网.事实上,无益的套图标出现在大多数内部网我见过。作为一个例子,我只是看看今年的局域网设计年度manbetx官方网站手机版 提交.我排除了十赢家和其他20个随机主页打开。在几乎所有情况下我看到的糟糕的图标。在三种情况下没有一个主页,但我不必遥遥领先。只有一个20的内部网没有任何坏的图标集。(该网站没有任何图标。)

是什么让一个图标”坏””

  • 视觉已经有了不同,建立的意义。.明星图标,例如,用于评级和书签,不要视图”演示模板。”Internet Explorer图标的意思是“启动Internet Explorer,”不是“打开一个网页链接的列表。””
  • 参考太深奥的,需要太多的推论..火箭的形象可能导致偶尔用户从“火箭““推出““应用程序”,就像在启动应用程序。.就像一个靶心的箭刺在其中心可能召唤”目标”然后“命中目标然后“财务目标”到最后,,储蓄和退休。.但是大多数用户不想解决一个难题来理解图标。.
  • 很模糊。.可以肯定的是,一些Intranet团队在工作人员或软件上没有图形设计者,manbetx官方网站手机版有些图标是用SuPAR工具制作的,因此grainy-looking,模糊,很难说清楚。.
  • 重复的图标为每个列表中的一个项目。.为什么要在名字列表中添加每个用户旁边的剪影图标,当列表只包含名称和什么?为什么要在链表列表中的每个链接中添加一个小的链表图标?为什么旁边添加一个纸图标列表中的每个文档的文档吗?吗?
  • 图标仅为一组工作。.用户不应该学习所有图标在一组来确定单个图标的含义。.
内部网图标的例子:没有他们的标签,你能告诉每一个人是什么吗?在本文中显示的解决方案是进一步下降。.

这些集群类型的图标后经常出现在内部网主页和其他页面主要部分,可能是因为这些页面充当了门户更多内容和应用:

  1. 快速链接(我们不推荐这个名字)——地区最常用的链接,最重要的组织,,个性化的根据用户的角色,或定制的由用户
  1. 应用程序
  2. 过程
  3. 形式
  4. Intranet的区域

为什么有那么多坏在内部网图标吗

内部网像集群中的命令和链接一样巩固。.聚类相关项目帮助员工更快的扫描和消化页面。这个好的设计原理,manbetx官方网站手机版结合良好的意图和一连串的破坏性事件导致坏图标设计。manbetx官方网站手机版一个常见的场景是这样的:一组相关的链接被放置到一个列表,或一组按钮。一个或两个的词,如日历评论- - - - - -在集合中创建一个明显的添加图标的机会。剩下的单词组不提供一个简单的图象表示,但是设计manbetx官方网站手机版师们现在正在使用图标的想法。因此,他们召唤不好的视觉效果来陪伴或替换每一个文字链接。.

另一种情况是当页面是文本重时,和最简单的解决方案是将文字与图片,插图,和图标。.

成本一个糟糕的图标

如果这个计划是与每一个图标,总是有一个标签为什么是一个糟糕的图标有害吗?毕竟,标签将有它的意义,消除歧义对吧?吗?

错了。图标都不是免费的,并不是每个链接在内联网上值得一个图标。以下资源用于图标的财务成本,交互成本,与他们相关的机会成本:

  • manbetx官方网站手机版设计与研究:图标不只是实现从稀薄的空气中。与添加文字链接,有图形设计技能的人需要创建它们。manbetx官方网站手机版施,画,,可用性测试,和迭代的..
  • 发展与支持:一旦创建,它们仍然需要编码,质量检验usability-tested再次)支持,有时还记录在案。这可能比实现文本链接更有效。.
  • 屏幕房地产:图标比单独的文本链接占用更多的屏幕空间。使用的空间意味着另一个UI组件可能被迫在褶皱,到另一个页面,或者必须被完全忽略。.
  • 信息处理:图标可能增加视觉干扰。而好的图标可以是有益的,差图标增加杂波,有些是很难理解的。.

提供的图标应该大于利益的成本。.

没有帮助的内部网图标的例子(从左到右):这里用来表示支持的无处不在的无线符号,难以破译的形象一个人用放大镜在他的脸代表个性化,一个代表求职名单的公事包,代表内部审计的书籍,与泡沫的演讲代表部门和一把椅子。(保持匿名组织的人创造了这些图标,我们重新创建它们不同的颜色和不同的风格,但概念都是相同的。)

好的图标的好处

内联网上的图标有很多方式可以帮助员工。这些包括以下:

  • 快速识别:一个熟悉的或令人难忘的图标可能很快传达意义-有时比文本链接更多。.
  • 可寻性:当人们知道与给定图标相关联的动作时,图标的存在可以为一些用户提供一个机会来定位命令迅速与重复性的任务,因此变得更有效率。仍然,我们建议在所有图标上都包括一个文本标签,主要是确保所有命令都是可理解的,即使图像不是每个用户都能识别的。文本标签永远存在,图标会带来额外的好处吗?回答这个问题之前决定包括一个图标。.
  • 容易获取的目标:目标,包括一个词和一个图标都是大于目标只是这个词或只是一个图标。这些更大的目标是比小公司更容易点击和利用..
  • 强化品牌和风格:图标,坚持品牌指南加强了Intranet的美学风格。(链接和按钮没有图标也可以这样做,带颜色,风格,形状,字体,和颜色。)

记住,好图标应该是可识别的,快速定位,和令人难忘的。.

好图标的机会

你认为你有一个地方你可以添加一些有用的图标吗?在继续之前,确保:

  • 你想提高的概念或命令一个图标可以自然地由一个图标。别忘了有些概念很复杂,和难以代表一个图标。.
  • 的候选人视觉图标将适合可用的(通常是小的)空间。有时设计师会想到一个manbetx官方网站手机版伟大的视觉,但它是不可能减少,缩小,作物,或者采取的一部分作为一个图标。.
  • 候选人图标是简单和容易理解的,没有更多的细节。人们不需要倾斜或斜视来解密图标。.
  • 参考文献一目了然,一目了然,不需要解码,学习,或者思考。网络图标不是一幅画在博物馆­——用户不应该盯着它很长时间了。一个注视应该足以理解它。(在一个局域网,每当员工在糟糕的设计上浪费一秒钟,你就要多付一秒钟的工资,而没有完成任何工manbetx官方网站手机版作。)

结论

图标可以帮助用户识别和召回的命令。但是,一组带有不一致质量图标的链接会使员工困惑,浪费他们的时间。更好的是头脑风暴,,研究,设计一组manbetx官方网站手机版可用的图标;或者只使用清晰的文本链接,没有图标。.