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

相关推荐

  • 通过减少认知超载,提升用户体验(上)

    “怎样才能改善用户体验设计?这是关于用户体验研究恒久不变的话题。今天给大家推送的是关于运用认知心理学中的相关理论来提升用户体验的研究。希望对大家有帮助。 文章太长,会分成两次推送,欢迎期待~“通常,飞速行驶的货车不可能轻松地停下来。因为它需要花费很多努力,运用更多的动能去改变运动状态。与其强迫人们从他们的主任务上转移注意力,不如直接带他们去他们想去的地方。”
    ——Luke Wroblewski,谷歌产品总监

    2017-05-07
  • 电视交互设计的一些事 | 设计基础15

    两年前,我总结过《Apple Watch交互的一些事》,简单的分享了下手表小屏幕的交互设计。而在过去一年多的时间里,我有幸参与了电视端大屏幕的项目,在不断的尝试、探索和设计中,也收获了一些关于电视端的设计经验,因此将这些“电视交互设计的一些事”分享出来,共同探讨电视端的设计。✨硬件+远距离操控——基本交互基于桌面资料研究以及设计经验,总结了基本交互主要包含以下几个关键内容:遥控器输入、导航和菜单、信息展现、控件摆放和焦点状态。一、 遥控...

    2018-01-30
  • 别被数据骗了——视频搜索页面设计研究总结

    如今的互联网PM都会对产品数据进行追踪,作为自己的KPI指标。但是在实际的设计结果中,令人满意的数据有时却并不一定会说明产品的实际使用效果,数据呈现的结果和用户的实际使用体验有时甚至是背道而驰。某用户:点击之后进去就直接播放了,有时候开着声音吓一大跳,会马上点出去。哦,你说按钮上的文案啊,没有注意呀!

    2017-05-02
  • 你离互联网产品经理,只差一句自我肯定!

    从2014年开始,伴随着越来越多产品人转岗心路历程的分享,产品壹佰为此专门开辟专栏,记录了他们这一段学习路程中的点点滴滴。他们之中,有对未来茫然无措的大学生、不甘于现状的互联网从业者、郁郁不得志的传统行业人、孤立无援的产品新人以及举步维艰的创业者……在他们的诉说中,有着转岗前的不安、惶恐,也有刚转岗成功的喜悦、激动,更有成为产品经理后自我知识的输出!分享!如今,这些记录成长历程的人儿们如疾风般快速的蜕变着,梦想实现,更幸运的是,其中的出...

    微信热点 2018-03-10
  • Axure优雅装逼指南:开启原型高颜值形态

    作者寄语 / 一直想写的Axure小技巧分享,终于动手写了。望能对亲有所帮助,文笔粗糙请谅解。内容目录:啥是高保真原型?简单说明原型Axure可以画出什么水准的高保真?给示例,开启装逼模式特殊的技巧:核心内功:目标清晰/理解设计规范画图习惯:像素对齐/用浅色/上素材啥时候上高保真?:适用场景 and 不适用场景啥是高保真原型?啥是原型,从事互联网研发体系的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原...

    2018-04-28
  • 新知 | 在打造用户体验上,连雷军都要向这家企业学习

    在我们之前发布过的一篇文章《小米八周年:雷军揭秘四大成功之道》中提到过,雷军在创建小米时受到了美国零售连锁超市好市多(Costco)的启发,从价值体系上来看,小米与好市多相同,都是希望用户能以可承受得起的价格享用更好的产品。好市多以优质、低价出名,在全球拥有700多个分店。从2006年到2016年,好市多的市值增长了五倍,如今的市值约为670亿美元。好市多亚洲区总裁张嗣汉在2018零售业年会上分享了好市多的运营模式、会员制度,以及管理层...

    2018-05-04
  • 如何从细节上真正节省用户的时间,从而带给用户更好的体验

    来源:优设网 作者:阿布编译 我们的用户是很珍惜时间的,我们也不应该随意浪费。在每个项目中都问自己两个问题:“我们是在消耗用户的时间来节省自己的时间吗?”“在这里要如何节省用户的时间?”在西方社会中,什么是…

    2014-09-21
  • 如果你想成为一名交互设计师

    第一篇:Cooper《如果你想成为一名交互设计师》    我们收到很多来自学生和可用性从业者的邮件询问如何成为一名交互设计师,需要什么样的背景才能进入这个行业,怎样才算优秀的交互设计,需要什么样的实际技能和经…

    交互专题 2016-10-26
  • 《王者荣耀》的操作交互设计研究

    《王者荣耀》是国内最成功的手机版MOBA类型游戏。MOBA从PC的辉煌延续到了手游,当时很多人唱衰手机上的MOBA,主要还是操作上的问题,手机上无法实现鼠标的快速精确定位。为了优化手机版MOBA,大家进行了各种尝试,有触摸点击型(虚荣),有双摇杆型、单摇杆型,最终单摇杆+技能副摇杆结合的《王者荣耀》一统江湖,现在很少有人说王者手感不好的,它的很多设定都成了现在MOBA游戏的标杆。这里,我们就一步步地分解看看,王者的操作手感是如何设计的。...

    2018-02-26
  • Adobe正式推出 UX 设计工具:Poject Comet

    Adobe在Max大会上推出了全新的桌面端 UX 原型工具 Project Comet。早期 Project Comet 被计划设计为扩展 Photoshop 的照片编辑功能,现在发展成了“新一代”网页与移动应用的 UX 设计工具。目前Project Comet现在还处…

    2015-10-10