2017年度交互设计趋势

今天分享一下2017年交互设计的趋势,希望能够对你有所启发。


今天分享一下2017年交互设计的趋势,希望能够对你有所启发。

2017年度交互设计趋势

多层级菜单和大量横滑选择  MULTI-LAYER MENU & HORIZONTAL SELECTION

移动设备应用不再局限于“小而美”,越来越多的产品,开始试图在移动端服务于专家用户。如VUE、VSCO、泼辣修图等摄像摄影编辑App。在这类应用中,我们看到多层级的操作菜单和大量的横向滑动选择被广泛应用。

2017年度交互设计趋势

合理的细分场景和操作层级之后,配以简要干练的界面表达,即使多达3到4层的菜单结构,也能够有清晰的引导性和高效的任务完成度。而横向滑动选择的交互模式,初看下来操作并不方便,但得益于卡片式和所点即所得的直观效果,更容易激发体验上的满足感。

更自然的手势操作  MORE GESTURES

2017年度交互设计趋势

不止App设计者,各大平台和厂商也致力于提高移动端的易用性和使用效率。过去一年,我们看到很多优秀新颖的手势操作开始逐步流行起来。如iOS的3DTouch、SmartisanOS的BigBang功能、知乎的摇一摇反馈问题、微信下滑关闭图片或视频等。快捷便利的手势编辑操作,相较于点击,能够带来超乎想象的惊喜感。

跨应用联动  CROSS-APP INTERACTION

2017年度交互设计趋势

2017年度交互设计趋势

2017年度交互设计趋势

说实话,跨应用联动的概念并不新鲜。但得益于各平台的不断持续优化,不同App之间联合发挥作用的使用体验越来越广泛。在2016年,我们看到萝卜书摘聪明地利用用户剪贴板中的内容,Price Tag 低调的坐落于iOS分享面板中,但随时准备提供当前用户浏览商品的历史价格信息。甚至还有Workflow、IFTTT 之类的产品,让用户可以自己生成调用多个App的小程序。

对话界面的进化  CHAT UI ENVOLVING

1. 对话界面潜力丰富

2017年度交互设计趋势

对话式交互界面(Chat UI)的说法,在2016年初就被硅谷创业者提出,行程规划、个人助理、售前咨询、客户服务等领域涌现了一大批在对话界面应用人工智能系统提供服务的产品。而在苹果发布会上,Messages App重磅推出了对表情、图片、视频甚至多种来源内容的支持。

在国内,我们看到微信服务号逐渐成为各类互联网创业公司的标配;年底微信开放“小程序”,为各种线上线下服务提供了可开拓的新领域。

2. 自然语言识别技术,让人机交互更具情感

人工智能技术的不断发展,除了带来Alpha Go碾压国际围棋大师的一场大赛之外,也使我们与数字服务的互动更加自然。

2017年度交互设计趋势

我们在越来越多的场景下,可以使用自然语言、而非指令式的语言来和机器沟通。机器也仿佛带着情感和我们互动。Google Allo能够像真人一样与用户沟通;Duolingo推出了聊天机器人,让你直接开始练日常对话;Tribe也是个不错的例子,能够从用户视频聊天的语音中采取关键词,显示为字幕和关键信息,甚至推荐相关内容。

2017年度交互设计趋势

2016年,随着国内知识分享的兴起,涌现了不少基于社群社交的对话式交互界面案例。知乎Live、千聊直播、沪江CCtalk,都在传统对话界面的基础上,尽可能突显主讲者内容,丰富听众端的互动操作。群聊场景产生大量信息流之后,如何提炼重点信息、沉淀有价值的讨论过程,则成为产品设计上的一大难点。2017年,这方面的交互设计创新值得期待。

全景内容的沉浸式体验  360° VIDEO AND REAL LIFE INTERACTION

VR/AR技术领域的活跃,为全景相机带来了新的契机;而全景相机的多样化与不断发展,也为VR内容生产的爆发提供了无限可能。全景记录设备能够让内容突破平面,变得更加丰富、立体,让传统形式的影视、广告、娱乐焕然一新。而对于观看者来说,也增添了更多的参与感与互动性。

2017年度交互设计趋势

source:https://www.zhihu.com/question/40491829/answer/132817528

1. 全景内容的井喷,视频体验更加沉浸式

2017年可能是VR全景内容的元年。在游戏行业,《行尸走肉》《毁灭地球》VR版将于2017年发售;在娱乐行业,各大视频网站计划联合AR视频团队制作一系列VR视频,如《都市怪谈》《最美中国》等。在社交产品方面,不少内容团队都开始尝试“VR+社交”的概念,各大视频直播平台、硬件厂商,都陆续推出了自家的VR社交产品,如Dream World、Avatar等。将来看视频,不再是静静的坐着翻看,而是可以随意翻转手机,或配合简单设备,就可以像身临其境一样浏览观察周围环境。

2017年度交互设计趋势

《活口》是一个典型的互动式影片H5,利用全景图片触控+影片反馈,牢牢地抓住用户的注意力。纽约时报的虚拟现实作品《The Displaced》,讲述了因战乱离家的三个儿童的故事。观看者需要使用Google Cardboard Viewer观看全景视频。

2. 图像识别在视频领域的应用

图像识别从最初的以图搜图,到明星、物体识别,再到场景识别,现在在视频领域将出现一些有趣的应用前景。

2017年度交互设计趋势

举个例子,如果你在视频中不想看到某人的脸,只需扔个 Emoji 定位在他脸上,这个表情就全程跟着它「阴魂不散」了,是不是特别有趣呢。

2017年度交互设计趋势

相比之下,VR/AR硬件领域虽然也在发展,推出了不少新产品,但整体还在实验性、试水阶段。联想PHAB2 Pro搭载了Google Tango技术,能够真实感知周围环境,并绘制进手机系统中。用户可以一边拍摄、一边测量,甚至可以试试在某个角落放某一型号的沙发,直观感受下效果。虽然从消费级体验角度来看,Tango技术还是有不少体验优化空间,但“将物理空间真实探测并录入虚拟世界”的技术,潜力还是无穷大的。Google的VR系统 Day Dream 值得期待。

写在最后

2017年度交互设计趋势

在遍历检阅2016年的设计案例时,我们也发现了很多值得关注的技术趋势和产品趋势:共享经济大热带来的真实户外场景下的体验挑战,大数据爆发带来了智能高效的个性化分析和推荐、人工智能结合驾驶工具和居家终端,将未来生活带到我们身边……

交互设计层面,很多早已提出的概念也在不断演进中:微交互微动效逐步成为互联网产品品质感的标配,移动端信息语音和文字输入可以流畅切换,以往臃肿的产品也在功能和交互层级上不断简化……

一篇趋势报告,无法汇集互联网产品方方面面的演化和革新。仅以此抛砖引玉,希望吸引更多行业伙伴和业内设计师一起,透过热点表象,关注技术、产品核心方向,促进整个行业用户体验的不断进步。

 

作者: 沪江UED设计团队

来源:公众号:沪江UED

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24572/

(0)
CatherineCatherine
上一篇 2017-05-09 01:05
下一篇 2017-05-09 03:09

相关推荐

  • 【译】为什么要在绘制线框图之前画草图

    我们在设计的过程中都会有意无意忽略掉很多步骤,大部分原因是我们都不了解这些步骤。当有人问你,交互设计的价值在哪里?会不会觉得很难回答出来,就算答了也觉得很虚。因为本质上我们都不懂。当你了解了整个流程…

    2015-08-19
  • 用户体验说:那些减少用户操作的交互细节

    本文总结了一些可以让用户少操作的交互细节,与大家分享,希望可以给大家带来一些启发。

    2017-05-03
  • 让自行车站在墙上,生活中的交互设计|这个设计了不起

    Light Dusk by Z-Inhouse 宛如陶罐的铝制灯罩搭配质朴的软木,造作旗下的设计师利用两种材质的特性,打造了这个造型简洁的向晚小吊灯。喇叭形的灯罩由 1.5 毫米厚的轻薄铝板制成,表面还经过了哑光喷涂处理。嵌入顶…

    2016-12-09
  • 用户体验之旅-开篇

    设计菜会有啥?设计菜主要针对用户体验的方方面面进行分享。也会适当分享行业的一些资讯。主要为了沉淀,不追求快节奏,慢下来去思考去沉淀是设计菜的宗旨。没有商业目标~没有商业目的~欢迎围观和点评。欢迎━(*`∀´*)ノ亻留言及分享!谢谢!图片来自于:pinterest

    2018-04-27
  • 在交互设计中,需要注意的四个小tips

    在移动互联网时代发展的今天,场景思维对于用户体验设计的影响不言而喻。大道理在此不多说,大家都懂。在这里,笔者和大家分享一个近期手上的设计task中总结出来的几个交互设计的小tips。

    2017-05-18
  • Adobe XD 中文汉化包 - UI/UX design in Adobe Experience Design

    Adobe XD 中文汉化包 - UI/UX design in Adobe Experience Design

    2016-03-30
  • 交互设计之用户建模

        上次已经论述了交互设计的目标研究,这次呢来说一下建模,建模包括用户建模和使用场景建模。因为使用场景建模常常和需求设计结合在一起,所以放到下次说。    目标建模包括理解…

  • iOS和Android规范解析:警告框(Alerts)

    规范是最标准的情况,场景是千变万化的,具体运用的时候还是需要根据场景来灵活应用。警告框是一种紧急的打扰(提示),以告知用户一个发生了的情况。警告框传达了你的应用或设备某种状态的重要信息,并且常常需要用户来进行操作。

    2017-05-04
  • 为增强产品的用户体验,UI设计师会做哪些工作

    近年来,人们越来越多地谈及用户体验,甚至将其视为互联网产品赢得市场的最关键因素。作为UI设计师,我们战斗在用户体验设计的一线,那么在实际工作中我们会通过哪些工作来提升产品的体验呢?下文给出了几点关于实际工作中提升产品用户体验的思考。我们在设计一个程序或者系统的时候,前提是保证产品定位及有目标用户群,保证产品是有用的,能连接不同的节点产生价值。如果一个程序没有用,那么对用户来讲就没有下载、使用的必要了。而当程序有用了之后,如果用户需要付出...

    2018-02-03
  • 皮克斯教给我们的22条改善用户体验的原则

    注:皮克斯动画工作室(Pixar Animation Studios),简称皮克斯。1986年,在史蒂夫·乔布斯以1000万入主以后,创作了《玩具总动员》、《海底总动员》、《头脑特工队》等经典3D动 画电影。2006年,皮克斯被迪士尼以74…

    2016-06-12