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

时间 2019-11-06

标签 2019年如何设计 web 页面栏目 HTML 繁體版

原文原文链接

原文标题：How to Design for the Web in 2019
原文地址：https://medium.com/commitlog/...web

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

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

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

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

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

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

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

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

可是，不要担忧，由于一切都不会失去！咱们发现，大多数用户会在出现提示时禁用这个HTTP头。所以为了处理此问题，咱们建议提供一个指南，引用用户禁用这个HTTP头。spa

建议：不要在指南上出现引导用户禁用dnt的提示，由于这样转换率很是低。

赞成使用cookie是会让用户感到困惑的，虽然在大多数状况下合理使用cookie并不须要赞成，但最好提示用户赞成，这样咱们就能够跟踪全部内容，而且没必要担忧后果。

提示：即便咱们不须要cookie，也不要在没有启用cookie的状况下给用户提供页面。由于这意味着咱们只能跟踪少许的我的信息，也就只能销售少许的用户信息。

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

Chrome正着手阻止广告屏蔽，所以，若是用户使用像Brave这样的浏览器，咱们就能够宣称用户的浏览器不够现代。

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

在咱们彻底弄清楚Cupcake nations, GDPR, link taxes 和 the Huwaei ban以前，咱们最好把他们都屏蔽了，这样能够避免一切责任。

提示：你能够的。。

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

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

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

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

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

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

很重要的一点是，咱们对用户友好，不会干扰到用户。因此咱们必须让用户能够退出咱们不间断的提示和对话框。

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

众所周知，全部的站点都须要JavaScript。

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

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

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