这两个月，从国外的I/O、WWDC、开发者大会，到国内的飞聊、QQ改版、豆瓣FM 6.0，我们可以看到很多交互设计的趋势。

同时，我们也从日常的产品体验中整理出一些思考。以下是对2020年交互设计趋势的展望。

1. 模态显示

在iOS 13中，模态面板采用了新的卡片样式，占据了90%的屏幕面积。当模态面板拉起时，原来的页面会有深度效果，并以灰色状态显示，阻止用户与之交互。模态面板可向下滑动关闭，适合单手操作，专为大屏幕设计。

模态面板广泛应用于系统邮件、日历、通讯录、信息等内置应用中。

＆ 邮件

2. 关注下半部分

浏览器是最好的专注于下半部分的浏览器。 并没有像 一样将搜索框放在顶部，而是将集成的搜索栏放在了屏幕的下半部分，更方便用户操作。

3、内容分层

分层内容基于弹出分层内容的操作菜单。分层内容的呈现形式可以减少页面跳转，让用户保持在最原始的环境中。主要操作交互位于界面下半部分，触手可及。

＆ 保持

-悬停分层

介绍性内容显示在顶部。随着页面向下滑动，介绍内容被隐藏。同时，功能栏将悬停在顶部，显示的内容面积将大大增加。悬停分层用于网易云音乐、即时、飞聊等应用。

网易云音乐&即时

iOS 应用程序用户界面

4. 连续性页面

连续页面的转换效果可以帮助你记住产品路线，加强页面的层次关系。同时，流畅的动画过渡效果带来更加连贯的用户体验。

App以及最近发布的豆瓣FM 6.0都采用了这种做法。

应用程序 ＆

5.全屏显示

许多应用程序在其指南评级风格中使用系统弹出窗口。 Keep App上设计了全屏评分提示。新颖的格式和大气的背景图片大大增加了人们的评分欲望。

同样，系统通知提示也全屏显示。这是一个值得我们关注的趋势。

爱彼迎与 Keep

6、快速验证方法

- 使用苹果账户登录

近两年，几乎所有App都会推荐使用手机号+短信验证码首次注册/登录，同时也会提供微信、QQ、支付宝等三方登录的接入。

在 WWDC 2019 上，苹果还为我们带来了“使用苹果账户登录”，几乎所有苹果设备都会使用 ID 登录。因此，在不久的将来，我们将可以通过苹果账户直接登录所有的App。是不是很方便呢？

-号码识别

网易易盾的号码识别可以自动获取当前已开通流量的SIM卡号，一键即可完成注册和登录操作。减少输入手机号码、等待短信验证码等传统步骤，提高关键环节转化率。

网易易盾

7. 语音交互

近年来，智能语音技术在很多场景中得到了广泛的应用。引入深度学习后，语音助手在训练过程中可以变得越来越强大，说话也更加连贯。夸克的语音助手拥有本地天气、本周、本月可视化数据、新闻热点、节日问候、冷知识等多项功能。

在 5 月份的开发者大会上，谷歌展示了其用于人工智能和语音识别的 Live 技术。可以为不方便接听电话的用户提供基于实时语音/文本转换的通话支持。这对于聋人来说绝对是一个有用的功能。

I/O 2019 现场直播

事实上，Live也可以帮助普通人。比如，当我们需要接听重要电话，却又不能离开此刻正在做的事情时，Live这时候就可以派上用场了。我们可以通过输入文字来接听重要电话。

最方便的是Live还可以集成实时翻译功能，在与外国人交流时非常有帮助。可以说是又一个“无障碍功能”。

8.AR增强现实

- 通过AR技术“试鞋”

通过AR增强现实技术与智能手机摄像头的结合，帮助你看到350等运动鞋“穿”在脚上的效果。甚至可以模拟鞋子在不同光线环境下的各种效果。

-小程序AR+口红试色

首个支持AR动态试妆的小程序“阿玛尼美妆”同步更新上线。基于小程序的基础能力和谷歌机器学习开源平台的支持，欧莱雅集团开发了AR动态试妆能力。与以往上传照片的试色方式相比，AR动态试妆让试色更加真实。

AR 用于网页设计或应用程序领域。它能够自然地将虚拟与现实结合起来，带来身临其境的新体验。

9. 多窗口预览

应用&QQ

在最新版本的QQ中，如果在列表页面长按一条消息，就会弹出多窗口模式，并且可以来回切换消息，类似于iOS的后台切换模式。长按会话窗口中的任意位置也会调出多窗口模式。

总结

科技的发展对设计产生了巨大的影响，这让我更加深刻地意识到自己作为设计师的责任。有意无意，这些设计趋势将帮助用户获得更好的产品体验，我们期待2020年设计将如何演变。

结尾

▼往期亮点▼

《七月暑期UI/UE旗舰设计课程》1904期

7月6日小班精英教学报到

支持分期、“0”元报名及团体优惠

学校与工作之间的桥梁

提升各方面的设计素养和能力

↓↓↓长按二维码识别报名

人机交互讲堂（原百度UE讲堂天津校区授权）拥有业界顶尖的软硬件条件。整个课程体系由来自国内外一线互联网公司的行业专家联合HCI国际人机交互协会打造，持续为紧缺的互联网用户体验行业提供高素质人才。

地址：天津市南开区南马路18号·原百度UE报告厅

交通：乘坐地铁2号线，东南角站B出口对面

人机交互报告厅

艺术设计类学生专业能力助推器