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

写在前面

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

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

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

正文

【译】2019年,如何设计Web页面_第1张图片

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

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

让用户知道你有一个App

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

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

【译】2019年,如何设计Web页面_第2张图片

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

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

实施“不跟踪”策略

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

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

【译】2019年,如何设计Web页面_第3张图片

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

实施cookie策略

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

【译】2019年,如何设计Web页面_第4张图片

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

阻止广告屏蔽程序

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

【译】2019年,如何设计Web页面_第5张图片

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

【译】2019年,如何设计Web页面_第6张图片

建议:不要向任何人提起Brave浏览器(基于Chromium,内置广告屏幕程序的浏览器)

屏蔽非美国国家和设备

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

【译】2019年,如何设计Web页面_第7张图片

提示:你可以的。。

最大化你的布局

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

【译】2019年,如何设计Web页面_第8张图片

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

使用通知

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

【译】2019年,如何设计Web页面_第9张图片

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

提示用户

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

【译】2019年,如何设计Web页面_第10张图片

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

允许用户选择退出

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

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

【译】2019年,如何设计Web页面_第11张图片

使用JavaScript

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

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

【译】2019年,如何设计Web页面_第12张图片

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

写在后面

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


图片描述

你可能感兴趣的:(网页设计,前端)