交互设计
2019年已经过去一大半了,笔者从日常的产品体验中整理思考,给我们预测了2020年交互设计领域的最新趋势,结合自己的工作领域和方向,相信一定对大家有所帮助。
在过去两个月,从国外的Google I/O、APPle WWDC、facebook 开发者大会,到国内的飞聊、QQ改版、豆瓣FM 6.0,可以看到很多关于交互设计上的趋势。
同时,我从日常的产品体验中,整理了一些思考内容,以下是对2020年交互设计趋势的展望。
01 模态展示
在 iOS 13 中,模态面板采用了新的卡片样式,它占据了屏幕90%的面积。模态面板拉起时,原有的页面会有一个纵深效果,以灰色状态显示,防止用户和它们发生交互。模态面板可以通过滑动操作下拉关闭,适用于单手操作,专为大屏服务。
在系统邮件、日历、通讯录、Apple Music、信息Animoji等自带应用中,模态面板得到了广泛应用。
▲Apple Music & 邮件
02 专注下半部分
夸克浏览器是专注下半部分做的最好的一个,夸克并没有像 Safari、Chrome 那样把搜索框放在顶部,而是将整合后的搜索栏放在了用户更容易操作的屏幕下半部分。
—
03 分层内容
分层内容是基于动作菜单,弹出分层内容。分层内容的展现形式可以减少页面跳转,让用户保持在最原始的环境中。并且主要操作交互位于界面下半部分,触手可及。
▲snapchat & Keep
1. 悬停分层
在网易云音乐、即刻、飞聊等应用中,采用了悬停分层。顶部展示的是介绍性内容,随着页面下滑,介绍内容隐藏,同时功能栏将置顶悬停,展示的内容区域大大增加。
▲网易云音乐 & 即刻
▲Broadcasting iOS App
04 连续性页面
连续性页面的转换效果可以很好记住产品路线,加强了页面的层级关系。同时,流畅的动画转换效果,带来了更连贯的用户体验。
app store 和 Behance,以及最近发布的豆瓣 FM 6.0,都采用了这种方式。
▲App Store & Behance
05 全屏展示
很多App在引导评分样式上,都采用的是系统弹窗。在Keep App上,设计了一个全屏展示的评分提示。形式新颖,加上背景图的气氛,让人想去评分的意愿大大增加。
同样,airbnb的系统通知提示也是采用的全屏展示,这是一个趋势,值得我们去关注。
▲airbnb 爱彼迎 & Keep
06 快捷验证
近两年几乎所有的 App 都会推荐首先使用手机号+短信验证码的方式注册/登录,同时也会接入像微信、QQ、支付宝这样的三方登录。
在 WWDC 2019 上,苹果也给我们带来了“使用苹果账号登录”,几乎所有的苹果设备都会登录 Apple ID。因此,我们可以在不久的将来,通过苹果账号,就可以直接登录所有的 App,是不是很方便?
2. 号码识别
网易易盾的号码识别,可以自动获取当前开启流量的SIM卡号码,一键点击即可完成注册、登录操作。减少手机号输入、短信验证码等待时间等传统步骤,提升关键环节转化率。
▲网易易盾
07 语音交互
近年来,智能语音技术在很多场景得到了应用,微软的 Cortana,苹果的 Siri、谷歌的 Assistant。在引入深度学习后,语音助手可以在训练中越来越强,吐词更连贯。夸克的语音助手有本地天气、本周本月可视化数据、新闻热点、节日问候、冷知识等功能。
在5月的开发者大会上,谷歌展示了其人工智能与语音识别的 Live Relay 技术。其能够为不便应答电话的用户,提供基于实时语音 / 文字互转的通话支持。对于聋哑人来说,这绝对是一项实用的功能。
▲Google I/O 2019 Live Relay
事实上,Live Relay也能帮助到一般人,例如当我们需要接听重要电话,但却无法离开当下所进行事项,Live Relay在此时就能派上用场,透过输入文字的方式,接听重要来电。
最方便的是,Live Relay还可整合即时的翻译功能,这在与外国人士沟通时起了很大的帮助作用,可说是另外一种「无障碍功能」。
08 AR增强现实
1. WANNA KICKS 通过AR技术「试鞋」
通过AR增强现实技术与智能手机相机的结合,帮助你看到YEEZY BOOST 350等运动鞋「穿」在自己脚上的效果,它甚至还能模拟出鞋子在光线不同环境下的各种效果。
昨天,首个支持AR动态试妆的小程序“阿玛尼美妆”同步更新上线。基于小程序基础能力和谷歌TensorFlow机器学习开源平台支持,欧莱雅集团开发了AR动态试妆能力。相比以前上传照片的试色方式,AR动态试妆让试色更真实。
AR 使用在网页设计或应用程序领域,它能够自然地将虚拟与现实结合,带来身临其境的新体验。
—
09 多窗口预览
在QQ最新的版本中,列表页面长按消息,会弹出多窗口模式,消息可以来回切换,类似于iOS 后台切换模式。在会话窗口长按任意地方,也会呼出多窗口模式。
▲App Store & QQ
10 总结
科技发展给设计产生的影响是巨大的,让我更深刻的认识到作为设计师的责任。
这些设计趋势有意或无意地将帮助用户得到更好的产品体验,我们期待2020年的设计将如何演变。
相关阅读
当前消费模式的升级及新零售时代下,线上与线下整合运营,双十一也呈现出与往年不同的趋势。回顾历年来双十一的交易额,增长趋势却逐年
是否需要那么一些原则,使得机器人的对话更为方便呢?本文作者将结合尼尔森的十大交互设计原则,对此做出一些探索。最近接触到了对话机
随着智能电视的普及,大家对于大屏的追求就从未止步。而上百吋电视的出现,价格自然也是不菲,很多的小伙伴也只能是望而却步。然而当投
9月的消息真是大快人心呀,网贷P2P终于要接入央行征信了。日前,互联网金融风险专项整治工作领导小组、网贷风险专项整治工作领导小组
黏度营销这个词其实在很早以前就有前辈说出这样的话,也曾说过未来的趋势绝对是在黏度营销上,但目前貌似没几个人看到黏度营销这个词