产品设计@产品

更少的数据并不意味着更少的体验

2019-09-27  本文已影响0人  数智化采购

推特上有人对向启用了保存数据的用户提供“降级体验”表示关注。

这已经不是我第一次听到这样的担忧了。用户将“保存数据”视为选项,并说:“是的,当然!”但他们可能不想因此获得较少的体验。

我觉得这是个公平的问题。我们在网上为人们做了很多决定,当然,在这种情况下决定提供降级的体验是值得怀疑的。

但也是可以避免的。我认为保存数据功能的好处之一是它让公司在数据受限的环境中对自己的品牌有了某种程度的控制。他们不依赖代理服务来代表他们进行一系列的操作,希望结果会好起来。相反,他们有机会积极主动,仔细考虑如何提供低数据的体验,这种体验仍能以积极的眼光反映他们的品牌。

有无穷无尽的方法,你可以做到这一点,而不让你的经验,在任何方面感觉更少。这里有一些想法。

低分辨率图像

我们通常向高分辨率屏幕提供高分辨率图像。当启用了保存数据头时,我们可以在默认情况下提供更低分辨率的图像。

这正是Shopify现在做..如果我打开主页与保存数据关闭在我的手机,网站重906 kb。其中292 kb是图像。

如果我通过保存数据头并重新加载页面,站点重791 kb,其中176 kb是图像。页面重量下降了12%。在视觉上,我坦率地说不出区别。

这可能不是你能做的最重要的改变,但它也是干扰最少的一个。昨天发帖后,盖茨比很快就得到了一个为他们的Gatsby图像插件添加支持的问题,看起来好像已经有人提交了一份公共关系审查报告来处理这件事。

在默认情况下,这也是浏览器可以做的事情,尽管它听起来,到目前为止情况并非如此.

较少图像

再往前走一步,你可以提供更少的图像(一些东西)。杰里米·瓦格纳建议在他关于保存数据的优秀文章中)。

我最喜欢的例子之一是一个新闻网站。我不知道目前有谁这样做,但很容易想象它会是什么样子。

例如,以BBC网站..像许多新闻网站一样,你有一些大英雄形象的主要故事,然后你有支持的故事,每个缩略图。在我的桌面上,那是1.5MB的图像。

我浏览了一下,删除了支持故事的缩略图,得到了966 kb的图片。我也很保守。我没有触摸任何用作背景的缩略图,也没有触摸任何与视频相关的缩略图。还有更多的东西可以刮掉。

删除网页字体

杰里米的另一个例子(他很聪明,那个家伙)是在打开保存数据时删除web字体。

现在,取决于网站和字体的问题,这可能是一个更有争议的改变。与往常一样,您的里程可能会有所不同,您当然不希望在这里开始实现每个优化,而不首先考虑它是否适合您的情况。

但我认为,如果他们花时间拥有一个可靠的后备字体栈,那么更多的网站就能逃脱这一风险。

例如,以CNN网站..在主页上,CNN为他们的CNN无字体加载6个不同的文件,总计251 kb。(让我们暂时忽略一下,他们可能会删减一些,或者做一些调整来帮助减少一些。)

回到Helvetica Neue,就像他们现在做的那样,对我来说也有点不愉快。但是回到Helvetica或Arial并不是。这是有区别的,当然,我认为CNN的字体看起来更好一些。但是当我需要保存数据时,251 kb更好吗?可能不是。再说一遍,这里什么都没坏。

在大多数情况下,你可能会做得更好。我已经成功地使用了莫妮卡 字体样式匹配器工具,用于调整不同的css属性以创建与原始web字体几乎无法区分的回退字体堆栈(通常使用与哈利看到的相似的结果).

减少广告和跟踪

好吧,我将是第一个承认这是一个更广泛的关于商业影响的讨论,但我向你保证,如果你决定在数据受限的情况下缩减一些广告和跟踪,你的访问者不会抱怨。

当GDPR应用时,一些公司已经在做类似的事情。“今日美国”就是一个值得注意的例子。有人浏览了他们的网页GDPR后不久发现,虽然他们的站点最初加载5.2MB的数据,但GDPR版本只加载了500 kb。这是一个巨大的数据保存在那里,而且,再次,该网站没有任何方式感到崩溃。

无增强的渐进增强

如果您使用渐进式增强进行构建,则可以考虑可能跳过一些增强功能。离“切芥末”法这是英国广播公司推广的。

也许把旋转木马放在外面代替一张图片

也许不要加载将一些静态内容转换为更动态接口的额外JavaScript文件。

随着渐进式增强的到位,不仅更改将非常容易实现,而且您还会知道,您提供的经验将工作,看上去很好。因为使用渐进式增强的构建意味着您已经考虑了在没有这些额外资源出现的情况下会发生什么。

少并不意味着破碎

这只是一小部分想法。可能性是无限的。如果您将数据视为设计和开发过程中的一个约束,那么您很可能会头脑风暴出大量不同的方法,将数据的使用降到最低,同时仍然提供极好的体验。少做并不意味着它会感到破碎。

不管是否启用了保存数据,您甚至可能会找到机会将这些相同的考虑因素应用到您的站点上。

如果你仔细考虑这些经验,把数据当作一种有价值的资源,不要浪费,我不认为任何人都会抱怨。

上一篇下一篇

猜你喜欢

热点阅读