5.网页设计的突破趋势-乞求成为主流

+$(Image credit: Photo by Markus Spiske on Unsplash)

2018年,网页设计行业经历了重大变革,改变了我们现在的设计方式。我们从去年1月InvisionStudio的测试版开始,5月25日发布了GDPR地狱。第二天,谷歌宣布了移动第一次索引,然后终于在7月推出了“速度更新”,这降低了那些加载速度不够快的网站。不可否认,除了今年之外,AdobeXD 10月份的更新还包括了语音原型-这是一种可爱的享受。

那么,所有这些对于朝着我们的方向发展的设计趋势意味着什么呢?我们来看看。

01.无缝设计工具

2018年初,Invision向更广泛的受众发布了其新的屏幕设计工具InvisionStudio。完成屏幕设计,组件,响应调整,交互式原型,时间线动画和本机设计切换功能,为什么设置了一个新的标准。网页设计工具应该提供。

虽然我们不能指望任何单一的工具都能满足我们的所有需求(毕竟,即使是Invision也在为Studio开发一个应用程序商店),但是很明显,有些任务,比如设计切换,在无缝或集成的情况下会更好地工作。这也是一个成本和可维护性的问题,通常将设计工作流包含在单个订阅中是更便宜和更有效的。

其他Web设计工具也采用了这种模式,其中大多数现在至少提供了设计切换功能。除了提供可视化编辑器(因为它过去是一个基于JavaScript的工具)之外,Framer在过去的一年里已经两次更改了它的名称(最初是FramerStudio,现在是FramerX)。即使是Sketch也引入了原型化,尽管与其他屏幕设计工具相比仍然非常有限(参见从Sketch中获取最多的提示)。

总的来说,设计工作流的隔离越来越少,所以如果您有一段时间没有重新考虑您的设计工作流,那么2019年是这样做的好时机。可以帮你节省很多时间。

02.移动第一设计

一段时间以来,移动友好一直是一个不需要考虑的问题,谷歌甚至还降低了网站的级别。然而,许多小企业网站仍然不适合移动-也许是因为谷歌的移动第一索引,直到2018年5月,才适用于移动网站。

截至2008年4月,百分之二十四在排名前一百万的Alexa网站中,移动网站也是不友好的。如果你想知道这是为什么,想想你最后一次在移动浏览器上使用Facebook站点是什么时候?

mobile design

虽然移动第一设计已经流行了很久,但它还没有真正普及。

无论如何,自2018年5月以来,那些对移动不友好的网站在桌面上的排名也较低。在2019年继续谈论移动友好设计是很奇怪的,但是随着google的增加,设计师们首先需要考虑的是更少的移动优化和更多的移动性-尤其是现在谷歌正在加大在用户体验方面的努力。

有益的是,Google有一个移动式测试你可以输入你的网址,它会告诉你,你的网站是否容易使用在手机上。下面是如何将其钉牢的方法:

  • 不要使用Flash
  • 正确配置视图端口
  • 禁用移动设备上的非自然水平滚动
  • 调整内容以适合任何屏幕(即流体设计)
  • 拇指设计(TAP目标应该是44 Px平方或更多)
  • 在抽头目标之间施加适当的间隔
  • 确保文本清晰,无需缩放。

03.设计隐私

探地雷达哦,亲爱的。.我们从哪里开始?尽管欧盟的gdpr法律概述了许多以用户为中心的优势,但一些更精细的(读起来是:模糊和混乱的)细节仍然是一场噩梦,即使是现在,大多数企业也没有遵守gdpr。许多美国企业开始堵塞欧盟的交通,一些欧盟企业甚至停止了贸易,这是整个事件的悲惨结果。

首先,GDPR执行什么?简而言之:

  • 客户数据的无条件获取
  • 只有在明确同意后才能收集数据
  • 关于如何使用客户数据的完全透明
  • 授予客户数据访问权限,只要他们提出请求
  • 随时删除客户数据
  • 当您不再需要客户数据时删除它
  • 用简单语言编写的可访问隐私策略
  • 任命一名DPO(数据保护干事)
  • 数据泄露后的定期更新和完全通信

如果一家企业被发现不符合规定,那么较高级别的罚款可能达到2000万欧元,相当于其年收入的4%。欧洲议会是否会实际执行这些罚款还有待商榷。

这项法律仍处于初级阶段,并将继续发展。它影响到所有与欧盟客户打交道的公司,但最重要的是,尽管它含糊不清,有时还有些迂腐,但它确实会影响用户体验。是的,我们并没有要求GDPR,但实施法律所称的“设计私隐”可以大大提高我们设计的用户体验。另外,当探地雷达发展的时候,你就已经准备好了。您可以通过探地雷达核对表

有关公司如何执行这一政策的轻松浏览,请参阅我们在以下文章中的内容:GDPR:最佳和最差的重新认证活动

04.更快的网站

谷歌不仅在影响移动第一议程。另一个Google Web工具PageSpeed见解多年来,它一直是构建快速加载网站的极好资源,这也有助于提高桌面网站的搜索引擎知名度。

PageSpeed Insights

PageSpeedInsight帮助您分析站点性能

自2018年7月以来,这一“速度更新”也影响了移动搜索。虽然我们仍然不知道Google使用什么标准来评估网站的加载速度,但它很可能是PageSpeedScore和实际加载时间的混合。

尽管如此,谷歌已经宣布,这将主要影响慢速网站,尽管没有理由认为速度不能成为更重要的排名因素。

您的用户认为加载时间是高度优先的,因此,如果这是您推迟了一段时间,没有更好的时间重新考虑您的网站的加载体验。下面是你需要做的事情:

  • 压缩和调整图像大小
  • 延迟加载屏幕外图像
  • 缩小资源
  • 服务静态的缓存资源
  • 合并或推迟资源
  • 消除呈现阻塞资源
  • 确保在加载web字体时文本保持可见

05.语音原型

几年来,语音用户界面(Vuis)一直是人们猜测的话题。我们指的是移动语音助理,比如苹果的Siri和智能家居助理,比如亚马逊的Alexa。现在也有UI/VUI混合功能,比如Amazon的回声显示,它可以通过声音和触摸屏的组合来控制。

尽管像Siri这样的移动语音助理已经很难接受大量的使用,但是智能家居助理还是被卖掉了。2018年第三季度1 970万台。这个数字在2017年第一季度只有290万,甚至不包括2018年第四季度/黑色星期五的销售额。也就是说,你知道有多少UI设计师?现在…有多少个VUI设计师?可能不是很多。

voice assistants image

语音助理的需求和供给之间有很大的差距

正如你可以想象的那样,需求和供给之间仍然存在着巨大的差距-正如他们所说的那样,这是一个尚未开发的市场。我们还没有达到“有一个应用程序!”因此,大多数应用程序都是由大公司开发的,它们有时间和资金投资于应对这一相对较新的技术趋势。

直到2018年10月AdobeXD发布随语音原型运来的功能,通过集成到已经使用的工具中,使VUI设计和转换设计对设计者更容易访问。毫无疑问,其他设计工具也会效仿,帮助独立的VUI设计者最终填补这一空白。这正是挥之不去的设计趋势将成为主流。

通配符01品牌情怀设计

尽管还没有得到明确的证实,但越来越多的证据表明,品牌人气现在正在推动搜索引擎的知名度。那么,作为设计师,我们如何利用这一点呢?嗯,和隐私一样,品牌情感从设计开始。在设计UX时,要考虑整个客户体验。

  • 社交媒体提到:让用户共享您的内容
  • 客户服务:通过社交媒体解决问题
  • 在线评论:丰富的片段数据、Yelp、TripAdvisor等

积极的品牌提到的内容也可能是一个贡献SEO,以及社会销售(即从通过社交媒体出售的项目验证的质量)。

当科技世界发展得如此之快时,我们很难知道该关注什么,但是当谈到SEO时,采用以用户为中心的设计方法是最有意义的。想一想:如果你是用户,你会如何评价一个品牌的质量?

通配符02。Vui-混合图板尺寸

Vui-一种混合设计-创建可以用声音和触摸导航的网站和应用程序-将成为主流。因此,我们将开始采用标准屏幕尺寸,因此,在我们的日常屏幕设计工具中,固定的图板尺寸。这可能意味着智能手表、带有触摸屏的智能家居设备,甚至可能还有智能眼镜的一系列标准。

当然,这将包括一套VUI设计准则,类似于苹果的人机界面指南和谷歌的材料设计指南。有了AdobeXD这样的屏幕设计工具,无论是独立制造商还是顶级企业,都将百分之百地想要掌握这一技术。

本文最初发表于,这是全球最畅销的网页设计师和开发者杂志。购买第315期要么订阅

阅读更多:



翻译字数超限