资讯动态资讯动态
什么是用户体验?网站UX设计流程的4个步骤
时间:2021-08-03 来源:本站 浏览:4335次

您知道用户体验对于设计良好的 UX 网站的成功至关重要。这意味着您的客户可以顺利使用您的网站。这将导致您获得更多转化。您的客户感觉不好,转而去竞争对手的网站。那么什么是好的 UX 设计呢?欢迎来到用户体验设计流程。

UX 设计过程是一种逐步构建网站或应用程序的方法,我们将用户体验建立在设计决策的基础上。这意味着您可以在整个创建过程中优化网站的用户体验。

但该过程可能会根据您所从事的项目类型和您的经验水平而改变。事实上,每个人都需要不同的用户体验设计时间来使网站成功。那么你怎么知道哪些步骤真的很重要呢?

在本文中,我们概述了每个项目必不可少的四个步骤,无论您希望开发网站的专业人士是谁。我们将在每一步为您提供实用建议,以便您可以从头到尾构建个性化网站。

在开始之前……

用户体验设计可以非常高效。如果你从正确的想法开始 在您深入研究 UX 设计过程之前,您应该在整个网站构建过程中牢记一些原则:


  1. 观众永远是第一位的。

    网站设计,我们会主要看用户的角度。当我们跟踪查看工作是否正确时,这非常容易。这些都源于企业想要告诉用户的内容。用户想要什么?或者用户做什么

    商业目标很重要。但这将是一个非常好的主意。如果我们开发网络来帮助用户实现他们的目标,例如,如果您想提高参与度,则需要专注于为用户开发网络。易于使用,有趣,易于阅读,得到他们真正想要的。

  2. 沟通与协作

    当你开始设计用户体验时,把所有东西放在一起。构建您的网站涉及各个领域的专业知识,因此无论您拥有 2 人还是 200 人的团队,让每个人都在同一页面上并提供反馈是一个很好的做法。这意味着您将专注于相同的目标,并且您将从各种想法中受益。

    同样,如果愿意,与团队外的专家合作也是无害的。获得专业帮助的好处 除了你的熟练程度 专业的设计师和开发人员会给你新的视角,并指出你不感兴趣的问题。(因为你离项目太近了)


测试、改进和再次测试

好的用户体验设计需要重复——在每一步中多次测试和改进你的设计,以使其完美。

而一些设计师选择在过程的最后进行实验。但最好的做法是尽快开始测试。会及早发现问题并且更容易修复 由于预算和时间的限制,您无法将每个版本的设计交付给最终用户。但会尝试根据要求获得反馈。

网站UX 设计流程的 4 个步骤


  1. 研究——你的用户是谁,他们想要什么?

  2. 分析——分析用户目标 然后提出想法来设计一个响应用户的网站。

  3. 设计和可用性测试——设计和可用性测试——设计结构和布局,然后将其调整到接近完成。并立即测试

  4. 评估- 评估我们网站的表现的过程。哪里有缺陷


研究

在开始设计之前 你必须了解你的目标受众。是什么驱使他们访问您的网站?检查您的竞争对手也是一个好主意。因此,您可以了解竞争对手如何响应其用户的需求。

用户研究将有助于消除您最初对客户所做的任何假设。它使您可以看到用户的需求与您的需求不同。曾经使用过一个应用程序并被你不想要的这么多选项弄糊涂了吗?那是糟糕的用户研究。你越了解你的用户想要什么,你就能给他们越多。

所以你会怎么做?


  1. 客户统计统计客户端

    让我们从电子邮件列表和 Google Analytics 中查看客户数据,以查找一般客户数据,例如年龄、性别和收入。用户调查在此阶段也很有帮助。我们将能够知道谁是正确的目标受众,谁不是。

  2. 访谈和焦点小组 

    访谈和小组讨论等定性研究将帮助您真正了解您的用户。当他们访问您的网站时,您可以了解他们的态度、信念、动机和期望。如果你有限制 时间和预算 您可以通过电话或 Skype 进行面试。

  3. 检查当前用户行为 

    如果您要重新设计网站,请通过对现有网站的网络分析来监控用户行为,以确定需要更改的内容。一位用户尝试在移动设备上访问您的网站,但遇到了以下问题 新版面?他们是否在转换发生前离开了特定页面? 

  4. 竞争对手研究

    最后,最好检查一下您的竞争对手。他们为观众提供了什么?您如何才能更好地向用户提供它们?访问竞争对手的网站也是一个好主意。拥有与用户相同的体验


分析

这是研究您选择的关键字的结果的阶段,以确定一般用户的性质及其访问您网站时的主要目标。之后,您可以将所学内容建立在您的网站设计理念上。

所以你会怎么做?


  1. 用户画像 

    从您收集的信息中 创建3-5个用户的特征:假设一个虚拟用户。这些将帮助您在设计网站时关注您的用户。

    创建用户特征 看看你的人口统计数据并回顾你的面试中最常表达的目标和期望。设置你的姓名、年龄、职业和背景。包括他们希望从您的网站流量中实现的目标。

  2. 情景地图情况

    然后为每个人创建一个场景:他们实现目标所需的时间。他有多少种方法?你可以使用便利贴、流程图或其他任何东西,并将其形象化在故事板上。这是表达想法的基本方法。你可以看到用户 您如何使用您的网站以及您想要或不想要什么?

    在每项行动中,写下使每一步更容易的想法。包括什么令人沮丧以及如何解决它。确定哪种布局是好的或哪些功能是有用的。

    在您访问网站的每一步都考虑您的受众的期望。与其他网站相比 执行与其他网站相同的步骤并没有错。如果它适合你的观众


设计和可用性测试

设计和可用性测试 用户操作现已创建并归于他们。那么您准备好设计您的网站了吗?

让我们从网站的基础开始:如何组织每个页面上的内容?以及如何将这些网页链接在一起以便于使用?

一旦您完善了这一点,您就可以继续开发交互式原型。您可以在此处进行一系列可用性测试,以改进设计的性能并建立网站的视觉元素。

好的,现在我们正在为这一步做好准备。两者都分析各种数据,Keyword,User。接下来,是时候尝试创建一个像真正使用的Prototype了。在这里,您可以测试以前在各种场景中设计的功能,并查看它如何执行和完成改进。然后再测试

所以你会怎么做?


  • 线框

    线框是简单的网页截图,显示了各个部分的位置。线框显示了内容在每个页面上的排列方式。显示网站的结构 页面连接 查看不同的类别。您可以检查网络结构是否有效。通过一次绘制一个步骤 像真实用户一样模拟 看看用户能否实现他想要的。

    我们可以用手或计算机程序开始绘制线框。事实上,根据各种测试结果的反馈,Wireframe 有多个版本。找到最好的网站工作流程

    在每个版本的测试中,为您的参与者设定一个要实现的目标,并观察他们与您的大纲互动。征求测试人员的反馈 因此,您可以了解他们的期望,并找出他们对网页浏览感到不满的地方。

  • 原型制作

    一旦您完善了您的布局,您就可以将您的设计开发成原型。可用于虚拟现实

    有许多原型创建工具可以帮助您自定义 Visual Element、Transition 或其他任何内容。在这一步中,我们关注必须与相同功能交互的原型。

    真正的工作,因为这是让用户最了解的东西。可以看到他们使用的网站最喜欢或不喜欢的 哪里有缺陷

  • 可用性测试工具

    当我们创建一个可以虚拟工作的原型时 这实际上更便宜且耗时更少。网络代码真的出现了。在这里,您可以将您的设计放入可用性测试过程中。

    让用户测试和衡量您的原型是否易于使用,并寻求反馈以提供见解和改进的想法。

    最受欢迎的工具是热图,它显示您网站上获得最多点击的区域。所以你可以看到什么最受关注。记录人们与原型交互的会话是分析设计有效性的另一种方法。此信息可帮助您了解用户首先获取哪些元素。它还可以告诉您问题,例如被误认为链接的图像。

    测试后,审查结果并在每个错误中改进原型。再次测试 检查已经完成的开发,看看它是否表现良好。在每个原型中重复此操作将有助于密封孔。并让它运作良好


评价

完成设计后接下来是实际的网站设计。但是,即使您的设计将在任何平台上开发,您也必须检查工作何时完成。设计是否正确。即使是设计良好的网站在发布后也需要定制。图标是否必须更加突出?是否有比您预期的更受欢迎并且可以扩展到其他领域的功能?在这里,您将微调您的网站以对其进行最后的润色。

那么如何在 UX 设计过程中做得更好呢?


  • 可用性测试


在您打开网站之前 您应该从头开始重新测试,包括原型、热图和会话记录,以确保网站性能。包括编写有效的代码。

当网站实际运行时 您需要更改测试工具以跟踪用户的使用情况。除了设计时的虚构用户数据外,您还可以在此处获取信息。了解如何解决客户遇到的意外问题。


  • 网站分析


在您的新网站获得足够的流量后,您可以查看您的量化指标(例如转化次数),以处理可能导致某些用户关闭网页的问题。网络分析还可以帮助您跟踪用户人口统计数据。您的增强型网站是否扩大了您的客户群?搜索,您可以修改您的营销以吸引新的受众。


  • 用户反馈调查


就像您在设计过程开始时所做的那样,使用调查可以让您深入了解客户在使用您的网站时的感受。将您的数据与您最初收集的研究进行比较是评估改进的好方法。


  • 持续评估


随着您的业务和用户的需求会发生变化。您的网站也应该开发。定期评估您的网站是个好主意。检查是否有新功能 允许用户方便地使用它 或者客户想要什么功能

总结

这是创建一个网站的用户体验设计过程。这不是很容易吗?但是学起来也不是很难。为客户提供最好的工作 以防止您的网站被放弃,加油!

微信
微信客服二维码
微信客服
QQ QQ客服
返回顶部
在线咨询