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

相关推荐

  • 从交互设计角度,聊聊Web网站和移动App的六大差异

    做交互设计近4年,参与过Web网站和移动App的设计,前者依托于PC的浏览器,后者则是依托于手机/平板电脑。不同的设备/平台均有各自的特点,以至于在设计这两类产品时也有些许差异。

    2017-05-27
  • 【用户体验工作坊】用户体验地图实践

    提升用户体验是企业信息化部本年度重点事项。为此,敏捷推进小组已经组织了两期“用户体验工作坊”,并和京东大学合作举办了“创新训练营”。同时“用户体验工作坊”也是用户体验提升计划的一部分,旨在推动部门内部所有产品进行用户体验的优化升级。参加本次“用户体验工作坊”的有来自企业信息化部各个部门的研发、产品和项目经理近50人。🔺 赵卫老师在讲授用户体验实践方法🔺刘泽鹏老师讲授“用户体验生命周期”赵卫老师首先讲解了用户体验五大原则:01不要强迫用户...

    2018-04-26
  • 注意这十点,让你避免糟糕的设计

    本文是给初学者/门外汉的五分钟设计指南。好的设计原则对任何人来说都有用。这个指南会告诉你一些基础设计原则,立即就能用得上并分享给别人。我从不学习打鼓课程,从不学习吉他课程,我靠自己摸索。我认为倘若你真的对什么东西有所热诚,你就会有动力,你就会集中注意力,你可以做任何你想做的事情。
    ——Dave Grohl,喷火战机乐队

    2017-04-30
  • Axure rp视频教程36集,免费!

    1-36集,免费学习~~~点击“阅读原文”或长按下面二维码立即观看视频。对教程有疑问,请咨询微信:13388182428

    2018-04-09
  • 【转】交互设计规范总结

    前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此…

    交互设计 2016-09-05
  • Adobe放大招!Sketch有的功能都上了!

    (本文内容来源知友:不知语冰,感谢~)关于 Photoshop的UI-DNA工具很久就有传闻了!昨天据MICU了解,这个强大的工具终于开放测试啦~~虽然说很多设计师比较推荐sketch,可是这回了不得!sketch有的功能,PS都能实现了!也许有很多同学还不太了解 UI-DNA 是个什么样的工具,说白了,就是 Photoshop 上拥有更强大的属性编辑功能。现在来说说UI-DNA都有神马强大的功能。打开Photoshop 中的UI-DN...

    2018-03-02
  • UI|人性化交互设计 美食订餐网站

    类别:美食网站设计:BASOV(乌克兰)今天品牌先生为大家分享乌克兰 BASOV 工作室设计的一款美食订餐的网站。从选餐到订餐下单,设计师进行了很便捷的交互设计,让网站尽到最大的便捷和简约,这样客户也会爱上这样的网站。网站的建立不单单是界面UI设计出漂亮的界面,包括客户的需求和网站的结构等等,此款网站在前期原型交互设计上的用心在图中也都体现了出来。▼(品牌先生独家整理,转载请告知或注明出处)UI-- END --请点击下方“阅读原文”去...

    2018-02-21
  • 实例分享:交互设计如何赋予产品安全感

    作者:高广淦全文共 4235 字,阅读需要 8 分钟—— BEGIN ——做互联网金融交互设计的这两年,也算是用过上百款竞品了。尤其是一开始做设计的时候,满世界的下载注册体验竞品,以至于我这两年的投资收益还是很可观的,…

    2017-08-04
  • AR交互设计

    AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。DHL的Vision
    Picking
    拣货系统使用了增强现实技术来帮助仓储拣...

    2018-04-12
  • 交互设计师,如何建立自己的知识体系?

    高中毕业,我们完成了基础知识的学习。后续要掌握新技能或新知识,主要途径便是自学。每个人自学能力千差万别,这决定了一个人的成长与发展的天花板。

    2017-05-16