首页 > 网站建设 >

wap网站建设界面图标应用对用户体验以及转化率直接的因果关系

发布时间:2017-07-22 作者:博纳网络

在移动互联时代,深圳网站建设公司博纳网络编辑整理了本文,希望对您的移动网络平台建设前期规划有所帮助。

图标类型及其对用户体验的影响

令人舒服的图标

有一些图标几乎是通用的。一个房子形状的图标会带你到主页或者主屏幕,一个购物车会让你购买东西,这都是相当安全的猜测。

在大多数情况下,图标不是一个用来发挥创意的地方。你可以依赖其他设计元素去传达品牌信息。你的图标的首要工作是指导你的用户到他们想要去的地方。用奇特的或者过度聪明的图标表示基本功能,会摧毁用户体验。保持简单就好。

图标的作用是指导用户。请保持简单。

令人迷惑的和矛盾的图标

当你使用有着矛盾或者多重含义的常用图标时,麻烦就来了。

想象一下你在一个应用中的一张图片下面看到这个图标。它表示什么?如果你点击了它会发生什么?这个图标是用来表示你喜欢某些东西,这非常清楚。

但是它会把这个图片或项目保存到收藏夹列表吗?它会通知某人你喜欢了它吗?它会塑造你的偏好并在你的信息来源中添加相似的图片或项目吗?或者它只是对支持的一种通用表达?

就像这个心,有很多图标我们常常在多种情境下见到,但是它们在不同图标中的的功能都稍有不同。考虑以下这些有多重含义的常用图标:

即使是在应用本身的情境中,这些符号也可能很令人迷惑,用户可能期待某个结果但却得到了一个不同的结果。

更别说iOS和安卓系统惯例的不同了。不同操作系统的栏图标可能非常不同,给用户带来了额外的困惑。如果你对这件事情不太确信,请阅读这篇描述了分享图标的 12 种变化的文章,其中几种很容易被误解为其他东西而不是分享。

过时的图标

很多常用的图标参照了过时的或者废弃的技术。很多应用中保留的保存图标,对于大多数使用过软盘的人来说没有问题,但很多 95 后会认为这些老人家们坚持使用这种图标是个怪癖。继续使用像软盘这种图标会让你的品牌对年轻用户群来说显得过时。即使是电话图标也可能需要演变,因为年轻的用户已经不太能够辨认出电话机了。

独一无二的图标

最棘手的图标挑战之一是当你的产品有独一无二的功能,不在分享、喜欢、上传图片、输入文本等标准动作之内时,应该怎么做。你如何使用一个简单的符号传达更加抽象的概念——比如观看你即将到来的旅游,向朋友发送一个有声读物,查看你的历史订单,或者追踪你的睡眠模式?

很多设计师在做尝试,很多设计师失败了。无论在你知道一个图标应该代表什么之后图标具有怎样的意义,对于第一次使用的用户来说它都可能带来完全不同的体验。

这并不是说如果你想要创造一个可用的用户界面,就不能远离通用图标。有一些独特的图标不管对新用户还是老用户来说都能有效地传达它们的意义。

推特著名的羽管笔图标就是很好的例子。尽管没有标签,在我们的研究中仍然有80%的用户正确地猜到它是干什么的。

让我们看看推特在这个图标上做了些什么:

  • 布局。推特将用来创造(写推特,拍照,以及上传图片)和用来探索(消息来源,通知,信息,人和搜索)的图标分开了。如果用户想要写一篇帖子,屏幕的底部就是一站式服务区。

  • 在桌面版上的文字。很多人是首先在电脑上使用推特的。这样他们就会很明显地看到这个图标旁边的解释文字。

  • 可记忆性。虽然羽管笔可以被认为是过时的技术,就像软盘一样,但是它是非常独特的,并且容易记忆。你不会在很多应用中看到羽管笔,所以用户不必尝试去分辨与其他产品功能上的细微差异。

  • 品牌化。笔上的羽毛与推特logo上的羽毛对应。这在品牌和发表推文的动作之间创造了一种整体感。

    标签与可用性

    针对于那些认为一图胜千言的人来说可能会有些失望:

    文本标签会极大地提高图标的可用性。

    我们很容易期望用户(尤其是手机用户)会到处点,高兴地尝试所有不同的图标直到他们发现了每个图标是干嘛的。

    但实际上,用户会被新的用户界面吓到并且不会像我们期望的那样在他们的舒适区之外探索。在一个不熟悉的产品中,用户想要在采取动作之前就清楚地知道这样做会发生什么。

    你的图标需要在用户点击之前为用户设定清楚的期望,而这通常意味着使用文本标签。

    我们的研究结果:有标签VS没有标签

    在我们的研究中,我们发现对有标签的图标来说,在88%的情况下用户能够在点击之前正确地预测将会发生什么。

    而对于没有标签的图标来说,这个比率只有60%。

    并且如果没有标签的图标在应用中是独一无二的,那么用户在点击之前正确预测将会发生什么的比例只有34%。

    比如说,Meetup应用使用一个名牌图标表示小组活动并加上了一些额外的品牌识别。但是,因为一个空的名牌不会让大多数人想起活动或者通知,所以他们增加了标签。100%的测试参与者能够正确地猜测出这个加了标签的图标能干什么。

    变通方法

    有一些设计师发现加标签违背了使用图标的目的,并且使用户界面显得杂乱。为了避免使用标签,他们在教程或者引导页面中加上了关于使用图标的说明,希望训练用户如何与图标交互。

    虽然这可能是用来介绍独特的或者不通用的图标的好方式,但是这不应该替代更加直觉化的设计。记住一件事:用户常常跳过教程或者很快地忘记了他们学过的一切。教程应该是一个工具,而不是一个依靠。

    对设计决策进行测试和验证

    在做一个新的设计的时候,跟随最佳实践比如高对比度按钮和可读性强的字体是一个很好的开始。但是最终,正确的设计决策是能够带来预期结果的那个。去发现你的设计决策是否给用户带来直觉并且以你希望的方式影响他们。

    验证你的假设

    把你的设计当做是你需要常常去验证、反证或改进的假设。这会给你信心去尝试很多实验并发现什么才能够带来最好的商业结果以及愉悦你的用户。

    做定期的用户测试,去听用户如何描述他们在使用你的网站、应用或者产品时的体验。你将会听到他们描述你的品牌与什么情感联系在一起,你会看到很多因为令人疑惑的图标或者难以阅读的文字而让他们感到困惑的地方。

    但是你不必等到有了一个开发完成的真实的产品才能去收集用户反馈;你可以在原型设计阶段就开始用户测试。这会帮助你验证你的设计决策并带着信心继续,或者快速发现和修复所有不起作用的设计。

    如果你的设计已经实现了,使用A/B测试验证你的设计决策是否影响了用户行为,转化率以及以你期望的方式带来的收益。

    简单的用户测试问题

    这是当你在验证你的设计时可以询问用户的一些问题:

    • 在使用【你的网站或应用】之前,请告诉我们你对一个从事【你的公司的业务】的公司的期望。你认为它能够做什么?你觉得这个网站或应用应该长什么样子?

    • 你首先会点击的是什么东西?

    • 你会用哪三个词描述这个网站或应用?

    • 使用 1 分(非常不愉快)到 5 分(非常愉快)评价这个网站或应用给你的感觉?

    • 你有多大可能性信任这家公司?

    • 这个网站或应用相比起你的期望如何?

    • 不要点击,告诉我们你认为点击了一个这种形状的图标会发生什么?然后点击它,实际上发生了什么?

    如果你的设计决策对用户起作用并且能够指导他们使用你的用户界面,那么用户就能够完成你期望他们完成的事情了。这不只是一个有效的设计——这也是一种巧妙的商业行为。网站建设公司博纳网络编辑整理了,但愿能对您的手机网站建设制作方案有所帮助。

文章标题:wap网站建设界面图标应用对用户体验以及转化率直接的因果关系
本文地址:https://www.198bona.com/news/662.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯