成为更优秀前端开发人员的 5 个 UX 技巧

1. 使用精致的用户界面

2. 使用微交互

3. 减少完成任务所需的操作数量

4.减少加载时间

5.直观

结论

感谢阅读

光看标题，你可能会想，你上周不是发了一篇关于同一主题的文章吗？我们先来解决这个问题。许多设计师经常混淆使用UX和UI，这是一个常见的错误。所以，我们必须区分这两者：

用户界面（UI）是指人与产品进行交互的空间，而用户体验（UX）是与产品交互后的情感结果。

现在，解决了这个问题，让我们继续讨论如何提供令人惊叹的用户体验

1. 使用精致的用户界面

毋庸置疑，UI是UX不可或缺的一部分。如果没有精致的UI，您将永远无法提供令人难忘的用户体验。

在开始开发实际产品之前，使用Figma或Adob​​e XD等工具创建线框或模型也是一个好主意，因为对线框进行更改比对最终产品进行更改要容易得多。

您可以查看这篇文章，将您的UI技能提升到一个新的水平。

2. 使用微交互

微交互是用户体验 (UX)的关键要素之一。你可能想知道这些“微交互”到底是什么？好吧，让我来解释一下。

微交互是指由某些用户操作触发的UI中的细微变化。例如点击、滚动、悬停等。

如果没有微交互，用户就会觉得你的网站缺少了一些东西，即使他们能够找出问题所在。

注意：您不需要使用一些超级花哨的动画，只需要基本的动画就足够了（但花哨的动画确实有助于保持用户的参与度）

3. 减少完成任务所需的操作数量

人类的注意力持续时间正在日益缩短，甚至连金鱼的注意力持续时间都比我们人类更长。用户为了实现目标需要执行的操作越多，他完成目标的可能性就越小。

解决方案？频繁操作应该用大按钮，放在容易触及的区域。另一种减少用户操作难度的方法是：

无操作>滚动>单击

如果您确实必须使用点击，请确保尽量减少点击次数。

4.减少加载时间

网站速度的感知取决于加载时间和动画的流畅度。对用户来说，最重要的是你的网站感觉很快（即使这只是他们的感知）。

正如上文关于注意力持续时间缩短所提到的，超过几秒钟的延迟通常会导致用户离开网站，因此请确保您的网站加载速度快。

您可以使用如下流畅且迷人的 加载动画来为自己争取更多几秒钟的时间：

动图

5.直观

新手设计师常常试图从众多设计师中脱颖而出，设计出美观却极其混乱的布局，让用户连完成一些小任务都费解。显然，用户参与度会下降。

没有人喜欢让自己感到愚蠢的人（或网站）。

您应该使用常见的网站模式和界面，而不是让用户学习新的东西，因为一致且易于使用的 界面可以帮助用户专注于内容并轻松浏览内容。

结论

给自己一点鼓励吧；现在你也可以成为一名出色的UX设计师了。

动图

希望您能在您的应用程序中运用这些概念并制作出令人惊叹的网站:)

感谢阅读

需要一位顶级软件开发自由职业者来解决你的开发难题吗？在Upwork上联系我

想看看我正在做什么吗？查看我的个人网站和GitHub

想联系我吗？请在LinkedIn上联系我

关注我的博客，每两周在Medium上获取最新资讯

常问问题

这些是我经常收到的一些问题。希望这个常见问题解答部分能解决您的问题。

1. 我是初学者，该如何学习前端 Web 开发？
   可以参考以下文章：

   1. 前端流行语
   2. 前端开发路线图
   3. 前端项目构想
   4. 从初学者过渡到中级前端开发人员

2. 你能指导我吗？
   
   抱歉，我工作已经很忙了，没时间指导任何人。