网站UI设计教程及方法:避免10个常见UI设计错误

莱昂纳多达芬奇说:“简约是最精致的形式。”无论我在设计什么,这都是我的口头禅,这也是有效UI设计的基本要求之一。

为了吸引,转换和保留,用户界面必须满足三个标准:UI设计应该具有吸引力,美观并引起用户的情绪反应。

这同样适用于其他艺术作品; 唯一的区别是,艺术可以承受一定的复杂性,而用户界面不能,UI是影响用户体验的重要组成部分,是影响转化率的关键因素之一。

另一方面,转换是客户成功旅程的结果。根据“ 哈佛商业评论”,成功的旅程取决于努力的减少,今天的客户没有时间或耐心跳过栏杆来获得他们需要的东西。

大量统计数据证明:

如果内容或布局缺乏吸引力,38%的人会离开网站。

47%的人希望在两秒或更短的时间内加载网页。

95%的访问者认为良好的用户体验是网站最重要的部分。

如果网页设计降级,94%的人会关闭并停止信任网站。

无吸引力的设计,缓慢的加载时间和复杂的导航是所有基于网络的转换率的三个最无情的杀手。如果您的业务生存取决于网站访问者,那么UI可以决定您的行业增长,扩展和破坏您的行业。

10个常见的UI设计错误

1.反应迟钝的设计

截至2018年4月,全球有380万人正在使用移动设备上网。当客户无法在小屏幕上享受网站的最佳功能时,他们就会离开。响应式设计使您的网站在所有用户的屏幕分辨率和设备上都变得灵活。

移动应用的爆炸式增长和百度的推荐都突显了用户行为的巨大转变,今天的互联网用户已经习惯于滚动浏览社交媒体,无需打开笔记本电脑即可在线进行支付和购物。

无响应的设计会阻止您提供最佳的UX。它增加了努力而不是减少它,迫使您的客户重新考虑他们的购买决定并转向其他人。

2.凌乱的布局

设计师可能会喜欢他们的混乱创意,但客户却不喜欢。杂乱的网站让用户感到沮丧,当一个页面上的元素太多时,它们都在争夺用户的注意力,并为买家的旅程增添了力量。

不知道在哪里看,用户可能会错过您的CTA或重要折扣,直接通过您的销售人员的手指滑动。这是一个较少的转换。

应仔细浏览客户的旅程,并专注于单一目标 – 转换。

当您的网站不够整洁时会发生什么:

访客花费宝贵的时间寻找他们需要的东西(记住他们并不总是知道那是什么),直到他们最终变得不堪重负和沮丧。他们离开而没有购买,在大多数情况下,他们永远不会回来。

如何避免这种情况?

您在着陆页上需要的唯一元素是英雄形象,主要标题,CTA,产品或服务的简要利益列表以及一些社交证据,以增加您的声明的可信度。

每个其他页面应仅关注一个操作,以便人们直观地了解接下来要采取的步骤以及该步骤将引导他们的步骤。

对于有效的产品页面,请始终确保在描述,图像,表单和CTA之间包含一些空格。

切勿在设计方案中使用三种以上的颜色,并且仅限于一种或两种字体,无论你做什么,都要先考虑可用性,然后再考虑美学。

3.不直观的导航

这包括层次结构和导航。缺乏层次结构可能会让用户感到非常困惑,并且不会使您的产品和服务更加平坦。

所有描述都应具有逻辑顺序,题应该传达您的使命陈述并告诉您的客户您提供什么,而副标题应该解释客户如何从中受益。

您的网站导航应该是清晰的,它应该始终满足访客的期望。将菜单放在他们希望找到的位置,可以横向顶部或左侧作为垂直侧边栏。并将菜单项的数量保持在五或六之下。

由于您只有一两秒钟来说服访问者留下来,因此用户友好的导航键的重要性,如果他们发现它令人生畏和困惑,他们会浏览其他地方。

4.不受欢迎的CTA

CTA按钮

颜色:  CTA按钮应突出背景并引起用户注意。

设计:抓住注意力与俗气不同。保持设计有效,但简单。

大小:CTA应该足够大才能脱颖而出,但又要小到可以吸引人。

形状:可点击按钮具有矩形形状,并被空格包围。

位置:一个CTA按钮应该是旁边的建议,因为在旅途中合乎逻辑的下一步。

语言:它应该创造一种紧迫感,所以使用第一人称,主动动词和计时词。

长度:保持身体短而甜 – 您不需要超过60个字符。  

当然,颜色,设计和复制的选择应取决于观众的偏好。您需要深入了解他们的购买行为和心理,以找到理想的颜色,形状和字体混合,并在您提出最佳CTA版本之前多次测试。

5.通用图像

照相机

视觉在品牌推广和营销中起着至关重要的作用:吸引游客的注意力,使他们与照片中微笑的快乐顾客联系起来。通过这样做,它有助于设定基调并创造情绪。

专业提示:定位您的英雄形象,以便引导用户注意CTA按钮。你可以这样做,例如,让照片的主体看向它。至于模型,选择那些代表您理想买家角色的人 – 您的网站访问者应立即知道他们来对地方。

6.没有社会证据

客户反馈,用户生成的内容和推荐是必不可少的UI元素,但每个相关页面上都应该有一个位置。它们对品牌和销售至关重要,这意味着如果没有社会证据,您就不可能规划您的网站设计。

没有社会证据表明您提供的产品和服务没有真正的可信度。它会损害您的品牌,营销价值和SEO工作,这相当于降低转化率。

事实上,近70%的在线购买者在购买前都会查看产品评论。

当您透露来自真实客户的真实消息时,您可以放松担心前景的想法。这种技术比任何产品描述或编写良好的CTA更有说服力,许多研究证明了这一点。真实的客户评论比最佳销售宣传的信任度高12倍。  

7.太多文字

大多数网站访问者不阅读,但梳理内容,没有人有时间筛选文本块。

在您的网页上包含太多文字不会用于任何目的。它要么压倒你的访客,要么分散他们的注意力。可能很容易吹嘘自己的产品和服务,详细解释它们的详细程度并尽可能多地填充关键词,但这就是博客的用途。

这个想法是用更少的东西说出来的,这就是为什么每个网站页面的每个副本都必须经过精心编写和测试才能产生情感影响。

花点时间直到文本有说服力但简洁。你只想用几句话来表达那种能够达到最佳音乐效果的表达口才。

8.慢加载速度

据Aberdeen Group称,47%的人希望在两秒或更短的时间内加载网页。他们的研究还发现,页面加载时间延迟一秒等于页面浏览量减少11%,客户满意度降低16%,转换次数减少7%。  

9.让用户思考

天枰

您的最终目标是尽快转换用户。如果您的访问者有时间重新考虑他们的决定,他们可能会这样做。如果经验的任何部分让他们头痛,他们只会反弹。

成功用户界面的秘诀在于尽量减少所有摩擦,使旅程既顺畅又快捷。

10.为自己设计

最后 – 常见的UI错误是沉迷于自己。

作为设计师,您应遵守有效用户体验规则。只有在确保您的网站符合前九条规则后,才能让这些创意果汁自由流动。

但请记住,你不是为自己设计,而是为虚构的用户角色设计。

此角色具有与理想买家角色相同的兴趣,偏好和痛点,因此请与您的营销和销售团队密切合作,以确定最佳设计方法。确定UI的最具挑战性的方面,然后相应地对它们进行线框化。

转载请注明:今日资讯网 » 网站UI设计教程及方法:避免10个常见UI设计错误

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址