• 搜索引擎优化

用户体验基础知识:更好的用户体验完全入门指南

  • Felix Rose-Collins
  • 15 min read

简介

每一个网站、应用程序、落地页、结账页面、仪表盘和在线工具,都会为用户提供一种体验。

有时这种体验令人感到轻松。页面加载迅速,菜单逻辑清晰,内容易于阅读,下一步操作一目了然。

但有时,这种体验却令人沮丧。用户找不到所需内容,表单问题过多,按钮功能不明,页面加载缓慢,布局杂乱无章。用户在采取行动前便离开了。

这种差异就是用户体验。

掌握用户体验的基础知识,对于设计师、开发者、营销人员、SEO团队、企业主、SaaS公司、电商品牌,以及任何希望用户能成功与网站或产品互动的人来说都至关重要。

良好的用户体验能帮助人们更轻松地完成任务。糟糕的用户体验则会制造阻力、引发困惑,并导致转化流失。

什么是用户体验?

用户体验(常简称为 UX)是指用户在使用网站、应用、产品、服务或数字平台时所获得的整体体验。

遇见Ranktracker

有效SEO的一体化平台

每个成功的企业背后都有一个强大的SEO活动。但是,有无数的优化工具和技术可供选择,很难知道从哪里开始。好了,不要再害怕了,因为我已经得到了可以帮助的东西。介绍一下Ranktracker有效的SEO一体化平台

我们终于开放了Ranktracker的注册,完全免费!

创建一个免费账户

或使用您的证书登录

它涵盖了产品的易用性、信息呈现的清晰度、用户达成目标的速度、体验的可靠性,以及使用后的满意度。

简而言之,UX 旨在回答一个问题:

用户能否轻松获得他们想要的内容?

如果答案是肯定的,那么用户体验通常是良好的。如果答案是否定的,即使网站看起来很现代化,其设计可能仍需改进。

为何用户体验基础至关重要

用户体验基础至关重要,因为用户评判一个网站时,不仅仅看它的外观。他们更看重的是它是否实用、清晰、快速且易于使用。

一家企业可能拥有出色的产品、有力的优惠和有用的内容,但如果用户体验不佳,仍会阻碍用户转化。

用户体验影响:

遇见Ranktracker

有效SEO的一体化平台

每个成功的企业背后都有一个强大的SEO活动。但是,有无数的优化工具和技术可供选择,很难知道从哪里开始。好了,不要再害怕了,因为我已经得到了可以帮助的东西。介绍一下Ranktracker有效的SEO一体化平台

我们终于开放了Ranktracker的注册,完全免费!

创建一个免费账户

或使用您的证书登录

转化率

潜在客户开发

产品采用率

客户满意度

搜索表现

留存率

信任

收入

支持请求

品牌认知

如果用户难以理解您的网站,他们就更不可能注册、购买、订阅、申请演示或联系您。

用户体验(UX)与用户界面(UI)不同

用户体验(UX)与用户界面(UI)虽密切相关,但并非同一概念。

UX 指用户体验。它关注的是完整的用户旅程、用户目标、网站结构、易用性以及操作的便捷性。

UI 指用户界面。它侧重于视觉和交互元素,例如按钮、菜单、图标、颜色、排版、表单和布局。

一个网站可能拥有吸引人的 UI,但用户体验却很差。例如,网站外观可能很美观,但导航令人困惑、定价不明确、页面加载缓慢,且结账流程令人沮丧。

网站也可能拥有简洁的UI,但提供良好的UX。例如,一个外观朴素的工具,只要能让用户快速完成任务,依然能发挥有效作用。

最优秀的网站往往将出色的用户体验与简洁的用户界面完美结合。

用户体验(UX)的主要目标

用户体验(UX)的主要目标是让用户的操作流程更加顺畅。

这并不总是意味着增加更多功能。在许多情况下,更好的用户体验源于去除不必要的步骤、简化页面、优化文案以及让操作更清晰。

良好的用户体验能帮助用户理解:

当前所在位置

该页面的主题

接下来可以做什么

为何应该信任该网站

如何达成目标

采取行动后会发生什么

当用户体验设计得当,用户无需过多思考,体验自然流畅。

用户体验的五大核心要素

要正确理解用户体验的基础知识,将UX分解为五个核心要素会很有帮助。

1. 策略

战略是用户体验的基础。

在设计网站或产品之前,你需要了解用户的需求以及企业希望实现的目标。

优秀的用户体验策略会提出以下问题:

用户是谁?

他们试图解决什么问题?

他们需要哪些信息?

他们应该采取什么行动?

什么可能阻碍他们采取行动?

什么能让体验显得值得信赖?

例如,如果您正在构建一个 SaaS 落地页,目标可能是帮助用户了解产品、比较功能、查看证明并开始免费试用。

如果你正在制作一个电商产品页面,目标可能是帮助用户查看产品详情、比较选项、查看评论、了解配送信息,并放心购买。

没有策略,用户体验设计就成了碰运气。

2. 范围

范围定义了网站、页面或产品应包含的内容。

这可能包括内容、功能、工具、表单、筛选器、页面、图片、视频、定价部分和行动号召。

一个常见的用户体验错误就是添加过多内容。

内容越多并不一定意味着更好的用户体验。功能越多并不一定意味着更大的价值。按钮越多并不一定能带来更多的转化。

良好的用户体验范围应问:

用户真正需要什么?

哪些内容可以去除?

什么内容应该优先展示?

哪些内容应该出现在这一页?

哪些内容应移至其他位置?

在转化之前需要哪些信息?

明确的范围能让体验保持聚焦。

3. 结构

结构即所有内容的组织方式。

这包括导航、菜单、页面层级、用户流程、内部链接、分类以及内容顺序。

良好的结构有助于用户了解自己当前所在的位置以及下一步该去哪里。

糟糕的结构会让用户感到迷失。

例如,一个拥有清晰分类、简洁菜单和逻辑清晰的页面路径的网站,通常比那些下拉菜单过多、标签模糊且页面深埋在层级中的网站更易于使用。

对于 SEO 团队来说,结构也很重要,因为搜索引擎需要理解页面之间的关联。Ranktracker 等工具可以帮助识别重要页面、监控排名、发现关键词机会,并支持围绕用户意图进行内容规划。

4. 骨架

骨架是用户体验的布局与功能蓝图。

这包括线框图、页面分区、按钮位置、表单布局、导航位置以及交互模式。

在此阶段,重点不在于颜色或品牌标识,而在于布局能否帮助用户完成任务。

例如:

定价页面应让用户轻松理解不同套餐的区别。

联系页面应让用户能轻松联系企业。

产品页面应清晰展示产品优势、图片、价格、配送详情、用户评价以及购买按钮。

一篇博客文章应便于浏览、阅读和导航。

框架为用户体验提供了实用的结构。

5. 表层

界面是用户最终所见的内容。

这包括颜色、字体、间距、图片、图标、品牌标识、动画以及最终的视觉设计。

界面设计至关重要,因为它影响第一印象和信任感。杂乱的设计会让网站显得不专业。简洁的设计则能让用户感到更加放心。

然而,视觉设计不应取代用户体验(UX)的思考。

结构糟糕的网站即便外观精美,依然难以使用;流程混乱的时尚应用依然令人沮丧。优秀的界面设计应当支持用户旅程,而非掩盖其下的薄弱用户体验。

每位初学者都应掌握的核心用户体验基础

用户体验(UX)虽是一门深奥的学科,但初学者应从几个实用的原则入手。

清晰度

清晰度是用户体验最重要的组成部分之一。

用户应能快速理解页面内容、目标受众以及下一步该做什么。

清晰的用户体验设计应采用:

简洁的标题

具体的按钮文字

简短的段落

有用的标签

逻辑清晰的页面分区

明确的下一步操作

与其使用“提交”这类模糊的按钮,不如采用更明确的行动号召,例如“开始免费试用”、“下载指南”、“获取我的报告”或“预约演示”。

用户绝不应该需要猜测按钮的功能。

简洁

简洁意味着消除不必要的阻力。

简洁的体验并非空洞,而是聚焦。

每一个多余的表单字段、弹窗、动画、菜单项、横幅或段落都会增加认知负荷。用户需要付出的努力越多,他们离开的可能性就越大。

简洁的用户体验通常包括:

清晰的导航

内容聚焦

简洁的布局

简短表单

醒目的行动号召

尽量减少干扰

通俗易懂的文案

目标是让用户的下一步操作显得自然而然。

一致性

一致性有助于让用户感到舒适。

如果网站中的按钮、表单、菜单、图标、页面布局和标签行为一致,用户就能更快地掌握,并减少出错。

不一致的用户体验会带来不确定性。

例如,如果一个页面使用“开始免费试用”,另一个页面使用“开始使用”,而另一个页面又使用“创建账户”来表示相同的操作,用户可能会疑惑每个按钮是否执行不同的功能。

一致性适用于:

按钮样式

表单标签

导航

标题

页面模板

图标

错误信息

产品名称

语气

一致的用户体验显得更专业,也更容易让人产生信任感。

用户反馈

用户需要知道发生了什么。

当用户点击按钮、提交表单、上传文件、将商品加入购物车或保存设置时,界面应做出响应。

反馈可以包括:

加载指示

成功提示

确认页面

错误提示

进度条

按钮状态变化

电子邮件确认

如果没有反馈,用户可能会感到不确定。他们可能会再次点击、放弃操作,或者认为网站出了故障。

良好的反馈能让用户充满信心。

无障碍

无障碍设计意味着让网站和产品尽可能被更多人使用。

这包括具有视觉、听觉、运动、认知、语言及情境需求的用户。

无障碍设计可包括:

易于阅读的字体大小

强烈的色彩对比

键盘导航

图片的替代文本

视频字幕

清晰的表单标签

大触控目标

简明语言

逻辑清晰的标题结构

无障碍设计能提升所有人的用户体验,而不仅仅是残障用户。

例如,字幕能帮助无声观看视频的人。更大的按钮能帮助移动端用户。鲜明的对比度能帮助在强光下户外阅读的人。简洁的语言能帮助那些疲惫、分心或匆忙的用户。

可用性

可用性指某事物使用起来有多容易。

一个易用的网站能帮助用户高效且无困惑地完成任务。

良好的可用性意味着:

菜单设计符合逻辑。

表单易于填写。

页面加载迅速。

文案通俗易懂。

按钮易于查找。

用户可以从错误中恢复。

设计能帮助用户达成目标。

如果用户在执行基本操作时需要说明,说明该体验可能过于复杂。

用户掌控

用户应感到自己能够掌控体验。

他们应该能够返回、编辑信息、取消操作、关闭弹出窗口、更新选择以及从错误中恢复。

糟糕的用户体验会将用户困住。

用户控制不佳的例子包括:

没有明显关闭按钮的弹出窗口

结账页面没有编辑选项

提交后数据会被清空的表单

隐藏的取消选项

令人困惑的退订流程

无法撤销操作

良好的用户体验应尊重用户的时间和自由。

速度

速度是用户体验的重要组成部分。

网站运行缓慢会让用户在看到内容之前就感到沮丧。如果页面加载时间过长,用户可能会立即离开。

速度影响:

第一印象

跳出率

转化率

移动端可用性

SEO表现

用户满意度

提高速度的方法包括压缩图片、减少不必要的脚本、使用更好的主机、简化页面设计以及避免使用笨重的插件。

加载速度快的网站给人的感觉更可靠。

移动端体验

如今,大多数用户通过移动设备访问网站。这意味着用户体验必须在小屏幕上表现良好。

优质的移动端体验包括:

易于阅读的文本

轻松点击

加载迅速

简洁的菜单

简短表单

清晰的按钮

无水平滚动

内容适配屏幕

移动端用户体验绝非将桌面端设计简单压缩到更小的空间中,它需要经过周密的规划。

信任

信任是用户体验的关键组成部分。

用户在分享信息、创建账户、下载内容或进行购买之前,需要感到安全。

信任可以通过以下方式建立:

清晰的定价

真实的联系方式

用户评价

安全标识

透明的政策

专业设计

清晰的产品说明

无误导性宣传

简明的取消信息

如果用户感到不确定,即使产品再好,他们也可能会离开。

内容与用户体验相辅相成

内容是用户体验的重要组成部分。

即使页面设计精美,但文案令人困惑,页面仍会失败。用户需要能够解释、引导、安抚和激励的内容。

优秀的用户体验文案应具备以下特点:

清晰

具体

实用

简洁

以行动为导向

易于浏览

针对用户意图撰写

例如,产品页面应说明产品的功能、适用人群、解决的问题、优势所在、价格以及用户下一步该怎么做。

优质内容能减少不确定性。

用户体验与搜索引擎优化

用户体验(UX)与搜索引擎优化(SEO)紧密相连。

SEO 将用户引向页面。UX 则帮助用户留下来、理解内容并采取行动。

如果用户觉得页面没有用,那么即使排名很高,表现也依然会很差。另一方面,结构清晰、内容有用、加载速度快且可用性强的页面,更可能满足搜索意图。

用户体验通过以下方式支持搜索引擎优化:

更优的内容结构

清晰的标题

内部链接

提升用户参与度

降低使用门槛

更佳的移动端用户体验

页面加载速度更快

更精准的搜索意图匹配

Ranktracker 可协助 SEO 团队监控排名、发掘关键词机会、分析搜索结果页面、审核网站,并识别可能需要改进的页面。当 SEO 数据与用户体验理念相结合时,企业便能创建出更能吸引流量并有效转化用户的页面。

用户体验与转化率优化

转化率优化(CRO)致力于提高用户执行预期操作的比例。

用户体验在 CRO 中起着关键作用,因为许多转化问题本质上是体验问题。

例如:

如果用户不理解该优惠,请改进文案。

如果用户不信任该页面,请提供证明。

如果用户放弃填写表单,请减少表单字段。

如果用户找不到按钮,请优化按钮位置。

如果用户在移动端离开,请优化移动端用户体验。

如果用户在结账时犹豫不决,请明确说明价格、配送和保障条款。

更好的用户体验能够将现有流量转化为更多的潜在客户、销售额、注册用户和产品演示,而无需增加访问量。

常见的用户体验错误

许多网站都犯了同样的用户体验错误。

信息过载

当一个页面试图一次性呈现所有内容时,用户可能会感到不知所措。

良好的用户体验会按逻辑顺序组织信息。应从最重要的信息开始,然后引导用户深入了解。

行动号召不明确

行动号召应明确告知用户该做什么。

以下是常见的不足示例:

提交

点击此处

继续

了解更多

更好的示例包括:

开始免费试用

获取免费评估

下载检查清单

比较套餐

预约演示

具体的行动号召(CTA)能减少混淆。

导航过于复杂

如果用户找不到所需内容,他们就会离开。

导航应采用简洁的标签和逻辑分类。避免将重要页面深埋在菜单层级中。

冗长的表单

表单是造成用户流失的主要原因之一。

只索取您真正需要的信息。表单的字段越多,用户放弃填写的可能性就越大。

错误提示不佳

糟糕的错误提示会让用户感到沮丧。

诸如“输入无效”之类的提示毫无帮助。更好的提示应说明问题出在哪里以及如何解决。

例如:

“请输入有效的电子邮件地址,例如 [email protected]。”

页面加载缓慢

加载速度问题会立即损害用户体验。

用户期望网站加载迅速,尤其是在移动端。冗长的脚本、过大的图片以及不必要的设计特效都会导致页面加载缓慢。

移动端设计欠佳

一个在桌面端运行良好的网站,在移动端仍可能出现问题。

常见的移动端用户体验问题包括文字过小、按钮间距过密、菜单难以操作以及表单填写困难。

缺乏信任信号

如果用户不信任网站,他们可能不会进行转化。

信任信号可以包括评论、用户证言、案例研究、安全结账标识、公司详情、保证条款以及透明的政策。

如何改善用户体验

改善用户体验并不总是需要彻底重新设计。许多改进都源于细微而有针对性的调整。

了解您的用户

首先,了解您的用户是谁以及他们需要什么。

请思考:

他们为何访问?

他们希望解决什么问题?

他们需要哪些信息?

他们有什么疑问?

什么顾虑可能会阻碍他们?

他们使用的是什么设备?

你希望他们采取什么行动?

良好的用户体验始于用户意图。

审核您的现有网站

从用户的角度审视您的网站。

重点检查:

令人困惑的页面

导航不清晰

效果不佳的行动号召(CTA)

加载缓慢的页面

表单过长

缺乏信任信号

移动端布局不佳

内容单薄或模糊

链接失效

难以阅读的版块

网站审计可以揭示那些同时损害用户体验(UX)和搜索引擎优化(SEO)的问题。

简化关键页面

首先关注最重要的页面。

这些可能包括:

首页

价格页面

产品页面

服务页面

联系页面

结账

注册流程

演示预订页面

热门博客文章

在关注次要页面之前,请先优化这些页面的清晰度、结构、加载速度和行动号召。

优化页面结构

用户在阅读前会先浏览。

良好的页面结构有助于用户快速理解内容。

使用:

清晰的 H1 标题

实用且分明的 H2 和 H3 章节

简短的段落

简明易懂的说明

引人入胜的开篇段落

内容逻辑清晰

醒目的行动号召

在必要时提供常见问题解答

结构清晰的页面更容易让用户和搜索引擎理解。

简化表单

表单应尽可能简单。

要改善表单用户体验:

删除不必要的字段。

使用清晰的标签。

显示有用的错误提示。

让必填字段一目了然。

确保表单适配移动设备。

避免过早索取敏感信息。

确认提交成功。

一个更优质的表单能直接提升潜在客户数量和转化率。

通过真实用户进行测试

发现用户体验问题的最佳方法是观察真实用户与网站的互动。

即使只有少量用户测试,也能揭示内部团队忽略的问题。

用户可能会对标签感到困惑、错过按钮、误解文案,或者在团队看来显而易见的流程中卡住。

用户体验设计应基于真实行为,而不仅仅是主观意见。

利用数据

分析工具可帮助您找出用户体验失效之处。

关注:

跳出率高的页面

转化率低的页面

滚动深度

表单放弃率

设备性能

页面加载速度

搜索排名

点击行为

转化路径

Ranktracker 能够从 SEO 角度支持这一流程,帮助团队识别重要的自然搜索页面、监控排名变化,并优先处理那些已吸引流量但需要优化用户体验以提升转化率的页面。

不同类型网站的用户体验

用户体验的基本原则适用于每个网站,但优先级可能有所不同。

SaaS 网站

SaaS 用户体验应帮助用户快速了解产品、发现价值、比较套餐,并开始试用或演示。

重要的用户体验要素包括:

清晰的产品信息传达

功能说明

使用场景

屏幕截图

价格透明

试用或演示的行动号召

社交证明

简易入门

电子商务网站

电子商务的用户体验应让购物变得轻松且值得信赖。

重要的用户体验元素包括:

产品筛选

清晰的图片

用户评价

配送详情

简易结账

安全支付标识

简易退货指南

清晰的产品描述

醒目的“加入购物车”按钮

服务类企业网站

服务类网站需要建立信任并方便用户联系。

重要的用户体验元素包括:

清晰的服务页面

经验证明

案例研究

客户评价

联系方式

简易报价表

公司位置

强有力的行动号召

博客与内容网站

内容用户体验应让文章易于阅读和浏览。

重要的用户体验元素包括:

清晰的标题

简短的段落

易于阅读的字体

内部链接

相关文章

加载速度快

极少干扰性广告

有用的搜索或分类

着陆页

着陆页的用户体验应聚焦于一个主要操作。

重要的用户体验元素包括:

醒目的标题

清晰的优惠

以利益为导向的文案

信任信号

简洁的设计

精准的行动号召

干扰最少

加载速度快

适配移动设备的布局

初学者如何更快掌握用户体验(UX)

学习用户体验的最佳方式是研究真实的网站并提出实际问题。

在使用任何网站时,请自问:

目的是否明确?

导航是否简单?

我是否知道下一步该做什么?

是否有令人困惑的地方?

该页面是否让人感到值得信赖?

表单填写是否简单?

移动端体验好吗?

哪些内容可以删除?

哪些内容可以表述得更清晰?

随着时间的推移,你会开始发现一些规律。优秀的用户体验通常给人以简单、清晰且有条理的感觉。糟糕的用户体验通常让人感到杂乱、困惑、迟缓或不确定。

用户体验基础检查清单

一份初学者用户体验检查清单能帮助你审查任何页面。

请自问:

该页面的目标是否明确?

主标题是否具体?

用户能否快速理解页面提供的内容?

导航是否简洁?

下一步操作是否显而易见?

按钮是否清晰且具体?

该页面是否适合移动设备?

页面加载速度快吗?

文案是否通俗易懂?

表单设计是否简洁?

错误提示信息是否有帮助?

信任标识是否清晰可见?

用户能否从错误中恢复?

版面布局是否一致?

页面是否符合搜索意图?

遇见Ranktracker

有效SEO的一体化平台

每个成功的企业背后都有一个强大的SEO活动。但是,有无数的优化工具和技术可供选择,很难知道从哪里开始。好了,不要再害怕了,因为我已经得到了可以帮助的东西。介绍一下Ranktracker有效的SEO一体化平台

我们终于开放了Ranktracker的注册,完全免费!

创建一个免费账户

或使用您的证书登录

如果上述多个问题的答案是否定的,该页面可能需要改进用户体验。

结语

用户体验的基础并非在于让网站看起来花哨,而在于让网站对真实用户而言更易用、更清晰、更快捷、更有用。

良好的用户体验能帮助用户明确自身所在位置、可执行操作、信任理由以及达成目标的途径。

对于企业而言,更好的用户体验可以提高转化率、减少操作阻力、提升SEO表现,并打造更强大的品牌体验。

无论您正在开发SaaS产品、电商平台、代理商网站、博客、落地页还是在线工具,目标始终如一:让用户的旅程更加顺畅。

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

开始使用Ranktracker...免费的!

找出阻碍你的网站排名的原因。

创建一个免费账户

或使用您的证书登录

Different views of Ranktracker app