2018年UI设计趋势全预测

冷栋老师 发布于 2018/01/10 19:34
查看:994|回复:5

想要构建未来的体验,就必先设计今天的交互。

2017年是UX设计弟子满天下并且在产品证明其开阔的设计思维的年份。我很自豪地说这块领域终于成熟了和寻找到自己的存在空间。终于UX的传道者、Digital Empaths和交互设计师已经上升到了创意阶段的最高层并且在最高端的技术、设计和用户好感里更进一步。

随着UX的传道者像Tobias van Schneider、Jennifer Aldrich和Chase Buckley大行其道,我们正在转向更加光明的未来。将来在每一个角落无论大小细节都会给用户带来愉悦,在那里设备完美是常态,并用创新的方式在简单的日常体验参与中激发用户。

所以,你在哪里适合所有这一切?想要构建未来的体验,就必先设计今天的交互。光顾着当前是远远不够的; 2017年已经来临,你必须向前看,未来 - 至2018年 - 接下来列举真正有可能的转变趋势:

1.故障映射(Failure Mapping)

“庆祝成功是好的,但从失败吸取的教训更重要。” - 比尔·盖茨。

旅程地图(Journey-maps)和用户流量是UX设计的面包和黄油 - 它们通过用户接触点提供了基本的框架来理解整个使用你的产品或服务交互的全周期。这里有一个问题:他们在设计时只考虑到最理想的用户,那如果不是理想中的用户呢?

到2018年超过一半的世界人口都会在网上活跃,用户和新用户的巨潮会带来数字新手,如老人和南半球,这将需要我们专门为其设计。类似的旅程映射,故障映射的做法将让用户体验设计师更好地了解,预测和模型不理想的情况下,使我们能够更好地处理产品和服务的不正确使用。

.com/large/4aff000053d74b0abad2

2.小型微交互(micro interaction)

2015年互联网是充斥着微交互的讨论 - 这是指单一的基于任务的相互作用的产物,如设置报警、评论或点击登录按钮的术语。每当我们打开Facebook或LinkedIn我们从潜意识里被有几十微交互参与 - 许多看不见的,太小,甚至没有注意到。

随着应用程序和服务变得越来越精细和具体的世界 - 我们有Yo发送Yo,Vine分享6秒视频和Knock Knock 为结交新朋友,我们正在朝着进一步雾化微交互,个别相互作用被分解成一个更大的相互作用内甚至更小的段。我把这些小型微交互 - 嵌套在微互动中的多个、微观相互作用,并到2018年每当我们拿出手机将会被成千上万小型微交互驱动着参与:

微交互:配对两个设备同时使用蓝牙。

小型微交互:切换蓝牙设置上。

微交互:控制一个持续的过程,例如音乐音量。

小型微交互:逐步把音量移到最右。

微交互:在LinkedIn联系某人。

小型微交互:在用户的主页上点击“联系”按钮。

.com/large/4afd00005bb98d4e90eb

3.天气应用程序的发展(Proliferation of Weather Apps)

是好还是坏,天气是我们这个世界的一个组成部分。宠辱不惊,我们需要根据天气来规划出行。虽然在过去的天气状况还算一致,减少了需要经常同步天气状态的时间,但不久的将来的剧烈的气候转变会带来的提高警惕的必要 - 这个趋势应用程序开发者才刚刚开始着手解决。异常气候事件 - 从飓风到极端的湿度,将让用户增加利用自己的设备寻找了最新的气候信息的时间。

2015年是天气应用程序创纪录的一年,但对它们的需求只会继续飙升。由于这个冬天厄尔尼诺现象在整个硅谷席卷,我们将看到更多的UX设计师将目光投向气候变化的紧迫问题,并制作更多美丽的移动天气应用程序。

.com/large/4afc0002afd30d24a17f

4.电子鸡(Tamagotchi Gestures)

在讨论机械表难侍候这个问题的时候,作者威廉·吉布森引用了Tamagotchi Gesture中的:

“如果在刚需的角度来看,它们是毫无意义; 但正是因为需要照料,所以它们令人欣慰。”

由于我们的产品变得越来越不起眼的、自主的、自动化的和均衡的,我们已经开始感受到来自用户的抗拒。越来越多UX社区一直在呼吁观察一个较早的时代:机械表时代-为了产品有个性和蓬勃发展,甚至会以功能和精度为代价。作为用户至上的倡导者,我们的设计师有责任听取他们的意见。

.com/large/4afd00005bba9b48f8d2

5.Hypnoti反馈(Hypnotic Feedback)

触觉反馈是指采用触摸在用户界面,感如虚拟键盘,其个别键按下时提供触觉反馈。触觉技术的发展已经越来越复杂与高端移动设备的普及,由于电活性聚合物致动器(EAPS)的成本降低,在未来两年有望变得更为先进。

这些进步已经使交互技术人员通过微妙的触觉开发新的和令人激动的提示改变用户的行为,如使用微妙的脉冲和振动的顺序给用户定向到一个“立即购买”按钮,在它们被拖延的事件的方式特定产品的显示页面,或从通过在页面上创造一种愉快的质感劝阻用户离开屏幕。

以微妙的催眠的一种形式来比拟用户行为的修改,交互设计师把这个新的触觉界面元素称为Hapnotic反馈(触觉 催眠= Hapnotic)的形式。虽然后面Hapnotic反馈的心理学研究还处于起步阶段,你一定会注意到在接下来的日子中设计人员开始发现它的非凡的潜力。

.com/large/4afa0004e565ca96e16f

6.去-线性(De-Linearity)

每年UX设计师们都会为了可用性支持新的标准-而在2015年该标准只是碰巧是简约。但更简约并不总是意味着更高的可用性。然而,2015年成为了简化应用程序和服务的一年-导航菜单收窄,互动变得条块成一步一步的过程,而使用者经常放在固定的路线,被迫沿着直线路径和固定的顺序进行交互。

虽然有着良好的执行性,但Uber仍然是制约用户的一个很好的例子:

  • 设置搭车者

  • 估计到达时间

  • 付费

  • 评分

Instacart是单路径线性的另一个例子:

  • 选择杂货店

  • 选择项目

  • 购买物品

  • 评价物流

用户可能现在享受这些简化的系统,但在Ian Fenn,UX传道者的话:

“差劲的设计团队提供用户要求的UX。伟大的设计团队提供人民需要的UX。”

我们已经看到了用户对这些线性体验的抗拒-用户并不想像牛一样从一个页面赶到下一个。未来在于给予用户最大程度上的帮助,作为用户至上的倡导,我们必须给他们这一点。到2017年,我们将用户的理解力为主对最终的设计去线性;用户将被赋予更多的路径,更多的决定,使整个过程中的每个浏览,更多不同的方式来完成每一个接触点。

.com/large/4b000000091d67f158c0

7. 优化间质性焦虑(Optimized Interstitial Anxiety)

这是交互设计师之间的常用语,间质性焦虑是指紧张的瞬间状态的操作(单击一个按钮)和响应之间的用户体验(移动到下页)。行动与反应之间的高延迟和加载时间可以触发焦虑,在此期间,用户暂时留在黑暗中-无力和困惑-抓住接缝之间。

如果不加以解决,这种焦虑可以快速创造了糟糕的用户体验,将推动用户离开你的产品。

但是聪明的设计师,而不是学习如何引导这种焦虑或情绪升高的状态。他们的优势是通过创建暗示序列中的下一个屏幕过渡元素,用户被允许暂时预览从而预测,而不是担心关于接下来会发生什么屏幕上:

.com/large/4afe00005a2e27b62af9

在上面的例子,幻灯片之间的过渡动画有助于提供行动与反应之间的无缝体验:模态的临时暂停弹跳运动帮助用户下意识地调整页面状态之间的转换。

8.从设计传道到设计改宗(Migration From Design Evangelism to Design Proselytism)

设计传道者倡导利用在原则上和实践中良好的设计主张,最终目标是将非设计师转变到设计思想家。他们都交口称赞设计思想美德的门外汉,使他们也可能继续在他们的个人生活和职业生涯的最佳实践。

.com/large/4afc0002afd6d61ba3e9

虽然我全力支持设计传道者和他们做进一步的设计事业,但恐怕单单仅宣传是不够给他人转化为设计思想的实践。从技术传道者到营销传道者、销售传道者等等,夹杂着太多的行业相互矛盾的信息存在,我们才能真正传达我们的信息,并看到它的实现。更糟糕的是,我们的消息变得抽象,减少到要点和幻灯片的股票市价,我们的思想包括纯粹为其他的上市公司增发的利益。

幸运的是有越来越多好的趋势,线上和线下,设计师也开始为乐自己和用心打磨产品站起来。这些设计师不只是倡导,还拥护设计面向世界传播力量与优雅。这些设计师不再仅仅是传福音, -他们强调按自己的设计思维到周围,而到2017年他们的声音会更响亮、更尖锐。

9.年龄的响应式设计(Age-Responsive Design)

响应式设计是关于设备适应性-通过相应的设备调整您的内容展示给用户。这只是第一步,但更会做真正满足他们用户的需要的设计。正如网站已经重新格式化为它们的布局从而适应各种设备,因此也能够把自己的内容和结构适应范围扩宽。

在线广告已为用户被调整其内容的具体利益很长一段时间了,很快大部分网站都会效仿;一个8岁和80岁不会读同样的书或看同样的电视,那么为什么它们共享相同的在线体验?网站不应该一刀切。

.com/large/4afd00005bbf1613b77b

到2018年,网站会通过丰富的大数据调整适应该年龄的内容:

  • 导航菜单将会取决于用户的感知能力而放大或缩小;那些难完成的将显示精简的接口,使用户更容易互动和展示有限的功能集。

  • 字体大小和间距自然会增加,以适应老年人的视力。

  • 配色方案将改变;年轻人将有更多的饱和色调;老人更多是柔和的调色板。

10.数字化的信任设计(Digital Trust Design)

“产品产生信任的感觉是任何好的UX设计师的主要任务之一。”

问任何一个CEO、营销、销售人员或设计师在商业关系中最重要的因素是什么,他们会给你同样的答案:信任。这同样适用于用户与产品的关系。产品产生信任的感觉是任何好的UX设计师的主要任务之一 ,然而,目前在数码产品的重要性还没有得到充分实现。

随着对安全性和数据的日益关注,信任在网络上建立和维护都比以往任何时候更加困难-对大多数美国人不信任任何互联网产品这个事实,呈现了产品和用户一个明显的两难境地。

.com/large/4afd00005bc09b83b2c1

由于数据泄露危害越来越多产品与用户的关系,寻找新的渠道,建立信任是品牌差异化和成功的关键。到2017年军备竞赛的数字信任建设将全面展开,和新工种的设计师将负责在网络上架构信任。

11.日落时刻(User Offboarding (Sunset Moments))

“一个好的产品就像是电影的代表作。”

用户上钩,在锁定在用户的过程中通过提供使用必须有的说明,这是一直在产品设计上密切关注的领域。与用户初来驾到相比而言,用户的登出肯定是被忽略了许多但时间不长,因为一个好的产品就应该就像电影代表作:

  1. 首先出现的是开场简介(用户上钩)—开幕吸引你;可能是好的用户交互、一个可爱的动画或开门见山简单的按钮。

  2. 然后是情节本身(产品体验),其中的主角涉及任何拐点或发现来了他们的方式-用户找到他们想要购买的物品-也许它脱销-也许他们把它添加到他们的购物车并进行结算。

  3. 再有就是高潮(交互反馈)-当天的主角保存或得到他们想要的东西-用户购买了一双靴子自己的购物车。

  4. 最后,还有剧情的解开-主角结婚或走开到日落。在产品方棉这是基本的用户登出的时刻-它会在购买完成、当消息被发送、当文章被喜欢和共享后发生。

作为设计师力求打造更全面的开始到结束的流程,借助电影的经验,我们将开始花费更多的时间策划这最后的关闭登机“夕阳”的时刻。

.com/large/4b000000092352244383

12.人工智能网络(Brokered AI Networks)

强大的人工智能仍然是科幻小说的东西-但较小、比较实用AI的虚拟助理和数字看门正在我们家门口-最出名的有Siri、Alexa、Cortana,、Google Now,、Jibo,、M、 Clara,、Amy和S Voice.

“我们开始发现智能助手彼此之间并没有那么“乐于助人”。”

这些个人“智能化”助手正以惊人的速度进入我们的生活-每个人都拥有一部智能手机至少一个访问这些AI,AI将在世界占有一席之位。当我们开始欢迎多个AI走进我们的生活,拥有苹果的“Siri”的”和亚马逊的“Echo”和x.ai的“艾米”,我们开始发现,我们的智能助手彼此之间并没有那么“乐于助人”。

.com/large/4afd00005bc3f491f2b1

如设置闹钟、安排提醒,回答问题或控制智能开关简单的活动都要与多个AI互动。智能助手是不是为了谈判出现分化,所以导致冗余、矛盾的,他们的初衷是为了简化事情。个别AI公司不太可能在这个竞争激烈的舞台上与其他人合作,使之达到设计者需要充当中介调和人工智能之间的这些激烈的关系。

在明年的产品设计师将开始集中精力解决这些紧张关系,在虚拟AI的和助手系统中,构建建立劳动和规则分工明确的合作,而不是竞争。

13.材料设计(Textile design)

“Material Design会发现,它带来的笔和纸会互相掐架-它的基本架构是完全未配备处理明天的强大和多维的网络。” -Chase Buckley

谷歌的Material Design自从2013年出现以来一直呈现上升趋势,但直到2015年它依旧没有真正成为主流的网页设计标准,但所有这些都是可能很快会发生变化。

.com/large/4b0000000922a9e10fa8

也被称为“量子纸”,谷歌的Material Design设计语言是物理纸张本身的数字化发展的形式,从模拟相当于集成了许多视觉隐喻。总设计师Matias Duarte,解释说。

“不像真正的纸张,我们的数字资料可以智能地扩大和改革。材料具有物理的表面和边缘。接缝和阴影提供这意味着你可以触摸的东西”。

但纸不是全能的媒介-无论是物理上还是数字化-虽然材料设计的虚拟比喻帮助了一代的东欧设计师发现自己,它的时代即将结束。

到2017年后期,我们就可以看到拟物化元素回归整个设计界,伴随着超越纸张的平整和范围狭窄等视觉隐喻。而作为增强和虚拟现实进入主流。Material Design会发现,它带来的笔和纸会互相掐架-它的基本架构是完全未配备处理明天的强大和多维的网络。

查看点赞情况
全部点赞
总计: --

共有5条评论

发布新贴
招版主啦

版主

  • 潘懿 潘懿
  • 黄根平 黄根平
  • UI讲师-冯志龙 UI讲师-冯志龙
  • UI设计讲师-江海金 UI设计讲师-江海金
  • UI设计讲师-黄晓炜 UI设计讲师-黄晓炜
  • 讲师-熊祥淳 讲师-熊祥淳

注册有礼

完善以下信息,为你推荐课程

  • 学生
  • 白领
  • 高管
  • 自由职业
  • 其他
  • 工作需要
  • 自我提升
  • 兴趣爱好
  • 创业/转型
  • 其他
  • 小白
  • 了解
  • 熟悉
  • 精通
  • 其他
  • 高中/中专
  • 专科
  • 本科
  • 硕士
  • 其他
  • 影视枪战大片特效解析
  • PS视觉惊悚课堂
  • 45天7千平方大厦变形记
  • 原画学习痛点技法全解析
  • 影视动画奇幻课堂
  • AI高端商业设计全攻略
  • UG职场生存必备指南
  • 日赚千元之新媒体行业揭秘
出现异常