![cc9113372a0a4ec51648fb8437a56865.png](https://i-blog.csdnimg.cn/blog_migrate/967f70099a095962bf17a04805fe27c1.jpeg)
在过去的35年里,自20世纪80年代GUI引入以来,用户体验设计一直是视觉控制的一门学科和媒介。即使触摸屏彻底改变了用户界面,但这种体验的感官重点始终是“屏幕”而不是“触摸”。但是当我们退后一步,随着时间的推移对消费类技术进行更广泛的了解时,很明显,总体趋势是将界面推向视觉之外。
![167c3bdcedf137a3b58dbf647c35da21.png](https://i-blog.csdnimg.cn/blog_migrate/1c295c615545d0affebf7ac723f2b44e.jpeg)
小型节能传感器和芯片组的发展使得引入其他形式的用户交互和参与成为可能。8英寸或更小的显示屏有望支持触摸功能。移动设备上的触摸屏包括触觉技术,而且越来越多的用户通过触摸-思考——快餐店里的自助服务台——与公共场所的大屏幕进行交互。广告牌增加了质感和动感来吸引路人的目光。
最新开发的技术,如人工智能和5G连接的出现,让我们离真正的多感官数字体验世界又近了一步。语音代理的兴起是这一趋势的最明显的例子,但是AR和VR的发展以及物联网设备的普及都是向触觉互联网(实时时代)的广泛转变的一部分。高速,低延迟的网络和智能边缘计算实现了身临其境的移动用户体验。而且,如果您不能完全熟练使用Technobabble,这只是一种过于复杂的说法,那就是在将来,我们将像今天一样用耳朵和身体来体验技术。
沉浸式设计
随着新的界面模型更多地吸引着我们的感官,我们作为设计师的作用范围也会扩大。语音设计需要了解音频和对话结构,而创建语音代理几乎就像为电影或电视开发角色一样。为XR设计需要在三维空间上工作,并且可能更像是工业设计甚至建筑。当我们展望触觉更美好的未来时,我们将在触觉领域看到令人难以置信的潜力,以创造新的体验,使我们最原始和个人的感知方式,我们的触觉也参与其中。
在Punchcut的沉浸式设计实践中,我们已经制定了10条基本原则,用于为将来设计出色的触觉界面。这些原则是我们与Immersion Corporation(触觉技术领域的专家和先驱)一起工作的一部分。作为Immersion发布的触觉设计框架的补充,这些原则建立在触觉设计思想不断发展的学科之上,重点是设计有目的的交互式触摸体验。这些原则为解决触觉设计和将更多触觉元素纳入产品设计提供了一个思考过程。
十项触觉设计原则
![97f747154e8b185aaf53f1ba1ce3fb09.png](https://i-blog.csdnimg.cn/blog_migrate/8135720e3eb297ae3fcf596e4003d450.jpeg)
使用这10项基本设计原则来创建卓越的触觉体验。
![116e358a78f28c4a627b43e8bf74a2a2.png](https://i-blog.csdnimg.cn/blog_migrate/32a37f27f2f9a2274fcd53e4838627df.png)
把事情简单化
谨慎地使用触觉,专注于在适当的时间提供适当数量的反馈,不要压倒一切。创建易于识别和区分的简单序列。如果复杂性是必要的,请从一个基础开始,并从那里开始。使用触觉为所有感官创造呼吸空间,并帮助人们在现实世界中更加真实。
![24923c32092dbf6cc30a0926262cfe4b.gif](https://i-blog.csdnimg.cn/blog_migrate/fcb13fb062735bd25bfca7cbacac43f7.gif)
响应行动
快速做出反馈,并直接与用户操作联系在一起。准备触觉系统以预期交互并尽快做出响应。具有实时反馈和最小滞后的响应触觉系统更稳定,更令人信服地逼真和沉浸感。
![ec5c0920fef3cb62a8b3ddc14c8cd91f.png](https://i-blog.csdnimg.cn/blog_migrate/8db21ae60a7bd4190a87e8f7d76296cb.png)
保持一致
可预测地使用触觉,与视觉UI相比,触觉界面最初看起来对用户来说更抽象或模糊,而且它们可能需要花费一些时间来学习。建立清晰一致的设计模式,在熟悉的心理模型上建立可靠的结果,从而更快地发现问题,更顺利地获得专家的使用。
![e72b98ac41754b3ec22b506db1172868.gif](https://i-blog.csdnimg.cn/blog_migrate/29820fcb07458348d09c167dfa910baa.gif)
付出和接受
双向接触媒体的设计,一起考虑触觉输入和输出。与触觉反馈感觉一起开发手势和触觉交互,以创建更自然、更具说服力和令人难忘的数字体验。
![eff822da604f9b1ef657413ef9f783fb.png](https://i-blog.csdnimg.cn/blog_migrate/bb8a8312f3de78b6437f48bc617d8f8d.png)
全面思考
调动所有感官,多感官体验可以缩短反应时间、任务完成和学习。超越振动去探索各种触感,并使用触觉与同步和冗余的视觉和音频提示的触觉来增强触感。
![b608e49446fb3f4b44c1338afa4f16e0.png](https://i-blog.csdnimg.cn/blog_migrate/ca00bb50e555fdd9676697752b273f91.png)
扩展自然
扩展触摸的自然功能,触觉可以将感觉扩展到正常范围之外,并实现所有新形式的感知,但是当它们扩展触摸的自然力量和应用时,它们的效果最佳。开发我们不断发展的能力,以触觉方式评估物体,理解周围环境,集中注意力,定向我们的身体,协调运动并传达情感。
![685ac55be95a1250495d4fbdb7d82759.png](https://i-blog.csdnimg.cn/blog_migrate/766a5f803f00912c106bec83aed4bd2d.png)
绘制身体图
将触觉体验映射到身体的各个区域,我们赋予触觉交互的意义,在我们的手势词汇及其在身体上有很大的不同。手腕上的巴掌或脸颊上的吻具有不同的含义,通过建立人体的自然模型,并将特定类型的触觉信息和互动映射到人体的特定区域,来帮助消除信号歧义并增强含义。
![e78925a4afcd0aafbebdb7d183eb735d.png](https://i-blog.csdnimg.cn/blog_migrate/c556359318db1f64c9416bd2190ea36f.png)
保持幻想
创建并维持令人信服的数字幻象,触觉通过视觉和音频通道的精确时间和空间同步来构建现实。通过持续的经验连续性来保持幻象,而不会中断流程。
![73fceffa3b49c506876f28470cb5c1bb.png](https://i-blog.csdnimg.cn/blog_migrate/e9d0602839a1ac8bd148e8433700f1e0.png)
建立联系
表达情感并加强社会纽带,触摸既亲密又充满情感。我们对触觉有着天生的信任,因此请不要滥用或背叛这一基本渠道。使用触觉可以建立人与人之间以及人与机器之间的信任,并在语言或视觉交流中增加情感层面。
![f7d19b7bcbfbb5b627450de4ced7e086.png](https://i-blog.csdnimg.cn/blog_migrate/f3c6a93b83777fbdd0700f1a825b9b2c.png)
地址需求
首先确定具体需求,解决集中在合法用户需求上的问题,而不是简单的噱头。在其他感官受到限制或缺失的地方,通过触觉来发现未被满足的需求。授权给不同的贡献者组,让用户处于循环中,并专注于使世界成为下一代更美好的地方的解决方案。
整合感官
在触觉时代,触觉感知和触觉将与视觉、语音、手势和更多的方式整合在一起。多模式沉浸式体验必须是无缝的和自然的。技术人员和设计师面临的挑战是,在丰富体验价值的同时,创造自然整合的触觉交互。在你的工作中应用这10个设计原则,为今天创造更好的触觉体验,为明天的沉浸式多感官触觉时代。
文中所用图片来自网络,如侵权,请联系删除
想要了解汽车更多内容,就留言联系我们吧!
译文来源:Punchcut
- 服务内容 -
![0bffd64df4b539f370d5503eea977aaa.png](https://i-blog.csdnimg.cn/blog_migrate/2504224496abb313bb09a036fb122dc8.jpeg)
![c7dd1b700e2aa076397be15ec8274936.png](https://i-blog.csdnimg.cn/blog_migrate/839633698824eb4567ff1e337810025c.jpeg)
![8764de154aaeb50250fd0d0425ff2952.png](https://i-blog.csdnimg.cn/blog_migrate/d019dcb127c56fbef41ef081ad3b57a7.jpeg)
![9334700361e93a65ef34e9f1bca866d0.png](https://i-blog.csdnimg.cn/blog_migrate/2b02cbe4a69d8b6e382bef31fe2f3010.jpeg)