当今需要实施的 10 个用户体验设计最佳实践
Posted: Thu Jan 02, 2025 10:28 am
分享
用户体验设计无非是一个完全以用户为中心的设计过程。设计师的经验是一个起点，但我们通过使用网站构建的反馈和数据将定义后续步骤。
在我们之前发布的一篇文章中，我们探讨了 UX 设计的定义，以及源自心理学的 3 个行为模型，这可以帮助我们（很多）为用户创建分析模型。
这次，我们将探索10 种良好的用户体验设计实践，它们是重新设计网站甚至构建假设以在当前网站上进行测试的绝佳起点。
10 个用户体验设计良好实践
注意：它们只是……好的做法。它们必须被视为假设而不是绝对真理。
灯图像
在用户体验的世界中，我们知道没有两个网站是相同的，对一个网站有 以色列电话号码列表 效的方法可能对另一个网站无效，特别是因为目标可能不同。
根据我们的专家之一、来自 ConversionXL 的 Peep Laja 的说法，在开始探索 10 个最佳实践之前，让我们先解释一下创建网站时指导我们的 5 个原则。
我们希望我们的网站：
说清楚；
具有视觉吸引力；
展现出强烈的视觉层次感；
保持用户的注意力；
它们每个屏幕仅包含一个操作，对应于用户准备采取的步骤。
良好实践索引：
在开始设计之前规划内容组织
使用视觉提示来引导用户的路径
将主要信息和号召性用语放在首屏
建立并公开明确的价值主张
确保您的内容在所有设备上都能被阅读
使用图像来发挥你的优势，而不是分散注意力
考虑一下您网站上的颜色层次结构
确保导航元素清晰且易于访问
实施转化更多的表单
区分主要 CTA 和次要 CTA
GIF 让我们开始学习吧
1. 在开始设计之前规划内容组织
在用户体验设计中，我们将这个过程称为线框图。
线框就像网站元素组织的非常简单的草图。您还没有构成最终图形设计的内容或图像。
整个项目团队应参与此规划阶段，以提供意见并帮助确定前进的道路。
营销在这个阶段发挥着非常重要的作用，通过提供从当前网站获取的导航数据，这有助于我们了解我们是否在新设计中承担了太多风险或删除了主要的转化来源。
如果没有这个初始规划，我们可能会浪费大量时间和资源来设计结构上不起作用的最终产品。线框更容易适应和塑造，因此成为一种头脑风暴工具。
它可以手工完成，也可以使用在线提供的众多线框图软件之一以数字方式完成。
在开始设计之前规划内容组织
2.使用视觉提示引导用户的路径
视觉线索或视觉提示只不过是告诉用户该看哪里的图形元素。它们可以采用箭头、照片或高光的形式，例如阴影。
在让用户到达我们的登陆页面的实际情况中，我们希望使用视觉提示将他们的眼睛引导到转换表单。因此，用户在浏览的第一时刻就明白该页面的目的是什么，即使他们继续阅读页面上的其他元素，他们也知道自己必须做什么。
无论是指向表单的箭头、显示或指向网站的照片还是表单框中本身的阴影，这里的目标始终是相同的：引导用户找到最重要的元素。
但是……关键是要测试！
在 ConversionXL 研究中，测试了 6 个版本的视觉提示。结果最好的是带有箭头的那个，如下所示。
柠檬法律集团
来源：ConversionXL
3. 将主要信息和号召性用语放在首屏
当我们谈论首屏时，我们指的是用户第一次打开网站时出现的元素，而无需滚动。这是与网站的第一次视觉接触。
尽管滚动已成为当今用户的正常行为，但首屏必须充当滚动的动力。
重要的是，在前 5 秒内，用户能够了解该网站属于谁、它提供什么/解决什么问题以及它与竞争对手相比的主要区别是什么。所有设备都必须保证这一点！
主要消息和 CTA 应该在页面的这个区域中可见，以确保用户在开始扫描页面其余内容的过程之前注意到它们。
用户体验设计无非是一个完全以用户为中心的设计过程。设计师的经验是一个起点，但我们通过使用网站构建的反馈和数据将定义后续步骤。
在我们之前发布的一篇文章中，我们探讨了 UX 设计的定义，以及源自心理学的 3 个行为模型，这可以帮助我们（很多）为用户创建分析模型。
这次，我们将探索10 种良好的用户体验设计实践，它们是重新设计网站甚至构建假设以在当前网站上进行测试的绝佳起点。
10 个用户体验设计良好实践
注意：它们只是……好的做法。它们必须被视为假设而不是绝对真理。
灯图像
在用户体验的世界中，我们知道没有两个网站是相同的，对一个网站有 以色列电话号码列表 效的方法可能对另一个网站无效，特别是因为目标可能不同。
根据我们的专家之一、来自 ConversionXL 的 Peep Laja 的说法，在开始探索 10 个最佳实践之前，让我们先解释一下创建网站时指导我们的 5 个原则。
我们希望我们的网站：
说清楚；
具有视觉吸引力；
展现出强烈的视觉层次感；
保持用户的注意力；
它们每个屏幕仅包含一个操作，对应于用户准备采取的步骤。
良好实践索引：
在开始设计之前规划内容组织
使用视觉提示来引导用户的路径
将主要信息和号召性用语放在首屏
建立并公开明确的价值主张
确保您的内容在所有设备上都能被阅读
使用图像来发挥你的优势，而不是分散注意力
考虑一下您网站上的颜色层次结构
确保导航元素清晰且易于访问
实施转化更多的表单
区分主要 CTA 和次要 CTA
GIF 让我们开始学习吧
1. 在开始设计之前规划内容组织
在用户体验设计中，我们将这个过程称为线框图。
线框就像网站元素组织的非常简单的草图。您还没有构成最终图形设计的内容或图像。
整个项目团队应参与此规划阶段，以提供意见并帮助确定前进的道路。
营销在这个阶段发挥着非常重要的作用，通过提供从当前网站获取的导航数据，这有助于我们了解我们是否在新设计中承担了太多风险或删除了主要的转化来源。
如果没有这个初始规划，我们可能会浪费大量时间和资源来设计结构上不起作用的最终产品。线框更容易适应和塑造，因此成为一种头脑风暴工具。
它可以手工完成，也可以使用在线提供的众多线框图软件之一以数字方式完成。
在开始设计之前规划内容组织
2.使用视觉提示引导用户的路径
视觉线索或视觉提示只不过是告诉用户该看哪里的图形元素。它们可以采用箭头、照片或高光的形式，例如阴影。
在让用户到达我们的登陆页面的实际情况中，我们希望使用视觉提示将他们的眼睛引导到转换表单。因此，用户在浏览的第一时刻就明白该页面的目的是什么，即使他们继续阅读页面上的其他元素，他们也知道自己必须做什么。
无论是指向表单的箭头、显示或指向网站的照片还是表单框中本身的阴影，这里的目标始终是相同的：引导用户找到最重要的元素。
但是……关键是要测试！
在 ConversionXL 研究中，测试了 6 个版本的视觉提示。结果最好的是带有箭头的那个，如下所示。
柠檬法律集团
来源：ConversionXL
3. 将主要信息和号召性用语放在首屏
当我们谈论首屏时，我们指的是用户第一次打开网站时出现的元素，而无需滚动。这是与网站的第一次视觉接触。
尽管滚动已成为当今用户的正常行为，但首屏必须充当滚动的动力。
重要的是，在前 5 秒内，用户能够了解该网站属于谁、它提供什么/解决什么问题以及它与竞争对手相比的主要区别是什么。所有设备都必须保证这一点！
主要消息和 CTA 应该在页面的这个区域中可见，以确保用户在开始扫描页面其余内容的过程之前注意到它们。