关注文本

如何制作一个优秀的网站？每个人都随时准备给出答案：炫目的动画！最新的朋克摇滚 CSS 技巧！渐变！插图！冲击力十足的颜色！Vite！当然，所有这些都可能使网站变得更好。但是，无论应用程序多么花哨，或者引擎盖下使用的技术多么令人眼花缭乱，一个优秀的网站始终需要优秀的文本。

因此，每当我陷入思考“如何改进这个网站？”这个问题时，我都会知道答案始终是

关注文本。

没有优秀的写作，网站就更难阅读，极难导航，也无法记住。没有优秀的写作，它几乎算不上是一个网站。但日复一日地记住这一点很困难——尤其是在我们不需要关心文本的工作中——然而，每个 <p> 标签和 <button> 元素都是一个进行优秀写作的机会。这是一个注入一些幽默或添加一些体贴的提示来帮助人们的时刻。

所以：关注文本。了解了。但是关注文本的方式有很多！从逗号和智能引号，到表单中的标签，再到排版，甚至输入框中的占位符。这是一个令人眼花缭乱的责任——但它值得我们每一秒的时间。

举个例子：一段时间前，我们需要向用户解释一项新功能并在 UI 中指向它。我们可以使用我们的弹出窗口组件来解释我们的团队如何为许多人修复了一些东西——但是！——我知道，无论这项新功能多么花哨，我们的客户都会对弹出窗口感到厌烦。

经过长时间的思考，我意识到这是一个承认此弹出窗口有多么烦人的机会

在这个项目中，我本可以在那个按钮中添加一些文本，例如“关闭”，但是我们在 Sentry 的小型写作团队不断提醒我，即使是最小、最无聊的文本块也可以成为游乐场。每个字符串都有潜力，即使在这个愚蠢的例子中也是如此。它不会改变世界或任何东西，但它会改善原本会让人昏昏欲睡、可预测的东西。

当然，并非网站中的每一部分文本都需要具有被动攻击性。当您在结账时订购药物时，您可能不想阅读一个古怪的故事或一首诗，也不想点击一个侮辱您的按钮。在这种情况下，关注文本意味着完全不同的东西。**它关乎不要妨碍用户，而是尽可能高效和富有同理心。** 并且这适用于页脚中的每个链接、每个导航项目、每个 <alt> 标签和副标题——它们都需要谨慎和关注。因为所有这些细节都会累积起来。

这些细节使一个好的网站变得**优秀**。