通过解决UI设计问题来降低跳出率

  UI设计应避免的错误

  信不信由你，网站所有者不知不觉中犯了很多错误。为了帮助解决这些问题，我们将讨论即使是最聪明的人也会犯的一些最常见的Web设计错误。我们还将引导您解决如何避免这些网站设计错误的解决方案。

  发生太多(内容超载)

  作为数字内容世界中的UI设计师，您可能遇到以下一个或多个流行词：

  内容震惊

  信息超载

  注意崩溃

  所有这些词都具有相同的含义：内容超载，或者所产生的信息量使人们不知所措。礼貌的数字时代，网络上有如此多的内容，人们已经厌倦了阅读。如今，读者不再喜欢冗长的段落和复杂的句子，而是喜欢可略读的内容。他们希望在最短的时间内找到他们的查询的答案。

  作为一名UI设计师，您的工作应该是避免这种UI设计错误，而应该尝试用更少的文字共享所需的信息。无论您是要告诉他们您的网站是什么，还是要分享产品信息，都可以通过简短而优美的方式来完成。

  用户自然会倾向于以易于消化的方式呈现精心编写的内容来进行出色的Web设计。换句话说，在创建内容时始终牢记最终读者。

  以下是一些有关如何减少信息过载的提示：

  用不言自明的语言写作。切入正题。避免使用不熟悉的单词或符号，而应使用熟悉的，不言自明的单词。您在网页上使用的内容应易于理解，且无需任何解释。

  个性化任何必要的沟通。这可以通过了解目标受众的搜索意图，根据访问者的个人选择将访问者定向到类别以及分析用户行为来完成。

  消除所有不必要的步骤。共享有关您的产品和服务的基本信息是一个好习惯。但是，如果您在流程中添加了不必要的步骤，那么您将浪费用户的时间。无论是在注册过程中，还是在产品使用指南中，请直接解决并消除所有不必要的步骤。

  创建可浏览的内容。当您在网络上搜索时，您是否阅读了所有内容，还是只是浏览一下相关部分然后继续前进?人们倾向于扫描或浏览。在设计网页时，请使用易于扫描的项目符号和小段落。

  保持可靠的文本与图像比率。要记住的另一件重要的事情是使用文本和图像以及其他视觉元素的平衡组合。换句话说，使您的内容多样化。同样，不要引起内容震惊;请注意保持良好的组合，以增强网站的视觉吸引力，而不会引起内容的泛滥。

  隐藏其他选项。可折叠菜单是减少混乱的好方法。有些人喜欢基本信息，而另一些人则喜欢细节。这样，他们可以自己选择。对于任何类型的用户，使用下拉菜单隐藏多余的内容直到需要时才是理想的选择。

  进行得太少(缺少内容)

  您是否知道稀疏内容(内容太少)是某微通过其2011年Panda更新针对的第一个SEO问题之一?更新引发了一场针对低质量内容的巨大战争，震撼了整个行业。

  用某微的话来说，“稀疏内容”是指几乎没有价值的内容。自2011年以来，SEO专家开始认真对待某微的警告，并了解他们需要制作高质量的内容才能获得某微的好书。

  但是，仍有相当一部分网站所有者不了解此UI设计。修复瘦内容的第一阶段是增加价值或高质量内容。

  要解决这些问题，请不要过多地想象。是的，我们只是告诉您使用不言自明的术语，并避免添加不必要的信息。但是，在必要的和不必要的信息包含之间有一条很短的界限。

  没有人比您更了解您的目标受众。理想情况下，您应该知道什么是必需的信息，什么不是必需的信息。请注意这一点，并尝试仅涵盖您网站上最相关的内容。不要过多地想象。使用既不容易描述也不简短的不言自明的单词。信息丰富;您的客户想知道您的业务将为他们做。这是保持平衡的全部方法。

  此外，仅包含有目的的内容和唯一数据。我们从2011年熊猫更新中了解到，谷歌非常重视质量。因此，如果您真的想引起注意，则必须制作高质量的内容，并避免此Web设计错误。

  为了提高质量，您应该减少对行话的依赖，而应更多地使用旨在达到目的并具有独特信息的内容。使用事实，新的研究结果，调查结果和专家意见不仅可以建立权威，还可以赢得用户的信任。

  关键是创建有目的的内容，以解决问题并增加有价值的内容创建。始终确保使用支持信息来支持您的声明，并添加指向资源的链接，以使您可以进一步阅读该主题。

  其他提示：

  始终保持实时数据变化以获取新的动作要点和内容构想。

  随时掌握行业变化，某微算法更新并重新访问旧网站以进行所需的更改

  专注于创建分层的内容策略，以便您可以按顺序排列所有片段。博客文章很棒，但是用相关的子主题来支持它会更好。

  追踪社交媒体趋势并了解受众群体的需求;应该主要创建内容来帮助他们解决需求。

  专注于可实现多种业务目的的个性化沟通：更长的访问时间，更高的客户满意度，增加的站点访问次数以及改善的品牌声誉。

  滥用空格

  黑色空间并不总是空的空间。新手网站设计师倾向于另辟think径，倾向于将内容拼凑在一起，这给读者带来了压倒性的观点。

  顾名思义，空白是设计元素之间的空白。在微观层面上，它是两段，两行或一幅图像及其标题之间的空间。在宏级别上，它是围绕两个设计元素的一大块空白空间。

  充分利用空白会导致更专业，更干净的界面。它令人愉悦，让设计元素呼吸并帮助游客吸收内容而不会感到不知所措。

  您可能会认为空白是浪费宝贵的屏幕空间。但这是一个误解。对空白空间的智能使用为您的设计元素和内容提供了喘息的空间。

  空格为何重要的其他五个原因：

  它提高了个人和屏幕阅读器的文本可读性

  它以吸引人的方式组织网页内容

  它有助于建立重点和重点

  给人一种奢华的印象

  它提高了可读性

  以下是有关如何有效使用空格的其他一些技巧：

  使用适当的间距。如果仅在整个过程中保持一致性，则Whitespace将增强网页的整体视觉吸引力。想象一下，在第一部分中留出一个空白块，在下一部分中留出三个块，而在第三部分中则不留空白。从美学的角度来看，这种做法会损害您的网站。无论您要添加微空格还是主要空格，请确保它们保持一致。

  空格不必一定是白色的。您的空白可以是任何颜色或渐变。它也可以有一些很酷的插图或图片。这意味着要确保策略性地放置页面元素，以避免混淆访问者。在使用网页上的空白时，您必须对足以显示的重要内容做出一些困难的决定。您甚至可以使用带图案或带纹理的背景或背景图像。您的目标应该是使读者进一步向下滚动页面，并促使他们查看其他网站元素。

  最好的例子之一是Apple的网页，看看他们如何明智地使用空白。此外，设计人员在所有页面上都保持了一致性，以增强整体视觉吸引力。

  CTA放错位置，丢失或损坏

  错误的CTA是UI设计的最常见陷阱之一。研究表明，有70%的商业网站在其目标网页上放置了错误的CTA或放置了错误的CTA。如果您想促进销售，CTA是一个理想的起点。理想的CTA按钮应该易于发现，迫使用户采取行动并以可行的词组出现。

  现在，您该怎么做?以下是一些有关避免这种常见的CTA放置陷阱的建议：

  使CTA清晰可见。如果您的用户没有看到您的CTA按钮，那么点击它并成为客户的几率是多少?将您的CTA放在折叠上方顶部的清晰可见的地方。但是，如果有关您的产品/服务的主要信息在折页之下，则将CTA按钮放在折页上方将不起作用。

  让按钮突出。CTA的全部目的是邀请用户采取行动，并且如果您的CTA不够引人注目，就没有必要期待响应。无论是CTA按钮颜色还是文字，请考虑这些东西的心理方面。花点时间找出哪种颜色更吸引人，哪种文本会迫使他们采取行动。

  使用对比鲜明的背景。 创建CTA时要记住的另一项关键是对比背景色。您的号召性文字不容易被发现的原因之一可能是强加的背景。页面元素(例如文本，图形和背景)应具有对比度，以清晰显示CTA按钮。

  吸引用户的情绪。 使用情感吸引力来鼓励用户单击按钮。做到这一点的一种方法是提醒他们问题所在，说明您的产品如何解决它，然后放置CTA。这有助于建立权威性或吸引力，并带来更高的转化率。简而言之，您在CTA中使用的字词应具有触发用户回复的潜力。

  不良图片：低分辨率，笨拙且值得反弹的内容

  分辨率差的图像可能是网站所有者最常犯的错误。当涉及网站的视觉吸引力时，图像和插图是必要且美观的。但是，如果您不遵循一些关键规则，它们就有可能引起问题。

  使用高分辨率照片。许多网站使用的是低分辨率图片，不清楚的图片无法达到目的。它们还会造成视觉上的动态松弛，并降低网页的整体外观。如果图像质量不好，请不要使用它。紧要关头有可用的库存图片资源。

  不要忘记缩略图。网站设计人员经常忘记缩略图，图标和图像预览需要更新。确保预览缩略图并将其替换为更高分辨率的缩略图。

  使用替代文字和元数据。搜索引擎无法像我们的眼睛所看到的那样读取图像。因此，如果要使图像可搜索并提高SEO排名，则必须集中精力在图像内容的子文本中包括alt标签，元数据和描述性单词。

  注意适当的图像比例。没有什么比缩放比例不正确的图像更奇怪的了。当您更改主题或进行任何后端更改时，会出现图像的非比例缩放或拉伸。请注意这些更改，并确保以1：1的比例缩放每个图像。其他可能会损坏照片质量。

  考虑站点速度。网站速度低是网站所有者经常遇到的常见问题，而且图片大小偏大通常是原因。具体来说，是导致访客跳动的大型，未经优化的图像是罪魁祸首。明智的做法是使用图像优化插件或工具来帮助优化正在降低站点速度的图像。

  导航栏和菜单不良或隐藏

  网站导航栏的设计方式对成功或失败都有很大影响。

  导航栏不佳或隐藏已成为常见错误。为了唯一起见，许多网站都遵循非标准样式。但这对用户没有帮助，因为不熟悉的格式可能会造成混乱，并导致访问者反弹。

  另一种常见的做法是隐藏菜单或下拉菜单。老实说，他们俩都同样令人讨厌。它们不仅使抓取困难，而且浪费了用户的时间。

  您可以改用以下方法：

  在导航栏中放入较少的项目。您可能遇到过导航中包含太多项目的网站。网站所有者似乎在吹嘘他们拥有的内容数量。但这是正确的方法吗?不。使用较少的菜单项，以便您的访客遇到最重要的元素。较少的菜单选项可确保目标受众不会浏览关键页面。

  正确获得订单。确保在菜单中维护适当的层次结构。将最重要的项目放在开头，最不重要的页面放在结尾。

  把事情简单化。不要使用导航来突出您的词汇强度。相反，请尽可能使用通用词。确保CTA中使用的单词简短。

  您尝试在单个菜单按钮中添加的单词越多，您将使某人感到困惑的机会就越大。为了帮助您，您可以使用SEO工具，该工具可用于多种用途，但是在导航方面，他们通过使用通用词来限制选择。

  涵盖网站内容的烦人广告

  这也许是您自觉做的UI设计错误之一。如果您想从自己的网站上赚钱也可以。但这并不意味着您应该用烦人的弹出窗口和广告使访客窒息。这些广告是一个很大的限制，因为它们会干扰用户体验，使您的品牌看起来不雅且便宜。

  如果您在网站上使用广告，请考虑以下一些友善提示：

  占用空间多于内容的引人入胜的广告是使人们离开您的网站的最可靠方法，因为他们一开始就看不到他们追求的目标。这些类型的广告也会损害您的SEO，如果您不停止这种做法，某些广告网络可能会禁止您。

  您的听众来到您的网站上是为了寻找解决方案-请勿被广告轰炸。他们到达您页面时所看到的第一件事应该是解决问题的方法，而不是广告。

  如果您别无选择，只能使用弹出广告，请使用页面侧面显示的时间触发的弹出窗口。例如，如果用户在页面上停留了10秒钟，则弹出窗口应出现0.30秒钟或更短的时间，然后自行消失。此外，请确保弹出广告上有一个明显的关闭按钮。。