恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
用户研究:人们如何搜索图标
0.0°
2017-04-13 自译外文 经验/观点 原作者: Andrew 举报 5574 16 32 7

对图标搜索行为做了进一步研究。文字标签的存在到底对用户的感知有什么样的影响?我们搜索不同类型的图标时,是不是也有不同的行为模式?


假设你是一名兽医。因为你非常善于利用人们对弱小可爱动物的爱心,所以Instagram账号经营得风生水起。但这对你来说还不够,你决定开发一个移动应用来拓展你的宠物帝国。这款应用能把人脸模拟成猫猫狗狗的脸。(承认吧,你14岁的时候肯定构想过类似的模拟马脸和猪脸的应用。毫无疑问。)


那么你的这款改变世界的应用,肯定也需要一个图标,猫咪图标。这时候Icons8就派上了用场。

cat-search


在搜索框里输入“猫”,下载你喜欢的“iOS”风格图标,因为你觉得Appstore还不够拥挤,差不多就是这样。


然后,你发布了应用。你的秘书向你祝贺,从那一刻起,你的名字被载入兽医的史册。


我想表达什么?兽医真是个好职业。好吧我只是在搞笑。


人们往往有各种奇怪的兴趣。他们会搜索一些含糊不清的图标,例如“新闻”、“工作”等。用在他们的应用、网站、T恤上。


试着搜索一下工作图标,你就能了解我们的搜索算法的厉害之处,它能囊括所有几乎能与“工作”沾上边的图标。

work-search


问题是,每个人对于相关与不相关都有自己的理解。更要命的是,即使同一个人,在某些因素影响下也会对一个图标的相关与不相关做出不同的判断,比如说文字标签。给图标加上文字标签,或许就能改变人们的认知。


我们不知道怎么应对这种情况,因为我们有两种显示模式:

icon-with-without-label


我下文中会把这两种模式成为 纯图标 模式和 图标+文字 模式。


哪种更好,图标还是图标+文字?哪种更适合作为默认模式?人们看到太多不相关结果时,会感到挫败吗?

我做可用性测试的主要动机,就是为了解答这几个问题。


我邀请了5位参与者(实际上是7位,不过前两位是我测试剧本的同事)。我只是让他们来搜索图标。

搜索盒子图标……

搜索狗狗图标……

……


然后指出他们觉得离谱的结果:

dog-irrelevant


我邀请部分人用纯图标模式搜索,另一些用图标+文字模式。我绘制了一张表格记录所有数据——对于不同模式下的每个图标,参与者指出了多少个离谱的搜索结果。


table-results


很快事情就超出掌控了。数据对我没有任何帮助。参与者之间的区别和他们的感知实在过于戏剧性,我觉得需要上百名参与者才足够让我相信数据,并从中总结出某种模式。


于是,我开始关注细微的见解。虽然有些规律会在不同模式和不同图标中显现出来,但它们背后仍有一个简单规律。下面是我的观察结果。


文字标签有影响吗?

假如你搜索盒子图标,在搜索结果中出现了这样的图形:

box-icon-no-label

此时,相关与否其实是受文字标签影响的。

box-icon-label

【译者注:在英文中,Box是盒子,而Boxing是拳击】

line-search-1

如果加上文字标签,人们就会觉得命令行也算相关的结果。

所以“图标+文字”模式更合适,因为人们能从中感知到更多相关的结果,于是搜索行为有更好的体验,对吗?其实不对。


视觉感知与语言感知

我们再搜索一次盒子。在各种搜索结果中发现了这个图标:

monitor-icon-no-label

许多参与者认为它是相关的,因为它有一个盒子的外形。但这是纯图标的情况:

monitor-icon-label

如果人们看到图标下方写着“显示器”,他们果断会认为这是不相关的。

这就意味着文字标签能使部分图标相关,也能使另一部分变得不相关。这是一场灾难,因为你永远不知道你得到的是哪部分。但是……


每种模式各自好在哪里?

当然,我们可以只关注事物的负面作用,但这样完全没有建设性。

下面是每种模式一些积极的方面:


纯图标模式

  • 屏幕上可以展示更多图标,我们能更快速浏览。
  • 我们会根据视觉感知来选择图标,甚至因为喜爱它的设计胜过含义。设计师寻找灵感时,更多以这种模式来搜索。而且,这种模式对logo创意和非UI相关的物品很有帮助(杯子、T恤等等)。


图标+文字模式

  • 文字标签可以延伸搜索行为。比如说,如果你正在搜索“手机”图标,然后看到“消息”图标出现在其中。然后你就知道搜索“消息”或其他相关词语,持续不断扩展你的搜索词。
  • 有时候文字标签并不明显,要求很明确的图标都有非常具体的名称。比如符号链接文件带锁孔的盾牌。有文字的话,就很容易记住这些图标,以后要找还能找得到。对于长期持续使用我们产品的用户很有帮助。

那人们到底更偏向哪种模式?

老实说,两种几乎打了个平手。3名参与者喜欢前一种模式,剩下的则喜欢带有文字的模式。无论如何,每种模式都使相应的参与者受益了。


最后的思考

发起用户体验研究来判断哪种模式胜出,这非常有意思,但最终的结论是没有确定的胜者。


好在我们现在知道了,每种模式都有它自己的优势。把它们都展示出来是正确的选择,这样人们就可以选择符合自己习惯的模式。


希望你喜欢本文。如果对此研究有任何问题,或者想发表自己的见解,随时欢迎留言,或者通过Twitter联系我。


原文链接:https://icons8.com/articles/how-to-search-icons-like-sherlock/

作者信息:Andrew
Andrew started at Icons8 as a usability specialist, conducting interviews and usability surveys. He desperately wanted to share his findings with our professional community and started writing insightful and funny (sometimes both) stories for our blog.

更新:2017-04-13

收藏

16人已收藏

可乐橙

UI/UX设计师,现居杭州

  • 113

    作品

  • 6675

    粉丝

  • 14

    关注

  • 移动应用弹窗设计指南
  • 短期记忆与用户体验
  • 记忆的工作原理与设计诀窍
  • 老年用户的体验思考
相关标签

    猜你喜欢

      2017-04-13 自译外文 经验/观点 原作者: Andrew 举报 5574 16 32 7

      用户研究:人们如何搜索图标

      0.0°

      你确定要举报用户研究:人们如何搜索图标

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年04月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      32
      16
      7

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录