Web UX 的小知识

我不知道该怎么称呼它们。这是为了营造良好的网络体验。这不是a11y（指a11y，指某种程度的体验）。这更像是人们对优质网站的期望。

POST 提交成功后使用 GET 重定向

为了确保用户不会提交表单两次，请在成功提交后执行 GET 重定向，这样，如果用户在提交后刷新，就不会发生第二次提交

GET 搜索请求

如果您的网站具有搜索功能，请使用 GET 请求。这样，用户可以将搜索添加到书签或将链接发送给朋友。

执行 AJAX 请求时阻止提交按钮

如果您使用 AJAX 提交表单而不是传统的 POST，请不要忘记设置disabled提交按钮的属性以防止重复提交。

执行 AJAX 请求时使用微调器

用户应该知道后台正在发生某些事情，并且没有发生故障。

使用a标签进行导航

不要使用div或span作为导航的可点击目标。a标签支持聚焦，以不同的颜色显示访问过的链接，可被搜索引擎抓取，它们在悬停时显示正确的尖头光标，它们支持 Ctrl-单击（Cmd）。

a尊重标签上的 Ctrl-click（Cmd）

如果您使用 JS 捕获链接点击以进行内部导航，请确保在按下 Ctrl（Cmd）按钮的情况下传递点击事件，它将在新选项卡中打开链接。

不要使用aordiv或span标签作为按钮

改用button。按钮可获得焦点（在某些平台上），但没有访问状态或 Ctrl-单击（Cmd）。

a对标签使用下划线样式

这是一个软性要求，但你得承认，有时很难判断给定的文本是否是链接。如果能用不同的颜色标记已访问的链接，那就更好了。

使 404 页面清晰

虚假网站最喜欢用搜索结果页面而不是 404 页面来响应。404 页面应该简洁明了，信息量极小，用户需要清楚地明白这不是他们想要的页面。
不要要求用户提交页面缺失报告，因为您有网络服务器日志。

使用深度链接进行 SPA

URL 是 Web 的核心价值之一。你可以收藏它，可以发送它，还可以在新标签页中打开类似状态的应用程序。

不要使用锚点进行深层链接

我们必须承认，在 Web 开发中，曾经有过一段黑暗时期，那时锚点是深度链接 ( ) 的唯一选择http://example.com/#/navigation，但现在我们有了历史记录 API。当用户重新加载页面时，服务器无法获取 URL 锚点部分的信息。

您最喜欢 Web UX 的哪些小东西？

在twitter和github上关注我。