网站用户体验设计与优化指南

|每个人都是产品经理

用户体验是什么？用户体验涉及哪些方面？

用户体验（User Experience，简称：UE/UX）它是用户在使用产品（服务）的过程中建立起来的纯粹主观的心理感受。从系统上讲，它是一个全方位的概念。用户体验可以在 产品的不同阶段、不同渠道、每一个可能与产品、服务和企业自身接触的地方产生。影响用户实际使用体验的因素很多。尝试产品（服务 ）的用户个体差异也决定了每个用户的真实感受/体验不能通过非常有效的方式完全模拟或再现。然而，对于一个定义明确的用户群体来说，通过良好的设计测试/实验可以实现用户体验的共性 。

网站用户体验的设计体现在客户与我们网站之间的所有互动上。所有互动对象包括观看我公司最新产品宣传对话、点击浏览官方网站、查看帮助中心、广告、 电子邮件和通过即时通讯的对话……甚至只是产品页面上的一个小标签。经过仔细的研究和比较，我们发现所有这些都会随着时间的积累而联系起来，形成用户对网 站整体的感知&体验。这些体验的设计不是随便产生的；而是从用户浏览行为产生的各种数据中不断挖掘和提炼；从用户产品的不断测试/反馈中找到 的最佳方法。

为何强调网站用户体验设计？

用户体验就是生活。生活涉及到你的体验，闹钟、浴室、公交车、打卡 机、红绿灯、手机、电脑、键盘、鼠标……每天，我们都在处理产品，每天使用和体验产品。有些产品在使用过程中状况不佳。例如：一个看起来很 Feel闹钟的唤醒功能设计了太多的选项，因为用户不知道如何配置一个简单的唤醒功能…产品 原型是从最初的大量数据收集、研究和分析中设计出来的，产品上线后不断调整优化，是产品的不归路…

挖掘网站是挖掘各行业网站用户体验设计元素的商机。简单地说，和ROI电子商务网站良好用户体验设计的直接表现是网站用户交互频繁，用户粘性增加；间接销售增加。依赖搜索引擎营销的网站，优化网站用户体验将有助于 搜索引擎排名，并带来更多的访问流量。另一个例子是：色情网站的目的是盈利，重点是抓住用户群体的心理甚至生理需求。

在当今的互联网时代，产品能否成功，用户体验越来越成为一个关键因素，用户购买你的产品，而不是与你结束交易。相反，当用户拿起你的产品并使用你的产品时，用户体验产品的旅程才真正开始，用户体验之旅是否愉快将直接影响你的声誉和销售。当技术条件差别不大时，我们可以通过不断尝试改进产品体验设计，改善用户体验，让用户感到更快乐、更有价值，这将是建立品牌和声誉的有效方法。

以用户 为中心的设计理念不断加强，对设计和增强用户体验的重要性产生了一些怀疑和讨论。简单地说：这很重要，因为它直接处理用户的需求。以用户为中心，以可用性为中心，将使我们的网站与众不同。只有两件事决定了我们如何设计用户体验：我们的想法和用户想要体验的东西。

了解网站用户体验设计– 用户体验的五个要素

这五个要素被称为网页用户体验设计的五个要素了解它的整体，学会分解和调整细节，慢慢成长。

网站用户体验优化指南– 我们一起思考几个与用户体验相关的问题

网站已经发布了很难改变整个框架的规模。为了更好地体验它，我们应该去其糟粕，取其精华；去其糟粕是为了在某些方面更好；放弃其他不重要的方面，以便在某些方面更好。

1、明确目标：充分了解用户的关键需求，充分挖掘用户需求的内容

在开始确定优化目标之前，问问自己：我如何提供用户的需求并实现我的目标？ 要回答这个问题，首先要了解用户的目标和他们自己的目标是什么。全面收集和分析用户的显性需求，通过各种数据分析挖掘隐性需求，并尝试结合自己的目标思考，大致确定网页呈现类型（博客文章、图册展示、电子商务购物等）。我们需要考虑我们网站的核心产品和优势，并关注相关领域的优秀产品案例。也许我们会认为我们的网站在很多方面都很好，但最好的建议是关注一两个核心优势，关注最好的领域，提供高质量的内容。这样， 就不会厌倦创造产品或服务。

在一切开始之前，问问自己以下问题：

用户如何找到我的网站？

它们的来路特征是什么？

他们要找什么？

我能提供他们需要的吗？

他们是否忘记了某些方面？

基于以上，我想从用户那里得到什么？

如何从用户的行为中得到理想的回应？

假如我们操作一个IT在考虑了上述所有问题后，技术信息网站可以得出以下简单结论：

大多数用户来自搜索引擎

通过关键词直接进入文章页面

用户要找的是关键词相关的具体内容

我们在着陆页上向他们展示整页的详细文章

虽然我们的网站提供相关内容，但用户似乎对他们需要更多信息的帮助并不满意

我们的目标是让用户参与互动，停留更长时间，阅读更多内容，认可网站的重点

真正的困难在于如何实现这一目标。我们可以向用户证明网站上还有其他相关和有价值的内容，并鼓励他们继续阅读。这可以通过在每篇文章的底部或右边的栏中放置一些相关或热烈的文章列表来实现

二、结构清晰:根据自己的业务主体设计清晰的网页信息结构

无论用户到达哪个页面，我们的网站都应该在几秒钟内通过第一个屏幕（即第一个屏幕）的醒目位置吸引他们的注意力，并向他们展示我们提供的主要内容。一般来说，通过使用 简单的级别，可以建立一个清晰的网页结构。根据自己的业务主体进行分类和区分，可以为用户提供良好的指导，突出我们看到的内容。

需要注意的是 网站的信息结构。最好是采用一致的方式组织和显示网站中的信息，这样用户可以从不熟悉的网页中找到熟悉的网页。如果网站结构与用户的预期不一致或者不符合 逻辑，他们可能会无所适从，不知道接下来要去哪里。这会给用户从整体上认知网站带来困扰，最终导致他们离开网站。

以下简单的网页设计技巧可以使网页井井有条：

网格：用简单的网格安排网页上的元素可以带来有序的感觉

尺寸：尺寸是引导用户最简单的设计方法之一，敢于使用大尺寸的引人注目的元素来吸引页面上最重要的信息

对比:并排显示网页上的元素时，试试不同的颜色、饱和度或透明度

对齐：相关元素沿同一轴排列，获得整体协调感

第一屏:以600像素为第一屏高度设计最大兼容性

空白：在特定元素周围留出空白区域，使用户特别关注这些元素

字体：不要使用两种以上的字体和三种以上的颜色，以确保一致性

简单示例：

事实上，新闻和信息类型的网站通常会通过层次投入大量精力来建立信息结构。突发新闻或最重要的新闻在屏幕上占据主导地位。这确保了用户首先看到它们。与网站的其他内容相比，重要的头 新闻标题将被加粗，这样，浏览网站的用户就可以轻松快捷地找到它们。照片与标题的大小及对比差异有助于引导用户浏览网页。

三、操作简单:以用户为中心设计清晰的网站交互操作流程

确保用户总是知道下一步该在我们的网站上执行什么。当用户来到我们的网页时，他们应该首先关注哪里，然后关注哪里，这应该非常清楚。此外，无论是点击购买购买还是阅读更多相关文章，他们下一步都应该简单明了。

考虑以下几点：

简单：不要使用太多不同的操作来打乱网页。认真考虑引导用户执行哪些操作，并在设计中优先考虑这些操作

突出：利用大小、颜色和对比度或空白来突出广告语言

导航:有了它，无论用户在哪个页面，用户都不会再卡在这个页面上。

排版：最常见的网页布局错误之一是定义不正确的行高和标题margin值

激励:激励用户执行操作。在折扣、礼物、抽奖或访问更多内容中，包括合理的激励

接近：一定要把广告语言放在页面的合理位置。例如，如果页面的主要内容是一篇文章，你最好把广告语言放在文章下面，不要故意干扰用户的阅读

一致性：在整个网站上展示广告语言，并保持其外观一致

拓展提示：

分析大多数用户可能使用的访问设备，了解当前用户设备的特性（浏览器提供的相应交互）API）让网站设计师考虑灵活地将它们融入到网站的风格中，以创建一个优秀的相应设备的网页版本。网站简单易用的互动体验绝对有助于用户的转型

四、思考用户场景:提供与用户体验一致的场景

无论何时何地，只要用户需要，您的网站都应该为其提供良好的体验。您需要考虑用户在不同情况下使用网站的方式有何不同，这要素很重要。一定要考虑用户的时间限制以及他们使用的是移动设备还是计算机。

考虑用户访问我们网站时的可能性：

情况:用户在什么情况下在你的网站上搜索信息？

限制功能：您网站的移动版本应该只包括网站的核心功能，这可以帮助用户准确地找到所需的信息。节省桌面版本的其他先进功能，因为用户在访问桌面版本时可以停留一点

速度：考虑到用户没有足够的时间，您的网站必须尽。Google的Page Speed该工具提供了一些提高网站开放速度的方法。当然，如果您想获得更全面的性能分析，我建议您尝试使用它WebPagetest做检测

容错:用户经常犯错误，尤其是在使用移动设备时。提供他们无需使用后退按钮即可轻松取消的体验，轻松返回原始位置或状态

举例：

假设我们做一个餐厅评论网站。移动用户和桌面用户的行为有什么区别？首先，我们提供了一个很好的响应性网页版本，考虑到移动用户可能会外出，甚至在购物时浏览网站。他们没有时间仔细浏览餐厅的详细介绍，就像使用桌面版本的网站一样。他们希望这个网站通过手机GPS定位他们的位置， 搜索附近流行的餐厅。由于用户没有时间阅读更长的评论，我们的网站甚至可以通过显示最受欢迎的短评论来优化移动用户的评论体验。正确的设计 创建了最合适的用户场景体验，这种体验是无意识地给用户同时让用户在接触的那一刻，那么如何让用户移动呢？

五、多渠道来源：多渠道与用户建立联系，推出高质量内容，吸引用户

在之前的讨论中，我们介绍：了解用户的需求，并向他们提供所需的内容。你现在可能在想，如何让用户一次又一次地回顾它？毕竟，回头客是在线和离线企业的生命线。为了让用户再次光顾他们，仅仅回答他们的问题是不够的，你需要一些方法来吸引他们回到你的网站。

这里有几种方法可以帮助你将一次性访问者转化为回头客：

新内容：首先是最重要的一点，你需要继续推出新颖和高质量的内容。然后，您需要确保这些新内容显示在流行的登陆页面上

相关内容：在网站的其他位置向用户显示类似内容。划出一个区域，为用户提供网站上同一主题的热门内容链接。这将吸引用户浏览更多内容

社交网络：让用户通过他们最喜欢的社交网络与你交流和互动。
所有主要社交网络都提供了窗口小部件，您可以将它们放在网站上，方便用户关注您。一旦吸引到了这样的用户，就一定要确保展示最受欢迎的内容，推动他们不断回访

电子邮件：确保用户可以订阅您的电子邮件列表，以获取更新和/或简报

用户参与：使用户可以通过论坛、评分或推荐机制方便地与您的内容互动

示例：

如 果我们的网站是提供VPS租赁优惠信息网站，也就是说用户可以在您的网站中搜索最新的VPS租赁优惠信息，那么您首先可以提示用户注册，并引导用户选择平 时关注的各大VPS服务商，以便在有符合他们兴趣的新优惠信息时可以通过电子邮件通知他们。我们还可以显示推荐该优惠信息的用户数量，这样用户一对比就能 看到哪些服务商推出的优惠活动较为热门。

总结贯穿网站用户体验优化/设计的三大核心原则：

1.界面(UI)以及各种交互设计面向用户，让用户简单控制，轻松完成操作；

2.减少用户的记忆负担，思考的时间；

3.保持网站的一致性，不要让用户产生茫然失措的感觉，最后无助的离去；

请记住：用户体验设计的初心应该在产品构思成型的过程中就应该思考好：产品始终是以用户为中心。它的主体是用户，对象是产品，这是最基础的认知。后续的用户体验优化一切从细节开始，尝试/测试贯穿于每一个细节。创造超出用户预期的产品设计，给用户带去惊喜。

用户体验的目的是希望用户最终愿意为这份体验给予我们所期望的回馈，比如购买产品、品牌认知、宣传口碑等，可以说用户体验是唯一能够触发用户情感的产品因 素。用户体验的概念从实体工业一直到如今网络虚拟，用户体验已经成为一种新的产品价值，技术已经不再是产品核心竞争力时，产品的竞争实质上就是用户体验的 竞争，用户注重的不再是产品的性能优异，而是喜欢产品所带来的价值观和愉悦感。

互联网分析沙龙号：techxue

·热点·干货·趣分析