“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第5篇文章，点击查看活动详情”
UX、UI 和前端的定义
在找工作的时候，您可能会找到正在寻找 UX/UI 设计师的职位。您还会发现，具有 UX、UI 或前端功能的人将被期望选择属于其他角色之一的任务。这通常是由于人们不知道这些领域中的每一个都需要什么以及它们有何不同。为了帮助解决这个问题，本章将重点介绍 UX、UI 和前端的定义。
UX（用户体验）
从本质上讲，用户体验是关于使用特定产品、系统或服务的感觉。它涉及以下问题：
- 用户感觉自己在控制吗？
- 用户信任这个产品吗？
- 用户是否感到沮丧？
那些使用 UX 的人的目标是更好地了解他们的用户，以便他们能够创造出适合他们的需求、需求和技能的产品。最终目标是为用户创造一种感觉自然的东西，并且不需要任何思考。
看看下面一个糟糕的 UX 示例：
在上图中，字段中建议的日期格式与验证中要求的日期格式不同。像这样的不一致可能非常令人沮丧，因此是糟糕的用户体验。
UI（用户界面）
UX 专注于用户的感受，而 UI 则专注于他们所看到的。它是人和机器交互的地方。UI 不仅仅是为了让一些东西变得漂亮，还要让它易于解释。相关问题可能是：
- 图标容易理解吗？
- 这些颜色对色盲的人来说有足够的对比度吗？
- 字体是否清晰？
它也不限于视线；所有感官都可以通过 UI 发挥作用，例如当用户将鼠标悬停在按钮上时游戏会提供音频反馈。UI 的目标是制作一个简单、高效和令人愉快的界面。
看看下面的坏和好的 UI 设计的例子：
使用不一致的图标会阻止您创建品牌感觉。图标也应该易于解释。此外，对于有视力障碍的人来说，“不正确”的图标可能很难。
前端
虽然 UX 和 UI 通常更专注于研究和设计，但 Frontend 更关注实施。它是使用 HTML、CSS 和 JavaScript 等编程语言来确保用户点击按钮时实际发生的事情。相关问题是：
- 我怎样才能确保这个按钮做正确的事？
- 如何优化此页面的速度和可扩展性？
- 如何有效地重用重复元素？
能够正确解释所提供的设计并在有不清楚的地方提出问题非常重要。目标是确保用户可以按预期与产品进行交互。
UX、UI 和前端如何交互
尽管上一课着重阐明了这三个领域之间的差异，但不可否认的是，它们之间的关系非常密切。归根结底，他们都希望使用户和产品之间的交互尽可能好。它们之间的界线非常模糊，如果你对其中一个做出改变，势必会给另一个带来后果。这就是为什么查看 UX、UI 和前端如何交互很重要的原因。
在 UX 和 UI 之间
对于从事 UX 工作的人，许多人主要被认为是研究人员或设计师。同样，使用 UI 的人可以被识别为设计师或开发人员。
UX和UI设计有一些明显的区别；例如，您可以拥有一个看起来很棒但无法使用的应用程序，反之亦然，但也有许多方面可以分配给其中一个或两个。
如上一课所述，UI 设计师可能会关心特定颜色是否可供色盲人士使用。
用户体验设计师也可能会考虑到这一点，因为无法访问的应用程序可能会非常令人沮丧。
因此，负责 UX 和 UI 的人员紧密合作非常重要。
在 UI 和前端之间
虽然 UI 设计师可能与 UX 设计师重叠，但 UI 开发人员可能会与前端开发人员共享一些工作。
UI 开发人员更专注于构建应用程序的视觉方面，而前端开发人员则专注于确保其正常工作。
尽管这在理论上很好，但让一个人添加一个文本框然后等待其他人确保对输入的信息完成某些操作可能是非常低效的。所以在这种情况下，UI和前端之间的良好协作也很重要。
在 UX 和前端之间
尽管 UX 和前端之间的重叠不太明显，但它肯定存在。如果一个页面加载时间很长，这可能是前端需要解决的问题，但受影响的是用户体验：人们不太可能对缓慢的应用程序有积极的感觉。
一般来说，前端需要实现用户体验设计的东西，而用户体验可能必须围绕前端的可行性进行设计。归根结底，这两个域本质上是相互关联的。
由于所有这些模糊的界限，很难划分任务和责任。相反，重新构建开发团队中人们的角色可能是一个想法。
UX 工程师角色
研究、设计和开发需要大量的工作。不幸的是，很多这项工作经常被忽视或分配给一个很快成为瓶颈的人。在更幸运的情况下，公司意识到这项工作的重要性，并会聘请 UX 研究员或设计师、UI 设计师和前端开发人员。
这些人能够并肩工作真是太好了，但归根结底，他们每个人都是单点故障。如果他们中的任何一个出现了意外，就没有人真正去接他们的工作了。
为了降低这种风险，西门子Mendix 利用了 UX 工程师的角色：熟悉所有三个领域的人。
这个角色的目的不是让一个人做三个人的工作，而是让几个人可以在设计和实现体验和交互的各个方面进行协作。通过这种方式，他们将有其他人从中汲取灵感并与之分工。
理想情况下，UX 工程师应具备以下技能：
- 西门子Mendix 开发：能够通过构建页面、纳流/微流和领域模型来实现所需的功能
- 编码：能够使用 HTML、Sass/CSS 和 JavaScript 自定义应用程序的外观和功能
- 质量保证：知道如何使应用程序易于访问、响应迅速并确保一切按预期工作
不应期望每个人都是这些技能中的每一项的专家。
每个用户体验工程师都可以拥有他们更熟悉的领域，但目标是他们可以在需要时互相帮助。
总结
通过本文的分享，我们清楚了解了UX、UI和前端有什么区别，并且如果让这3个角色更好的进行合作，我们可以定义UX工程师角色，这样或许可以更好的来完成工作。我们可以尝试一下，在低代码的世界，角色会有不一样的定义。
