改善网站用户体验的 10 个技巧
已发表: 2020-10-12您的网站可以成为您可以使用的最强大的营销工具。 它是您的 24/7 全天候销售员,因此,它可能是您最强大的资产,也是您营销工作的核心。
企业的网站或应用程序可以给客户留下持久的印象——这种印象的好坏取决于很多因素。
用户体验 (UX) 是产品设计的关键,无论产品是网站、移动应用程序还是其他东西。 虽然很明显用户体验对于产品设计至关重要,但一些用户体验设计师仍然对它有很多误解。 但事实是,如果您的 UX 设计与您的目标受众产生共鸣,您的产品就会繁荣发展。
但是,正如网页设计机构所说,快速发展的数字趋势可能会让您的网站感觉陈旧和过时。 虽然有时可能需要重新设计,但您可能没有时间或资源来投资如此庞大的项目。 为了帮助您克服这一挑战,我们汇总了 10 种简单的方法,您可以改进用户体验设计,使其更有帮助和有用。
什么是用户体验设计?
用户体验设计(UX Design)是通过提高用户与网站或应用程序交互的可用性、可访问性和效率来提高用户满意度(应用程序和网站)的过程。 关键是用户体验设计有助于使您构建的网站或应用程序易于使用,并且不会让用户感到困惑。
用户体验设计关注消费者使用产品的体验。 “产品”超越了您销售的有形商品或服务——它涉及您制作的内容,以便在消费者接触您的产品之前接触他们并与他们建立联系。
在考虑用户体验的情况下开发网站时,目的是在您的公司周围护送您的访问者,以准确地告诉他们您希望他们在导航过程中的特定点看到和理解的内容。
在接近实体产品的用户体验时,目标是提供与当时用户需求相对应的特定解决方案。 如果用户的需求发生变化,产品可能会提供新的解决方案。 Adobe 为 UI/UX 设计师提供了一系列工具,例如 Adobe Color、Adobe XD 等,可与云应用程序配合使用并在一个地方提供所有功能。
用户体验设计师所做的不仅仅是用户界面设计
“用户体验设计”经常与“用户界面设计”和“可用性”等词互换使用。 然而,虽然可用性和用户界面 (UI) 设计是 UX 设计的基本要素; 它们是它的子集。 用户体验设计通常包含各种各样的其他领域。
UX 设计师关注产品获取和集成的整个过程,包括品牌、架构、可用性和功能方面。 它甚至在用户拥有产品之前就开始了。
因此,具有出色用户体验的产品(例如 iPhone)的设计不仅考虑了产品的使用或消费,而且还考虑了购买、拥有甚至故障排除的过程。
同样,用户体验设计师不仅专注于开发功能性产品; 他们还关注用户体验的其他方面,例如乐趣、效率和乐趣。 因此,不存在良好用户体验的单一概念。 相反,成功的用户体验是在特定用户使用产品的特定意义上满足其需求的体验。
如何提升网站用户体验设计
1. 一切从用户研究开始
在开始设计产品体验之前,您可能会想从以下问题开始:“它到底会做什么?” 但是,您可能只是超越了自己。 在用户体验的背景下,没有什么比“它适合谁?”更重要的问题。
这就是您开始设计用户界面的地方。 在您坐下来绘制内容之前,您需要知道谁将使用您的应用程序(以及可能是您的受众中的任何其他人)。 他们想要什么? 他们的需求是否得到满足? 您的移动应用程序可以为他们提供哪些其他地方无法获得的功能? 如果他们在其他地方得到它,你会比你的竞争对手做得更好吗?
(提示:如果您提供更好的用户体验,那将是一项重大的竞争优势。)
这并不意味着您必须在市场研究和分析上花费数千美元。 首先找出你的目标受众是谁。 如果您正在创建移动体验来补充现有体验,例如 Web 应用程序或实体零售体验,那么这部分对您来说很简单,因为您已经了解并且可以调查您的(当前)用户。
如果您正在创建移动应用程序或网页,您可以通过提出以下问题来找到您的目标受众角色:
- 您的目标受众特征是什么? 19-28 岁的女性,50 岁以上的男性和女性,或者专业人士、学生、父母等?
- 你的目标是什么兴趣? 游戏玩家、志愿者、时尚达人、美食家、音乐家、旅行者?
- 他们已经在使用哪些产品、应用程序或服务? 他们在应用商店和社交媒体上提供了哪些商品和服务的评论? 这些创作者如何回应,你还能做得更好?
你的用户体验设计过程应该基于所有这些信息。 要尽可能多地了解您的目标受众及其需求,请使用民意调查、调查、统计,甚至是老式的 Google。 请记住:打造人们想要的体验比让人们想要你创造的体验要容易得多。 所以,振作起来,成为一个跟踪狂:)
2. 简单——保持简单并实践响应式设计
在网站布局中,简单本质上意味着摆脱设计中不必要的组件。 请注意,您希望访问您网站的访问者执行特定操作。 为了得到他们来搜索的内容,他们会扫描内容。 重要的是要记住,如果他们必须在迷宫中导航才能找到他们想要的东西,他们就不会闲逛。
简单性需要干净的布局、两种或三种颜色的方案和充足的空白空间、平均两种字体,第三种用于您的徽标。 你的图形必须有一个目的; 既可点击又富有洞察力。
GIF 源 Tenor.com
- 每个页面都应该有一个明确的目标。 例如,结帐页面仅包含结帐过程所需的内容。 联系人列表中仅包含联系信息和/或表格,而不包含有关个人美容习惯的提示。
- 用户无需澄清即可立即理解每个页面及其上每个项目的意图。 例如,用户界面在页面上具有视觉上不同的(稍后会详细介绍)导航元素。
- 任何其他但不重要的数据都放在列表的底部。 例如,“你可能也喜欢”内容,或帖子底部的额外博客。
3. 空白是你的朋友——慷慨地使用它
这是增强设计的最快捷、最简单的方法之一。 即使是少量的空白也能让你的设计呼吸起来,看起来更精致。
设计背景颜色并不总是白色。 它只需要是网站元素之间的空间。 空白为您的网页增添了简洁和优雅。
以下是您可以使用空白来提升网站用户体验的一些方法:
- 增加正文中文本的行距
- 在左右边距上增加长文本块中的空白空间。它已被证明可以提高高达 20% 的理解力!
- 避免将图像与文本对齐,而不是将它们放置在文本块的顶部或下方。
- 用空白组和周围的相关对象
4. 使不同元素在视觉上不同
UX 设计师最重要的目标之一是视觉上不同的页面布局。 这是一种保留灵活的用户路径和引人入胜的用户体验的方法。
长话短说:让您的用户可以轻松地在您的页面上轻松找到他们正在寻找的任何内容。
此外,让您的网站/应用程序导航明显不同。
以下是一些在设计过程中可能有用的提示:
- 网站上最重要的细节应该最突出。 如果是博客文章,则需要一个清晰的标题,例如“网页设计的最佳趋势”,然后是能够深入研究该主题的副标题和副标题。
- 用户必须知道他们在移动应用程序或网站上的位置。 手头必须有导航工具。 例如,在页面顶部,您有一个网站导航面板,可以轻松访问网站的所有重要部分。
- 号召性用语按钮需要突出并提供对其意图的简明解释。 它们应该是可读和可访问的。 订阅图标,例如,带有用于输入电子邮件的字段。
- 搜索字段必须在视觉上明显不同,最好使用占位符文本“搜索”和玻璃图标。 它通常位于网站的右上角。
- 对比度和颜色:文本可读性和眼睛友好的设计很重要。 文本的可读性在很大程度上取决于您使用的颜色以及文本颜色与周围环境之间的对比度。
有多种工具,例如 Usecontrast 和 Colorsafe,可帮助您检查所使用的颜色和对比度是否足够。 确保色盲用户可以阅读您的网站,并注意移动网站的对比度或一般颜色。
在颜色方面,重要的是要注意:
- 通常,背景颜色是静音的
- 蓝色用于文本链接
- 红色代表重要项目,通常是警告或错误。
- 号召性用语需要强烈对比的色调,从其他色调中脱颖而出。
5. 征求客户意见
成功的企业和营销人员倾听客户的意见——您也应该倾听。 如果你不这样做,你就会失去改进产品的机会。
在您的网站上,您可以添加一项调查,要求客户对他们的体验进行评分。
提出以下问题:
- 为了提升您的体验,我们应该怎么做?
- 您希望将来看到哪些功能?
- 我们达到您的期望了吗?
这些问题允许个人明确告诉您他们希望在您的网站上看到什么。 您应该收集结果并对其进行评估,寻找趋势。 例如,如果 70% 的受访者声称他们在您的网站上查找特定帖子时遇到问题,这可能意味着是时候添加搜索功能了。
倾听客户的意见并进行适当的更改可以显着改善您的用户体验。
6. 流量:在整个旅程中保持用户流量的一致性
在设计方面,流量是指用户毫不费力地从网站或移动应用程序的一个方面移动到另一个方面,以实现实现其目标的最终目标。
这就是为什么重要:清晰的设计框架可以让消费者无缝地获得他们想要的东西。 这对你有利。 一致性使实施永久化。
您需要一步一步地考虑用户将要做什么以保持一致。
让我们以一个网站的流程为例。 在入口点,通常是主页或博客文章,用户开始他们的旅程。
您需要考虑切入点将通向何处。 例如,它可能会导致另一个扩展主题的博客文章或提供满足用户需求的另一种服务或产品的网站。
死端页面是另一件需要考虑的事情; 那些不会引导到其他任何地方的页面。 您需要在整个用户旅程中尽可能避免此类情况。 您网站上的每个页面都应该指向某个地方。
最后,每个网站流程都有一个最终目标,即用户的需求和网站目标的满足。 例如,如果用户正在搜索有价值的内容而您正在提供有价值的内容,那么订阅按钮或 Patreon 链接是一个合理的最终目标。
7. 页面加载时间
您网站的加载页面速度非常重要。 如果加载时间超过 3 秒,则 53% 的用户会离开您的应用。
确保网站用户可以快速轻松地完成他们的主要目标,而不必等待您的网站永远加载。 弹出动画的加载时间、等待时间和流畅度可能会影响用户的感知。
8. 关注内容
设计师的工作不应只以结构良好的布局结束。 不要忘记用户体验写作。 在团队中工作并需要高质量的材料。 使用用户熟悉的语言,以用户为导向; 确保您与用户的联系是透明的。 此外,幽默感是合适的。
用户的感知和体验受到精心编写的文本和有效的插图或图像的显着影响。 同样,不要盲目遵循现有规范,您应该对用户进行一些研究。
用户永远不会被显示困难和奇怪的语言或质量差的图像的界面所吸引。
9. 使您的网站具有响应性和移动友好性
超过一半的网络流量来自移动设备。 因此,如果您的网站未针对移动设备进行优化,则用户放弃它的可能性是其五倍。 因此,如果您没有优化您的网站以获得最佳移动体验,那么您基本上会将大量潜在客户拒之门外!
除了您的客户之外,还有另一个群体需要记住:搜索引擎。 Google 会同时抓取您的桌面和移动网站,并使用这两者来为您的网站编制索引。 这意味着,就 SEO 而言,适合移动设备的网站可以帮助您获得更好的表现。
以下是一些使您的网站更适合移动设备的方法
- 通过提供您可以在桌面上找到的信息,使您的网站更具响应性,并针对移动设备进行了优化。
- 将按钮放在屏幕中央,大多数人的拇指可以快速访问它们。
在设计移动布局时,确保用户可以通过一次触摸进行交互。 决定用户是否可以用一只手或两只手使用设备,或者知道移动触摸目标的最小尺寸,这将有助于您了解界面目标。
10. 进行用户体验审查/审计
当然,作为人类,我们倾向于只专注于完成一项任务。 我们得到我们的项目,我们和他们一起运行,我们分享结果,然后我们重新开始。 用于反思的时间很少。 这真是一种耻辱。 这鼓励我们创建充满弱点和差异的系统,然后继续一遍又一遍地复制问题。
图片来源
有时,关闭一天是个好主意。 召集 UX 团队并审查您的策略。 询问有关您所做工作的有效性和重要性的问题,然后根据回答调整您的工作方式。
结论
良好的用户体验设计的关键是让它对你的用户和你的平台都适用。 从本质上讲,精心设计的用户体验是将用户引导到他们需要的数据或资源,同时切断可能阻碍他们前进的一切。 虽然目标似乎已被普遍理解,但实现它可能有点复杂。
如果用户找不到某些东西,那么它对他们来说就不存在。 可发现性可以帮助他们找到它。 作为企业主,我们应该渴望构建直观的界面和交互。 我们通过使我们的界面更易于发现来提高用户体验和使用我们的内容和特征的可能性。
这些 UX 设计技巧将帮助您找出关键元素,这些元素将使您的设计与目标受众产生共鸣,并使其对您和用户进行交互有用。
免费试用 Adoric