【译】2019年，如何设计Web页面

写在前面

原文标题：How to Design for the Web in 2019

原文地址：https://medium.com/commitlog/...

本文首发于公众号：符合预期的CoyPan

正文

我曾经写过关于如何在2018年设计Web页面的文章，但是网络发展得很快，所以随着越来越多的现代公约成为主流，这些指导方针已经过时了。

让我们来分解并讨论一下2019年为现代网络设计的最重要的设计原则。

让用户知道你有一个App

这一条仍然是最重要的原则，也并非没有理由。高薪的焦点小组已经表明，当用户在浏览器中访问您的网站时，第一件事就是安装一个移动应用程序。

实现这一点的最佳方法，就是显示一个对话框，提示用户安装App。

作为一个可选项，你还可以增加一个按钮或超链来关闭弹窗，但是文案一定要特别设计，最好是那种能让用户感到羞耻的文案，这样用户就能乖乖下载App了。

建议：如果你没有App，那么你可以让你的实习生将你的网站打包成一个禁用安全策略的Webview，然后发布它！

实施“不跟踪”策略

现在许多现代浏览器都支持一个叫做dnt的HTTP头，它代表“不跟踪”。这个HTTP头意味着用户不想被跟踪，不幸的是，在一些浏览器中(比如Brave)，这个HTTP头会默认开启。

但是，不要担心，因为一切都不会失去！我们发现，大多数用户会在出现提示时禁用这个HTTP头。因此为了处理此问题，我们建议提供一个指南，引用用户禁用这个HTTP头。

建议：不要在指南上出现引导用户禁用dnt的提示，因为这样转换率非常低。

实施cookie策略

同意使用cookie是会让用户感到困惑的，虽然在大多数情况下合理使用cookie并不需要同意，但最好提示用户同意，这样我们就可以跟踪所有内容，并且不必担心后果。

提示：即使我们不需要cookie，也不要在没有启用cookie的情况下给用户提供页面。因为这意味着我们只能跟踪少量的个人信息，也就只能销售少量的用户信息。

阻止广告屏蔽程序

广告屏蔽程序到处都是，这可能真的会损害你的利润。所以要明确的阻止广告屏蔽程序。

Chrome正着手阻止广告屏蔽，因此，如果用户使用像Brave这样的浏览器，我们就可以宣称用户的浏览器不够现代。

建议：不要向任何人提起Brave浏览器（基于Chromium，内置广告屏幕程序的浏览器）

屏蔽非美国国家和设备

在我们完全弄清楚Cupcake nations, GDPR, link taxes 和 the Huwaei ban之前，我们最好把他们都屏蔽了，这样可以避免一切责任。

提示：你可以的。。

最大化你的布局

800像素宽的布局时代已经一去不复返了。现代显示器往往是宽屏的，所以要确保在布局中充分利用整个宽度。

提示：研究表明，无法关闭的对话框表现会更好。

使用通知

现代浏览器支持通知，因此启用通知是必须的。作为兜底，它还自动向用户订阅时事通讯、短信通知和/或电子邮件通知。

提示：当有新的App版本发布时，可以使用通知告知用户。

提示用户

有时用户会忘记他们可以注册，一定要定期提示他们，并提供一个突出的注册链接或按钮。

提示：当用户即将离开网站或鼠标光标离开网站时，也可以提示用户。

允许用户选择退出

很重要的一点是，我们对用户友好，不会干扰到用户。所以我们必须让用户可以退出我们不间断的提示和对话框。

这里的最佳实践是将选择退出设置放在一个用户很容易发现的地方-通常这是在一个“帐户首选项”页面中。

使用JavaScript

众所周知，所有的站点都需要JavaScript。

虽然你可能会想，"哦，这只是纯文本和一些模式"。但是未来呢？到那个时候，我向你保证，会有越来越多的模式。到时候，你将会后悔没有做网站的同构，没有使用最新的框架，没有将网站运行在serverless服务上。

建议：不要使用JavaScript渲染页面。

写在后面

作者的吐槽可以说是十分生动形象了，哈哈哈。我比较关注的是Brave浏览器。试了一下，确实挺牛逼。反 tracking，反 cookie 和反 ads。Brave浏览器的作者是JavaScript之父。

---