用 11 个网站技巧创建完美的用户体验

已发表: 2016-06-15

一个好的网站是所有必要的方面和元素的完美组合，它可以促使用户点击它、浏览它的页面并在上面停留足够长的时间让网站所有者承认它。

网站主要针对最佳功能、最佳电子商务平台和最新扩展而设置，如果网站必须持续存在，这些都非常重要。然而，另一个在网站评估研究中被低估和默默无闻的因素是用户体验或用户体验。信不信由你，这是决定网站是排名最高的点击者还是互联网上的一块漂浮垃圾的主要因素之一。

用户体验有多重要

用户体验或 UX 只是用户对与数字界面交互的感受。大多数因素都涉及设计师和开发人员的彻底工作，而其他因素包括环境和用户偏好。这些因素包括可访问性、界面的可用性、性能、设计/主题/美学、人体工程学和营销的实用性。数字平台上的所有人类互动都深深地依赖于这些因素，因此，一个需要在互联网上引起关注的好网站必须将这些因素纳入其用户体验中。

影响用户体验的因素

尽管这些因素是良好用户体验的支柱，但通过用户体验衡量网站有效性的人为因素不仅限于可用性。通过对这个非常特殊的主题的几位研究人员和研究，我们已经看到人类情感在将人视觉与网站外观联系起来方面也发挥着重要作用。考虑到它们，让我们谈谈它们在网站业务中的影响。

网站表格

首先是表格。请记住，如果您无法让他们感到安全，没有人愿意填写他们的信息。毫无疑问，表格是从客户那里获取信息的重要机制，并将其用于营销、定制产品、价格估算和许多其他用途方面的各种好处。表格也是查询过程中不可或缺的一部分，可帮助管理员了解其受众的需求并为其组织设定目标。

解决方案：

为了保持网站上的表格并保持与客户的互动，您需要将问题保持在较低水平，并允许可选字段并将评论设置为属性下方的说明。

字段中的占位符文本

谈到表单，您还可以使用占位符文本来举例说明表单字段所需的答案类型。占位符文本是以可移动文本的形式在字段中输入的示例。这个想法绝对是绝妙的，可以帮助客户更好地理解表单对他们的要求。问题是，正如我在许多网站上所经历的那样，当您尝试在该字段中输入信息时；占位符文本与您的文本混合在一起。摆脱它的唯一方法是手动删除它，否则您的表单将无法通过。现在想象一下，您必须在其他 20 个字段上输入您的信息。

解决方案：

为了防止客户被激怒并仍然让他们输入正确的信息，请确保占位符文本在客户输入信息后立即消失。

属性中的格式

这个问题可以通过使用适合信息的正确类型的字段来避免。但是，如果您没有这样的规定，您必须始终添加说明用户需要输入的信息格式，例如数字和文本。如果您等待客户输入错误格式的信息，却只收到一条错误消息，该用户就如同离开了您的商店一样好。

解决方案：

当客户感到沮丧并决定放弃网站时，这主要发生在结帐页面上。您可以使用字段下方的示例来阐明用户。

防止错误消息

没有人可以反驳错误消息是专业网站中自动更正系统的重要组成部分。然而，如何使用它们是一个更大的争论。要了解这些消息如何影响客户的 UX，让我们假设您是在线买家，他们试图通过填写用户 ID 和密码来购买产品以进行注册。在您尝试的 6-7 次内，您根本无法注册，因为错误消息仅显示“重新输入用户 ID”，而应该说“该用户已被占用”！

解决方案：

这种未发现的错误消息使客户感到沮丧并导致立即放弃。始终要求您的开发人员生成一个自我解释的错误消息，该消息正确地告诉用户必须做正确的事情以避免再次弹出。

大标题

我似乎无法弄清楚这件事是如何发展的，而且更好的是，随着越来越多的网站在其页面上使用大型固定导航标题，它在互联网上成为趋势。现在的问题是，每次当用户向下滚动页面时，他在查看真正重要的内容时都会遇到困难。这些大标题和类似元素会阻止内容，并使用户无法阅读或查看其下方的重要内容。在有类别和较大字体的较大网站上，这个问题变得更加严重，因为内容变得完全隐藏。

解决方案：

为了解决这个问题，管理员可以要求开发人员不要使用这些大型固定导航标题，而是使用允许用户正确阅读文本的简单标题。

采用响应式设计

在这个指数级技术和小工具的现代时代，大量在线用户通过平板电脑和其他手持设备查看和使用网站，与笔记本电脑或台式电脑相比，这些设备的屏幕比例更小。当网站无法适应较小的屏幕时，就会出现问题，而在较大的屏幕上却能完美适应。这对客户来说是一个直接的“NOPE”。如果无法在他们的设备上跨越网站，网站将永远无法到达用户，因为大多数时间用户在他/她的手持设备上浏览。

解决方案：

响应式网站是一种网页设计方法，用于创建可以通过在每台设备上进行最少平移、调整大小和滚动来提供最佳查看和交互体验的网站。

使用较浅的色调进行对比

当您必须查看深色的东西时会发生什么，与它正式黑色的对比。你明白我的意思吗？让我解释。当您为文本使用深色字体并将其设置在较暗的背景上时，结果绝对会让用户失明。切勿选择平行光谱字体和对比度，因为它不仅会导致阅读障碍，还会向客户反映您选择不当的感觉。

解决方案：

您可以使用较浅的色调作为对比。我自己在许多排名靠前的网站上看到过。他们巧妙地使用了黄色、淡白色、云白色甚至浅橙色等较浅的色调作为背景。

文字和图像

一个网站应该像多媒体一样以文本为中心。用户根本无法依靠文字描述来描绘产品。与书面文档相比，眼睛更相信图像的视觉细节，但是，如果没有书面细节，图像就无法按预期说话。除了 UX，文本在通过 SEO 技术进行营销方面也很重要。

解决方案：

您需要确保优化排版、颜色和大小，使其适合大多数人的心理诉求。同样，您使用的图像应该是具有缩放功能的高清图像，以获得理想的观看体验。

选择颜色

人眼可以检测到大约 1000 万种不同的颜色，但这并不意味着您可以为您的网站选择任何颜色并将其添加到您的字体中。应该仔细选择颜色，因为许多颜色不能简单地共存。您不能在橙色背景下发送霓虹绿垃圾邮件，就像在黑色背景下无法区分深蓝色一样。

解决方案：

我真的不知道目前流行哪种颜色，但适当地使用绿色作为号召性用语按钮，白色用于负间距，黑色用于大多数字体是每个网站都采用的安全做法。您可以随时赋予艺术气息，但要遵守上述基本规则。

号召性用语

让我用我们日常生活中的例子来解释这一点。当您在休闲的日子从街头小贩那里购买一些商品时，是什么吸引您靠近摊位而不看商品？这是大多数供应商通过结合兴趣点来吸引买家的口号。同样，只有正确使用“号召性用语”，您的商店才能吸引买家。

解决方案：

“号召性用语”是立即激发观众执行特定行动的触发器。通过使用带有精美按钮的有吸引力的短语或语句，您可以做出非常好的号召性用语。

移动设备的触控功能

这是讨价还价的最烦人的元素之一，最糟糕的是，它遍布整个互联网，因为网站所有者不分青红皂白地这样做。如果您为移动用户设置了触摸目标，为了上帝的爱，请留一些空间让用户与之交互。我记得当我试图从网上商店购买棒球帽时，每次我用拇指触摸“结帐”按钮时，都忍不住点击“评分”按钮。这不仅使用户感到沮丧，而且使他远离网站。

解决方案：

其他用户不会像我这样有耐心，所以在你陷入自己的网站之前，请你的设计师将按钮放置在你网站上其他触摸目标旁边的适当间距，否则你可能永远不会获得订阅者或买家，并且可能甚至无法弄清楚问题所在。

结论

所有这些臭名昭著的问题是许多努力工作的网站遇到用户体验问题的主要原因，这些问题最终使网站变成了漂浮在互联网上的幽灵船。只有付出一点努力并采取一些预防措施，您才能防止这些问题演变成代价高昂的灾难。如果您注意这些问题中的每一个问题的解决方案，我向您保证，您不仅会成功地为您的用户和客户提供有希望的体验，而且还会将您的网站提升到搜索引擎中排名靠前的点击者中。谈到用户体验，“你必须从客户体验开始，然后再回到技术上”——史蒂夫乔布斯。