• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 2018年即将流行的交互设计六大趋势

2018年即将流行的交互设计六大趋势

作者:沪江UED 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含2018设计趋势,交互设计,交互趋势,经验分享,设计趋势等相关知识,沪江UED希望在学习及工作中可以帮助到您

想必你还在对HJUX视觉伙伴们给出的《2018年值得设计师学习的六大视觉设计趋势》连连称赞,那么赞别停!今天团队的交互伙伴们将带来2018年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。

设计是围绕人解决问题,因此对2018年交互趋势的预测,我们将目光聚焦在细腻的情感体验打磨、达成目标的交互介质、解决问题的效率、发生交互行为的场景这几个方面,探究出了以下6大趋势。

一. 全感官体验(All-sense experience)

趋势简述

人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造「身临其境的沉浸式」体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。

运用案例

全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键盘游戏方式,直接以语音驱动进行游戏,同时搭配VR眼镜,真实模拟了指挥官的科幻工作场景。用户可以使用更随意更生活的语句,来实现更多控制动作。

△ 星舰指挥官语音控制游戏

全感官体验在虚拟现实场景中应用也很多。如Hardlight Suit力反馈背心主打触觉模拟为主的全维度身体感知,这款装备配有16个振动点和触觉传感器,能够为用户提供沉浸其中的虚拟现实体验。VRgluv能让我们感受到与任何目标交互的不同方式,通过力觉反馈技术,对手指的模拟动作以及触感进行真实的还原,这样无论是棒球、射击还是射箭,甚至是手指轻划过头发丝,都可以获得身临其境的沉浸感。

△ Hardlight Suit力反馈背心

△ VRgluv

二. ?不止于「屏」(Not be limited to the screen)

趋势简述

人与设备的交互本质上是与信息的交互,信息的载体本就可以不止于屏。人达成目标的交互介质有更多屏幕外的拓展,更多「类屏幕产品」或者无屏幕产品出现,运用投影、语音、AR/VR等技术,实现人与设备之间的互动。不止于屏这一趋势拓展了用户的可交互空间,丰富了互动场景,使用户可以随时随地获取信息,获得服务。

运用案例

Sony Xperia Touch便携投影可实现投影在任何平面,并把这个平面变成可触控的「屏幕」。通过感应探头,你可以在平面上翻动网页、打王者荣耀、切水果等等,所有的操作都如此方便、流畅。

△ SONY Xperia Touch

Google Assistant可以通过自然的语音交互来帮用户找歌曲播放、找新闻、打电话等等,并且就像一个朋友一样,只要正常的交流就可以。

△ Google Assistant

Vuzix Blade打破了原来人们对AR眼镜笨重的印象,外型轻薄,和太阳眼镜一般。用户可以通过眼镜上的触摸板来查看天气、打电话、查看消息等等,也可以通过语音来控制。

△ Vuzix Blade

三. 拟人化/情感化(Personification/ Emotionalization)

古希腊哲学家泰勒斯说过「万物有灵」,人机交互体验是一种人机共生的状态,可以看到现在乃至未来,无论是智能设备,机器语音交互将被赋予更多「灵性」。

1. 有「情感温度」的设备(Device comes with Emotion and Warmth)

趋势简述

越来越多的硬件产品在设计过程中不仅具备满足用户需求的基本功能点,更多开始考虑产品的拟人化和情感化。机器从一个呆板的服务工具,逐渐变成一个有情感温度的陪伴者或服务者。拟人化和情感化的运用从产品的外观、材质、颜色、形象和交互方式(语音、抚摸等)等维度一改用户对硬件产品冰冷僵硬的认知,使其更加贴合使用场景降低用户的心理戒备,产生更多的情感互动。

运用案例

新一代Sony aibo机器狗有着更加形象逼真的外型,它会像真正的小狗一样摇摇尾巴、弯弯腿做一系列动作,宛如一只真正惹人怜爱的小狗。aibo还采用新的AI技术,学习周围的环境,具有更强的适应性,和主人有更多情感化的互动。

△ aibo机器狗

My Special Aflac Duck是一只毛绒绒具有「心跳」、「呼吸」,能够摇头,甚至可以跳舞的鸭子,它旨在给予儿童癌症患者安抚和陪伴。借助触摸传感器,当孩子抚摸它时会有相应的反应,孩子们还可以把不同的情绪卡片(如快乐、悲伤等)插入鸭子胸前,这样它会做出不同的动作、发出不同的声音。这只鸭子的传感器还可以和化疗PICC线连接,陪伴孩子一起治疗。

△ My Special Aflac Duck

Luka,一只拥有灵动大眼睛的猫头鹰是给孩子准备的绘本阅读机器人。绘本放在它的面前,他就可以快速识别绘本,翻动绘本就可以自动阅读给孩子听。此外,Luka还会和孩子互动,发出笑声,会撒娇,还会根据不同的状态作出不同表情。

△ Luka

2. 更自然的语音交互(Voice Interaction in more Natural Way)

趋势简述

想必你对Siri,在线客服这类语音交互并不陌生,那你是否发现现在和你会话的另一端变得越来越「有趣」?在这个「有趣角色」的帮助下,获取信息、获得服务的效率大大提高。更注重对话的场景、角色、上下文关联性,会话的结构、语法、词汇更加贴合人与人的交流模式,是语音交互发展的趋势。例如,机器不需要被反复唤醒,更聪明的进行多轮会话。同时,通过AI技术逐渐学习人类沟通过程中的模糊语义,和人更自然的交流。更自然的语音交互能有效降低用户的学习门槛,降低用户对于机器设备的抵触,促使设备更顺畅的融入用户真实使用场景。

运用案例

李彦宏说,「日常生活当中人和人进行交流的时候,不会拉着手才能说话,也不会每说一句话都叫一次对方的名字。」手机百度语音版采用了免唤醒词语音交互,能够不间断聆听用户的语音输入信号,并识别。只需打开语音播报内容模式,直接发出指令,如「下一条」、「大声一点」便可操控,无需每次都唤醒,使人与机器更自然地交流。

△ 手机百度(语音版)

Nomi车载智能系统,通过机器学习,逐渐能够识别模糊的语义命令。如:给我们拍个合影,Nomi可以自动唤起拍照功能;当和Nomi说车快没油了,它便会导航到最近的加油站,而不再需要输入「帮我查最近的加油站」这样机械的命令。

△ Nomi车载智能系统

天猫精灵支持类似朋友间的对话,比如「来个开心的音乐」,「今天天气怎么样」,「明天呢」,这种前后相连的简单对话更贴合真实的用户场景。

△ 天猫精灵

四. 人工智能个性化(AI-based Personalized Recommendation)

趋势简述

个性化推荐已经发展数年,大数据和云计算的技术日趋成熟,更加精准、更加智能,与个体个性化需求相匹配的人工智能将成为趋势。产品在先前做推荐、关联的基础上,更多的趋向认知、联想、预测等模式。个性化的人工智能在深入理解用户画像和痛点的基础上,将更好的扫除顾虑、建立用户信任、形成「你最懂我」的用户认知,有效提高用户决策效率,制造体验惊喜,提升产品的用户粘性,更有效的促成商业目标的达成。

运用案例

过去,基于数据的推荐,主要以筛选内容、关联内容为主。现在Netflix的个性化推荐系统针对同样的电影海报资源,会分析每个用户的喜好,以匹配个人喜好的视觉风格将电影海报展示在用户面前,增强用户的看片意愿。

△ Netflix根据个人喜好对同一电影海报做不同风格展示

过去,投资理财用户一般需要面对大量数字和K线进行复杂的分析判断

您可能想查找下面的文章:

  • 在这个火热的8月,正在流行这3种网页设计趋势
  • 想紧跟流行风尚?这5种平面设计趋势了解一下
  • 2018年过半,为你总结了这13个主要的设计趋势
  • 想营造出80年代的复古风格?下面的建议不要错过
  • 想让文字更出彩?试试通过切割文本来创造视觉吸引力
  • 2018年,网页和APP中背景的8个主要设计趋势
  • 接下来的5月,流行这3种网页设计趋势
  • 这8个字体设计和排版技巧,是2018年的设计趋势
  • 这10个理由告诉你,为什么要在设计中使用渐变
  • 这3个适用性极强的网页设计趋势,在4月非常流行

相关文章

  • 2021-12-10推荐28个让你直呼哇塞的Canvas库
  • 2018-08-23优设×汉仪字库:适合母亲节使用的中文字体打包下载(个人非商用)
  • 2018-08-23Google I/O即将到来,对于Material Design 2.0我做了这些预测
  • 2018-08-23高手说我的图标不止好看,还有这4个作用!
  • 2018-08-23针对不同设计阶段,如何选择合适的动效工具?
  • 2018-08-23高手经验!Facebook的360全景VR应用设计总结
  • 2017-08-19Django静态文件部署
  • 2018-08-23设计师如何打造双11网红爆款?揭秘天猫精灵的全链路营销设计过程
  • 2017-08-06网页改版的7大要素分享 网页改版有哪7大要素
  • 2018-08-23如何做好一个搜索体验流程?看这篇超全面的总结!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 将视频融入网页设计有哪些讲究?
    • 世界上最受欢迎的色彩出炉了,她的名字叫马尔斯绿!
    • 腾讯干货!虚拟To B支付设计研究之基本知识科普篇
    • 如果你正在设计原型,这4个图片占位符工具别错过
    • 视觉设计师成长的三个阶段小结
    • 偷偷问你一句:你觉得今年有机会涨薪吗?
    • 学会这4大Sketch 高阶技巧,让你的效率猛翻10倍!
    • 新闻风格网站设计实例25个
    • 要设计师「小一点的同时大一点」,很过分吗?
    • 网页设计技巧:iframe自适应高度的问题

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有