微信热点

『设计|交互设计』2018年交互设计趋势解析

0
登录或者登记去做吧。
本文转载自:设计前沿


2018年交互设计趋势解析

2018

视觉趋势


Pantone 2018流行色:紫外光色


Pantone 官方翻译为「紫外光色」,紫外光色是强烈挑动思绪与深思的紫色调,传达独创性、创造力及前瞻性思维,为我们指向未来。


彩通:18-3838 紫外光色
颜色代码:#5f4b8b
RGB:R 95,G 75,B 139
CMYK:C 71,M 73,Y 7,K 8

从2017年下半年开始,紫色配色的作品开始很多,所以2018年这个色也是一个趋势。


by Dindra Desmipian


by Dawid Tomczyk


1.深度


将阴影和透视图结合在一起,使界面组件具有类似于物理环境的高度和层次感。


来源: Aurelien Salomon


来源: Vladmir Gashenko

2.抽象形状


简单的形状和鲜艳的色彩组合在一起会有俏皮的感觉。


来源: 安东&艾琳


来源: 你好星期一



来源: Plant22


3.充满自信的字体


大胆的突出字体,简洁明了,抓人眼球。


来源:Michael Bierut / Vignelli Associates / Irving Blitz


来源: Drip


来源: Batch Organics


4.混沌并列


无论是涂鸦,手绘还是冲压形状,都期望看到非常规字体与不同材质和纹理之间的对比。


来源: Hao Zhuang


来源: Balmer Hahlen


来源: Dropbox和Collins:Dropbox Rebrand


5. 野兽派细节


从90年代的图形中寻找设计线索,专注于粗糙的美学。


来源:Yves-Garbriel So


来源: El Burro



设计体验


1.专注内容的体验设计


近年来,设计师越来越倾向于采用极简和扁平化的设计,这种设计策略本质上,是在追求更具有凝聚力的内容。以内容为核心的体验设计,指的是为了内容本身来塑造设计而营造出的用户体验。在这种策略之下,设计师的使命是尽量不要让任何东西来妨碍用户获取内容,为了顺应这一趋势,设计师在视觉上会着眼于下面几个关键:


  • 清晰的视觉层级。好的层次结构让用户更好更快获取信息。

  • 功能性的极简设计。通过去除不必要的元素,提供更为清晰的、更有针对性的体验。

  • 留白。提升布局呼吸感,提升用户的浏览体验。



Medium 就是以内容为核心设计趋势的践行者。


以内容为核心的设计并不仅限于视觉,对内容本身的要求其实会更多,因为只有在内容本身足够有用、足够有吸引力的时候,设计才有意义。这就是为什么,我们在设计趋势以外,会看到内容策略越来越受重视。精心策划的内容将会是数字产品品牌成功的重要组成部分。


2.节省时间的设计


如今最成功的那些网站和APP所提供的信息,它们的成功的缘由已经不是一两句话能够说得明白的。从主观体验上来说,这些产品通常会营造直观的体验,减少摩擦,提升用户获取信息的效率,帮助用户节省时间。随着移动端的兴起,我们越来越明确地意识到,时间和效率让界面设计成功的关键。用户希望看到那些能够真正帮助他们达成目标的产品,节省时间的设计能够更好地帮到它们。更快的安装步骤,更直接的交互,更有效的操作,帮助用户更快达成目标。节省时间的设计,通常有着下面的特点:


  • 清晰的导航。导航是产品信息架构中最重要的组成部分之一,清晰的架构能够帮助用户更好更快地抵达不同的位置。

  • 结合上下文环境的内容信息和功能。为了更出色的体验,让内容和信息能够贴合当前语境和环境是相当有必要的,尤其是要结合用户历程。

  • 用户引导。以各种不同的方式来引导用户,从直接的建议,到愉悦而微妙的视觉暗示,甚至以合乎用户需求的小奖励来引导用户。

  • 清晰线性的用户历程。用户历程应该是清晰且是线性的,有固定的开始和完成的经历,允许用户在旅程中每个步骤执行特定的操作。

  • 符合期望的设计。能够洞悉用户的需求,正确的预测,然后提供完整且符合预期额设计和体验。



这些元素仅仅代表着能够帮助用户节省时间的各种设计技巧的一部分。


3.更智能的个性化机制


个性化设计和节省时间其实是有关系的,但是它本身也是一种设计趋势。从一个界面适配所有人的设计逐步演进到深入的个性化定制是一件自然而然的事情,尤其是机器学习和人工智能的崛起之下。我们倾向于认为用户会更加喜欢也更加需要能够个性化定制体验的系统。为了更加深入的了解用户,企业将会持续地寻找新的方式来提供更加个性化的品牌体验,这将会将把个性化体验设计推向更高的水准。



现代网页和APP当中,最常见的个性化机制是基于用户交互的个性化建议。这种策略增加了用户主动进行个性化定制的可能性。


4.多渠道用户体验设计


我们要开始重新审视“移动端优先”这种UI/UX设计策略了。越来越多相互连接、不同类型的设备开始进入高速的增长期,手机和平板已经不足以涵盖绝大多数用户的日常交互的设备,物联网和各种全新类型的终端开始进入千家万户,用户体验设计的维度还需要继续拓展。多渠道的用户体验设计本质上,在于用户交互,而不是某种设备被优先对待。对于用户而言,是和手机交互还是用声音和 Amazon Echo 交互,都只是达到目标的一种手段。设计师应该将眼界放得更远,从更为宏观的角度来审视整个设计策略。事实上,很多互动在很大程度上并不是可见的,交互的地点和方式在很多时候对用户也并不是那么重要,因为在不同的场合和语境之下,达成目标的方式不尽相同。多渠道的用户体验设计师要求用户尽量为不同的设备设计出统一而有效的体验,让用户在不同的环境下,使用不同设备还能够流畅地切换,创造无缝的流程,平滑过渡。



在如今我们所能看到的产品当中,Uber 有着相当突出的设计。你可以在 Amazon Echo 上叫车,然后在iPhone的客户端上完成行程。这是一个典型的横跨两家不同厂商不同服务的产品,不同的界面,但是却带来一致而流畅的体验。


在即将到来的2018年,设计师在面对产品设计的时候,也许不一定能完全支撑起一整个产品生态的构建,但是会更注重不同的渠道、不同平台上,同体系产品之间体验的一致性构建,营造持续性、适用性更强的服务。


5.人性化的数字产品体验


人们总是希望和数字产品之间的沟通能够像和人一样自然,看看大家日常都是怎么和Siri对话,你就会明白这种潜藏的欲望。许多设计师都洞悉了这种需求,尽量在设计数字产品的时候,贴近用户的这种期望。


人性化的产品体验通常会更加注重用户的情绪。用户和产品之间进行交互时的感觉,是影响他们决定是否长期使用的关键。


设计师可以专注于满足人类的基本需求(信任、透明、安全等),让产品具备更加人性化的交互:



这是 Stripe APP 的结帐流程。通过动画来呈现支付成功的状态,动画的整个节奏会给人一种很容易完成购买的体验。



想要让产品更加富有人性化,这意味着产品设计对于心理学专家、测试人员和其他辅助型人才要求更高,这样才能够更加贴近人们所期望的体验。


6.语音用户界面


在接下来的2018年,我们会向着无屏幕化的用户体验领域高歌猛进€€€€语音用户界面(Voice User Interfaces,VUIs)。实际上,VUI已经深入到我们的生活中了,Apple  的 Siri,Google 则有 OK Google,微软的 Cortana,亚马逊的 Alexa,这些都是已经相对成熟的产品化的VUI了。VUI 在我们日常生活中的应用正在快速发展,这使得这一技术正在快速地成熟起来,会逐步像GUI一样成为人机交互的基础架构之一。根据 Gartner 的研究,我们会在接下来的1年内越来越多地借助语音进行交互,这个比例甚至会超过30%。不过,语音交互并不会替代我们熟知的GUI,因为语音交互的限制还有很多,而且VUI 还需要更多的打磨,以适应不同的语境、场景和用户习惯。机器依然在学习如何沟通交流。



7.生物认证技术


生物识别技术正在逐步成熟,而2018年会成为颇为重要的一年,生物识别和身份识别技术以及身份管理会在即将到来的一年中持续地磨合。越来越多的帐号和密码已经成为了用户日常生活和人机交互中的一项负担,如何更好地使用生物识别技术来更好地管理我们的数字生活,将会是设计和开发人员需要解决和完善的问题。我们所用的指纹识别和面部识别技术都是生物识别技术的一种,如何将他们真正融入到产品当中,掌握好易用和安全,将会是UI/UX设计师所面对的重要问题。



8.现实增强技术


AR技术比起虚拟现实更贴近当下,而它也确实正在突破成为主流的文化。最近,Facebook 在面向开发者的 F8大会上,扎克伯格直言屏幕即将被镜头所取代,应用更为广泛的AR技术将会逐步融入生活。当然,Google、苹果、微软等大型科技企业也不会在这场竞争中落后,我们可以预想到接下来的激烈竞争。虽然移动端设备的优势不会很快被超越,但是结合移动端设备的显示增强类产品会越来越多。影响AR技术在移动端设备上发展的主要有3个因素,一个是处理器的速度增长,一个是更优质的显示屏和是否有更好的相机。


最重要的是,我们在接下来看到更多的有用的AR应用,比如弥合文化和语言的Google 翻译:



AR技术还是为复杂流程完善细节的好助手:



当然,它还是强化娱乐感的好手:



9.向着虚拟现实更进一步


当然,虽然遥远,但是虚拟现实也是我们将会面对的重要技术之一。在VR 成为真正互联网基础设施之前,还有很长的一条路要走,其中所面临的挑战会相当多。2018年不会成为VR技术广泛普及的一年,但是我们将会看到越来越多的人关注并投身VR技术发展,这是必然的。在探索VR技术最佳实践的道路上,我们会有所进步。不过,可以预见的是,手势识别和交互将会是VR技术中的一项核心。



10.UX设计师角色的延展


UX,用户体验一直都是一个内涵外延都颇为广泛的领域,UX设计师这个职业会越来越专业化,和新技术(VR,AR,AI等)会有更为密切的关联。UX 设计师这一角色在团队、在设计环节和职业角色本身,都会在新的一年当中有更为长足的进步和延展,它的职能和作用已经不仅仅是在完善自身的工作,而开始逐步演变为连接不同的环节和职能。UX设计师需要具备更强的协同能力,更快的原型设计技能,能够善用各种自动化的技术,成为设计和产品团队中的驱动力。



像Adobe XD 这样的新兴工具将会大大提高和改善整个工作流程。


来自18位大牛设计师的预测


设计师总是在朝着未来的方向前进 - 在我们的“建造和启航”的行业,我们正在打算进一步迭代产品。最后,设计师们总是回到一个简单的问题:我们如何改善用户体验?


考虑到这一点,Figma向18位设计师询问了他们对2018年的UI / UX趋势预测。


我们挑选的设计师们有不同的来源:上个月参加Figma赞助的设计系统晚宴的人员 ,今年Clarity大会上的发言人以及Figma家族的朋友们。你将获得Facebook、Google以及Airbnb的设计师的意见。同时我们也从Twitter上收集,得到61条非常赞的深思熟虑的回应 。


就像一个集体的大脑,许多设计师都涉及类似的话题,从易用性、道德责任到协作设计。




1.易用性第一,自我意识第二


“我真的希望2018年是设计师在设计时考虑到易用性的一年。我们需要停止使用超浅灰色作为基本元素,我们需要停止为每一个像素设置动效,只是为了设计而设计,而且我们需要停止布置让人们更难理解页面的内容,只因为我们想要证明自己是个设计师”。


—— Slack的产品设计师Hubert Florin




2.协作中设计需要适应编程


“无论设计师是否编程,我认为设计团队将开始像开发团队一样进行更多的合作。这可能包括类似于代码评审的设计评审,类似于开发工具的设计工具将在开源设计模式中起到更大的作用。如果所有的开源工程项目都有推动用户体验或信息设计的行业标准的设计,那么软件将会是什么样子?


—— Credit Karma的高级产品设计师Jules Forrest




3.设计师需要更关注道德责任


“我希望UX / UI设计师能够在2018年更加了解他们的影响力,并在设计时更好地考虑使用他们产品的人在设计选择上的道德分歧。”


——Tim Belonax ,Pinterest的首席设计师




4.设计师会过度依赖行业标准


“很不幸,我预测设计师会增加对设计规范系统的依赖(如,组件,流程)而不是质疑它们。“

—— Mono Design的UI / UX设计师兼合伙人Johan Ronsse




5. 效率更高,责任重大


“在2018年,我认为我们会看到设计和开发工具在不断融合,更多的综合类工具将助益设计和构建系统,以配合你需要的任何技术或平台。我们将看到CSS网格,自定义变量以及像Vue和React这样的框架,为设计实现带来新的可能性和更高的效率 - 我希望这样可以创造出更多的时间来进行更负责任的设计,并且建立更具包容性的体验。

—— GitHub设计系统经理Diana Mounter





6.我们将忽略我们都需要一个趋势


“我们都需要这样一个趋势,那就是为了易用性和包容性设计而设计。在这个领域有很多工作但几乎没有人想去落实它。 #accessibility “

—— UI / UX设计顾问Matthew Morek




7.设计将会是社会变革的主要参与者


“最重要的设计是解决人类真正问题的设计。向前看,我看到设计在我们如何解决社会中的重大问题上扮演着重要的角色。设计将变得更加政治化,更容易获得,并且会引起真正的变化。“


—— Facebook的设计项目经理Michelle Morrison




8.设计工具将使人人都是设计师


“现代设计工具将变得更为平易近人,更多的人将能够在公平竞争的环境中为设计过程做出贡献。我们将更少地将“设计师”看作是一个孤立的角色,而将设计作为更多普通人投身的事业。“


—— Figma设计经理Noah Levin



9.Jason Schwartzman说得最好


“我可以说出我的心里话吗?Huckabees?互连的东西绝对是真的。”


—— Google的材料设计创意主管Zachary Gibson




10.是时候反思你自己了


“在过去几年中,我们给了”同理心“这个词许多关注,接下来我们需要提出“去自我”。许多人依然觉得考虑“非设计师”并不舒服,发现他们最好的设计最终是90%其他人的投入(或更多)和10%他们自己的想法(或更少),但最成功的团队和公司很早就知道关于设计的这一点。


—— Atlassian Buyer Experience首席设计师Nicole Tollefson




11.人的技能比以往任何时候都重要


“磨练我们的人才技能变得越来越重要€€€€在这么多的变化中这依然重要。这意味着我们将更多地倾听和协作,确保在我们的工作中可以听到各种各样的跨团队的声音,有最好的环境来实现最好的产出。每个技术问题之下都是人的问题。”


—— Twitter的设计制作人Josh Silverman




12.现在是对环境做出动态反应的时候了


“我看到未来的设计将更多地融入现实世界。无论是通过硬件传感器,替代现实还是上下文驱动的用户界面,设计人员都要去理解屏幕外的设计生活。设计将对其周围的环境做出动态反应,并充分利用硬件功能。”


—— Lyft的设计经理Linda Dong




13. 更好的设计工具将通过设计系统实现更好的品牌效应


“随着工具迎合设计系统的盛行之风,通过设计系统进行合作和演绎品牌表现将变得更加容易。这将使设计人员能够在产品流程的早期以更高的保真度工作 - 改进决策并降低生产出色的数字作品的成本。”


—— Airbnb的设计技术专家Lucas Smith




14.设计系统将服务于人,而不是产品


“设计的下一个巨大转变要求我们将设计系统视为服务而非产品。我们倾向于将设计系统视为“服务产品的产品”,但是我认为这对于如此具有挑战性和高回报的系统工作中的关系,谈判,妥协以及人际交互都是不利的。”


—— Facebook的产品设计师Daniel Eden




15.设计系统只会变得越来越重要


“我们将继续看到设计系统的兴起以响应设计团队的扩展,模块化以及对机器学习和基于AI的内容的更多依赖。设计师将武装编程的识别和算法思维技能,以满足更多需求。”


—— Backpack Health高级产品设计师Jerel Johnson




16.平面设计将不再是一个焦点


“我认为,随着我们逐渐从二维静态设计转变为可交互,未来一年我们将看到更多的界面创意。”


—— DigitalOcean高级UI工程师Una Kravets




17.设计系统将弥补各部门之间的差异


“就像今年一样,明年的设计趋势肯定会包括设计系统的增长。越来越多的公司正在学习系统化设计的好处,特别是它将如何弥合产品,设计和工程之间的差距。另外,我觉得3D建模和3D可视化将继续流行。可以想象,由于这个原因,更深度地展示UI将会是新的潮流。”


—— Twitch高级UI / UX设计师/开发人员Isha Kasliwal




18.CSS的改进将以惊人的方式影响网页设计


“在CSS中有很多令人兴奋的事情€€€€将诸如网格和定制属性之类的新工具与Calc和Viewport单元等现有功能集成在一起。现在的CSS使交互,响应和数据变得可视化,而在以前这需要大量使用JavaScript。我很高兴看到这项技术有更多新的发展趋势。“

—— OddBird的设计师兼开发人员Miriam Suzanne


本文转载自:设计前沿

免责申明:公众号宗旨是收集好的资料分享,非盈利性质。部分内容来源于网络或网友自主投稿编辑整 理,版权归原作者所有,其内容为作者个人观点,并不代表本公众号赞同其观点和对其真实性负责。如您(单位或个人)认为本公众号某部分内容有侵权嫌疑,请通知我们,我们将第一时间予以更改或删除。


长按下方二维码关注我们


“设计与设计师”QQ群

设计与设计师3:484984512

新浪微博:@设计与设计师

百度云:   “设计与设计师”

人人小站:

http://zhan.renren.com/youyounanshanshui?from=bar

http://zhan.renren.com/designer2015?from=bar

考研是工作的理想国 | 同济大学设创交互设计考研分享
文娱寄卖 | 京东用户体验部喊你来填调研问卷啦!