分享

站外平台

QQ群:加群验证信息“茶话汇”
运维群1:201777608
运维群2:308616134

订阅:feed.tektea.com

微博:IT运维那些事

微信:TekTea(或扫描以下二维码)

最新评论

    图标的可用性(Usability in Icons)

    在许多应用中,图标通常用来表达很多意义,可以表达一个功能,可以表达一个信息等等。
    但是,如果用户不知道这个图标的意义,那么使用图标自身的意义何在?

    在设计图标的时候,你会争取使用或创建同形的图标,同形的意思是图标的形状与现实生活中的物的图标一致。例如,垃圾桶,橡皮擦,刷子。
    当你使用恰当的描述的时候,这些图标能够很好的发挥作用。但是要是图标在现实生活中没有对应的物怎么办?

    为了阐述,我用链接的图标做例子。
    “链接”,你说每个人都知道链接图标的样子。你脑海中浮起的第一个链接图标是什么,当你要在email或博客中插入一个链接的时候?是一个“链子”?是一个“地球”?或者其他?是的,你也知道,“链接”有很多图标,你会觉得每个都是符合逻辑的。但是这么都却是不必要的。

    从上面的图片你可以看到,大多的App和博客系统都使用“链子”图标,只有facebook是一个例外,他使用一个note图标。我觉得facebook这个图标意义没有“链子”易懂。

    不过你不要认为上面的“链子”图标就很容易懂,我说这个“链子”图标只有geek才能懂。要是你不信,下面我做的调查会让你大吃一惊。

    我邀请了一批人做了一个“链接”图标的测试。测试过程是这样的:

    我把“链接”图标和其他的在博客系统中常用的图标放在一起,让每个测试人员写出每个图标的意义。

    调查结果是,一些测试人员把“链子”图标理解为“将一些东西绑定在一块”或者“把两个元素连起来”。他们说的并没有错,只是说不出来是把什么东西绑定起来。因此,这个图标表达的意思并不是我们上面所说的“链接”。所以我说要geek才能理解这个图标。
    “地球”的图标,一些测试人员理解为“访问internet”或者“搜索”或者“上传东西到Internet”。

    下面是测试人员理解的意义与我们期望的意义的对比数据:

    ICON DID UNDERSTAND DID NOT UNDERSTAND
    Bold 100 % 0 %
    Italic 100 % 0 %
    Underlined 100 % 0 %
    Strike-through 54.55 % 45.45 %
    Link 1 (chain) 35.29 % 64.71 %
    Link 2 (globe) 25 % 75 %
    Ordered list 100 % 0 %
    Unordered list 93.94 % 6.06 %
    Image 78.79 % 21.21 %
    Undo 57.58 % 42.42 %
    Redo 51.52 % 48.48 %

    测试结果是,只有35.29%的人能够理解“链子”图标,而只有25%的人能够理解“地球”图标。
    所以“链接”的图标是不可用的一个图标,无论35.29%还是25%都说明了不可用。

    当我们回访测试人员的时候,他们说:

    为什么不使用“WWW”,每个人都能理解。

    是的,可能一部分人能够理解WWW是访问Internet,或类似的其他操作。不过最后惊讶的是,居然每个测试人员都能够理解“WWW”。WWW可能不是最好的解决方案,但是,基于我们的测试,这个是目前为止最好的表达“访问Internet”的图标。

    原文链接:Usability in Icons

    转载请注明:茶话汇 » 图标的可用性(Usability in Icons)

    0
    193
    0