跳到主要内容

网页设计的未来

Cityscape with illuminated web terms

这些是我们对2018年初网络未来的预测。其中有多少仍然存在?

“对我而言,未来总是如此清晰,在夜晚变得像一条黑色的高速公路。我们现在处于未知领域,在我们前进的过程中弥补了历史。”

因此在终结者2结束时讲述了莎拉康纳。但这些预言的话语可以很容易地适用于当今网络行业的状态。

随着新技术,技术和动作不断涌现,我们对事物发展方向的感觉比以往更加不确定。因此,我们想要研究网页设计在未来20年左右的样子。

但是,不要指望听到自封的“未来主义者”和“思想领袖”,他们花费更多的工作时间来进行TED演讲和编写中级帖子而不是实际坐下来和设计。

相反,我们已经与一些正在进行实际工作的专业人士交谈,以便更清楚地了解他们认为事情可能会如何发展。这是他们不得不说的......

开发者工具将改变游戏

Pusher homepage

Pusher的开发人员工具可以轻松地为您的应用程序构建实时功能

随着我们迈向21世纪中叶,网页设计将变得越来越重要,这是无可争辩的。随着人们越来越多地在线生活,数字用户体验将成为几乎每个大型组织的基石。但是有一个小问题。

“需要优秀的软件,但从广义上讲,没有足够的优秀开发人员来构建这些东西,”设计师克雷格弗罗斯特说。。 “即使有,基础设施也需要大量的时间和精力 - 时间可以更好地用于为客户构建功能。”

但这是个好消息:为了填补这个空白,我们目前看到开发者工具的爆炸式增长。例如,Pusher的工具可以轻松地在应用程序中构建实时功能,因此无需用户刷新浏览器即可自动更新。

“我们希望充当力量倍增器,以帮助终止整个行业重新发明轮子,”弗罗斯特解释道。 “构建软件有很多基础设施和所有类型的东西,我们希望从产品构建团队中消除这种负担。”

Sebastian Witalec,移动开发者关系的开发者倡导者进展,讲述了一个类似的故事。其开源框架NativeScript使您能够在单个代码库上构建桌面和移动应用程序。 “一旦你需要五个不同的团队来完成这项工作,每个团队都拥有完全不可转让的技能,”他指出。 “现在,您可以利用已有的网络技能完成所有工作。”

Progress homepage

Progress'开源框架NativeScript使您能够在单个代码库上构建桌面和移动应用程序

而重新定义网络系统创建方式的趋势最明显(并且有些)在JavaScript的React和CSS的兴起中引起争议。

“CSS中的CSS是我们设计应用程序的重大转变,”Pusher的工程师HaukurPállHallvarðsson说。 “它远离了HTML是内容的想法,CSS就是它的外观和JavaScript就是它的作用。”但他仍然完全赞成它。 “专注于构建可重用的组件解决了很多问题,”他争辩道。 “我认为不时改变我们做事的方式是好的,看看我们是否可以改进它们。”

Frost补充说,所有这些的回报是,网络体验将变得更快,更便宜。

“过去建设网站速度慢,价格昂贵,难以维护。这也意味着你必须拥有很多技能,很多人。现在我们将权力重新投入到产品制造商手中。这意味着您可以花更少的时间来维护这些应用程序,更多地关注客户需求。与他们交谈,构建他们需要的东西。“我们应该如何发现用户需要什么?有趣的是,这也正在发生变化......

数据符合设计

Fjord homepage

Fjord认为网页设计的未来在于数据与设计的交叉

全球设计和创新公司Nathan Shetterley认为,未来将是将设计和数据结合在一起的全部,峡湾。 “我认为这不仅是所有网页设计的基础,也是所有业务的基础,”他说。

那究竟是什么意思呢? “我正在谈论设计一种对用户有帮助的体验,并利用数据和分析来实现个性化和情境化,”他说。 “所以不要给我一个对别人有意义的经历;不要把我当作'25岁到40岁之间的白人男性'。像对待Nathan Shetterley一样对待我。”

他指出,广告已经发生了这种情况。 “谷歌正在抓取我的Gmail以了解我感兴趣的内容,并向我提供了一些我可能感兴趣的广告。但我们不会在广告之外做得很好。”然而,技术基础设施就在那里,因此在他看来,这只是一个时间问题。这种转变不仅适用于消费者体验,也适用于员工体验。

“比如,你用你的内部工具来支付费用,你有多沮丧?”他问。 “为什么系统不会自动说:'看,我认为这些都是你的费用,这是真的吗?'为什么这不会让你的员工生活变得更好?我认为这将在未来10年内变得非常普遍。“

他补充道,有一种简单的方法可以加入这种转变方式。 “现在,当人们开始一个项目他们说:'好吧:设计领导,你去那里做你的服务设计。数据领先,你去那边看看这些数字。我们会见面回来几个星期和谈话。但我认为这是一个很大的错误。“相反,设计师和数据科学家应该在同一个团队中成为同行,一起抨击想法。

“在Fjord,当我们的设计师采访一群人时,我们发现了一些最有价值的设计机会,他们对这些人的想法和感受有着非常有趣的见解,”他解释道。 “然后我们将其与数据集进行比较。”

例如,他们曾经在杂货店里研究过购物者。 “他们都说:'线路很糟糕,我不敢相信我们在排队等待这么久。'”当Fjord分析安全视频时,它意识到排队时间很短:大约45秒。 “然而,购物者在店里花了一个半小时,试图寻找他们想要的东西。所以我们意识到这实际上更像是一个寻路问题,而不是线路问题。”

换句话说,虽然人类认为一件事,但数据往往会说出不同的东西。 Shetterley解释说:“真相可能位于中间的某个地方,而这正是你获得一些有趣的设计特色的地方。”

“将它应用到网络上,你会发现人们往往会记住最后一次最糟糕的体验,但并不一定会带来永远存在的小烦恼。但是你可以跟踪那些使用数据的人,所以将这两者混合在一起变得非常真实有价值。”

会话界面

Sigma homepage

Sigma一直在研究会话界面的可能性,并对实际情况有所保留

了解用户如何思考以及他们需要什么将是了解如何实施新技术的关键。这肯定适用于网络上的另一个重大文化转变;对话对话。因为这里最大的问题不是技术问题,它们将是人类问题。

用户体验和设计机构适马一直在调查一些大客户的可能性。 “我们在会话界面上看到的很多挑战与围绕包容性设计的挑战紧密相关:心理模型,语言,信任等等,”经验主管克里斯布什说。

他的医学博士Hilary Stephenson指出,会话界面从根本上改变了我们以前在网页设计中没有见过的方式。 “这是摆脱传统屏幕界面的重要一步,人们可以花时间浏览并查看支持信息,政策,条款和条件,”她解释道。

“当你有一个屏幕时,你会得到一些不断提供线索并保持正常运行的东西,但是对于会话界面,这一切都在你的脑海中。这使得探索性调查对人们来说变得更加困难,”她总结道。

这并不是说市场上没有真正适合他们的地方。 “例如,考虑人们大量使用手的地方,例如生产线,制造和实验室,”布什说。 “允许人们在与系统交互时保持双手占用的接口提供了明显的优势。”

与实施相比,人工智能和机器学习在道德,隐私和透明度方面有更多的基础

希拉里斯蒂芬森

但是许多危险也潜伏着:“人工智能和机器学习在道德,隐私和透明度方面比在实施过程中有更多的基础,”斯蒂芬森评论道。 “一般数据保护条例(欧盟指令于2018年5月可强制执行)的出台将鼓励数字社区的设计隐私,我们真正开始考虑我们要求人们的问题。

“我们确实要求人们提供数据,应该有一个非常明确的使用政策,保留,人们撤回数据的权利。在对话界面中很难做到这一点。”

网页动画

CAB Studios homepage

创意营销机构CAB Studios充分参与了引入UI动画的新趋势

如果聊天机器人起飞,文案技巧可能会像现在的视觉设计技能一样对行业重要。而这里的另一项创新技能将越来越受欢迎:动画。

是的,我们曾经将UI动画视为俗气,烦人和突兀。但最近他们已经卷土重来,作为一种有用的方式,在用户采取行动并指导他们完成流程时提供即时反馈。

转变的原因是什么? Tommy Mason,创意营销机构的网页设计师CAB工作室,赞扬谷歌的Material Design和其他动画框架,以提高标准。 “如果没有这个,人们就不会看到像时间这样的小错综复杂,它进出的速度有多快,所以这些在屏幕上发生的动作看起来都非常不自然,”他说。

他的同事,高级开发人员Mike Burgess对此表示赞同。 “UI动画一直存在,”他说。 “但它一直是在让它看起来很复杂并让用户知道他们的输入已被注册,以及他们在整个网站上的进展之间找到平衡点。”

他补充说,由于UI动画的新流行,它正在为熟练的从业者创造新的需求。 “你现在可以专注于网络上的动画,它已经变得越来越被认为是一种艺术本身。我们生活在一个数字世界,人们每天滚动300英尺的内容,所以我们越来越多的技术进步,越多这将继续升级。“

VR和AR

A-Frame homepage

A-Frame是Mozilla的一个开源框架,可以轻松创建Web VR体验

网页设计工作室越来越需要的另一项技能是3D。对于虚拟现实来说,情况最为明显 - Mozilla的开发者倡导者Matthew Claypotch认为这将是一件非常重要的事情。

“一些开发人员认为VR是一种利基或时尚,”他说。 “但是我给了孩子们虚拟现实演示,他们就像水一样接受它。所有这些孩子都会在这个东西存在的世界里长大,我们自欺欺人地认为他们赢了”期待着前进。“

并且不要打折增强现实(AR)。这可能需要一段时间,但随着Apple的ARKit和谷歌的ARCore的到来,事情进展迅速。进步的Sebastian Witalec设想了一个网络将成为我们日常愿景的一部分的世界。

“你将不再拥有一个屏幕,网络将成为你通过智能眼镜或智能隐形眼镜看到的一部分,”他解释道。 “例如,你去滑铁卢火车站,而不是看所有不同的屏幕找到你的火车,你的设备已经知道你要去哪里,并向你展示相关的时间。”

Jim Bowes,数字代理的首席执行官和创始人宣言直到最近,当他看到界面设计师Isil Uzum提出的Airbnb住宅的概念时,他不相信AR的可能性。 “如果您需要解释一下,例如,您的恒温器如何工作,您的租房者可以将电话传递到屏幕前,并在屏幕上看到相关信息。这听起来像是一个真正有用的AR应用,”Bowes解释道。 。

开放还是专有?

Google Home homepage

Google Home会在语音助理的争夺战中击败Amazon Echo吗?

所有这些新技术都有很多承诺。但是,退一步看看更广泛的情况也很重要。未来几十年,开放网络真的会存活吗?

鲍尔斯指出:“我们目前正在看到像Facebook和谷歌这样的一些主要参与者出现围墙式花园运动。”这对客户来说有点困境。 “一方面,他们的大部分客户旅程仍然发生在他们自己的网站上。但他们希望与加速移动页面(AMP)等功能集成,这使得Google能够在自己的系统上缓存每个人的内容。

“另外客户也在问:如果我们完全使用Facebook Messenger创建一个机器人,这意味着什么?如果我们想让某个人脱离这个环境并让他们下载这个东西,或者捐赠给我们,或者从我们的商店购买,那该怎么办?是我们必须面对的真正重大问题。“

但是,当谈到开放网络的生存时,鲍斯是乐观主义者之一。 “我喜欢互联网的是,每当有人向围墙花园的方向迈进时,总会有一些起义,一种朋克反对它,”他相信。

“那时候我们还会创造出一些我们还不知道的新鲜事物。”作为领导这项收费的主要参与者之一,Mozilla已经开发了A-Frame,这是一种在网络上创建虚拟体验的简单方法,而现在,它正在语音援助领域采用Amazon Echo和Google Home。

Mozilla Common Voice homepage

Mozilla的Common Voice项目旨在提供专有语音接口的开源替代方案

“我们希望允许一个开放的基于网络的系统,你可以建立语音助理,”Matthew Claypotch解释道。 “因此,我们正在建立一个称为公共语音项目的公开语音数据,我们将用它来训练一个公开的,可公开获得的语音识别模型。”

正是这种社区主导的对新的开源开发者工具的热情使我们对网页设计的未来充满希望。所以把我们当作乐观主义者;在2040年滚!

本文最初发表于,专业网页设计师和开发人员的杂志。在这里订阅网

相关文章:



翻译字数超限