1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

让体验提高一个维度!如何做出让人欲罢不能的触觉设计?--九分网络

时间:2020-06-18   分类:设计管理    作者:网络   来源:网络整理   点击:171

不知道当年多少人拿到 iPhone 7 的第一刻,就被那「神奇的虚拟 Home 键」深深吸引住了,可能很多人至今都好奇它到底是如何实现如同真实物理按键触感的? 本文来自九分网络

如果你手中正好还有 iPhone X 前代的手机,并且还是不解其中是如何做到这样的体验?那我们不妨拿出手机来实验一下:把手机设置里「声音与触感」中的「Siri 与搜索」暂时关闭,然后按下 Home 键不要松手,那么您会发现手机刚刚发生了一次特别短暂的震动,然后我们松手会发现手机进行了第二次震动,只要我们慢慢体会,就会发现第二次震动要比第一次震动的强度有种「稍稍轻一点」的感觉。 内容采集来自9fen.net

因此总结出 iPhone「神奇的虚拟 Home 按键」的交互过程是:当我们的手指放在 Home 按键上,压力传感器会感受我们手指对 Home 键的压力,当手指继续施压,压力值达到的额定判断数值后,手机会触发第一次较「重」的震动,去产生模拟按下按键的错觉,松手后会触发第二次较「轻」的震动,模拟物理按键松手的回弹感。日常生活中我们快速地下按与松手,整个过程会很像真实世界中按下按键的感觉,这就是触觉设计所改变产品交互方式的一个直观体验,Macbook 上的触摸板也是用到了这种类似的震动交互模拟原理。

内容采集来自9fen.net

关于触觉设计:

copyright 9fen.net

用一篇超全面的干货,帮你掌握产品的「触觉设计」

本文将为大家介绍 App 产品是如何配合硬件设计出优质的触觉体验,来帮大家理解触觉设计的作用和设计方法(文末附 iOS 系统振动调用相关代码) 本文来自九分网络

阅读文章 >>
内容采集来自9fen.net

www.9fen.net

copyright 9fen.net

让体验提高一个维度!如何做出让人欲罢不能的触觉设计?--九分网络

本文来自九分网络

本文来自九分网络

触觉交互相比视觉和听觉交互设计更不易被我们察觉,并且其中蕴含着很多设计原理,在进行设计时如果掌握了这些技巧,在适当情景添加合适的震动反馈到产品中,就会大大提升对用户的交互体验,从细节上让用户得到新奇感,吸引用户并让用户对产品上瘾。

内容采集来自9fen.net

震动触感产生的原理

在给软件加入触感交互设计后,会给用户带来一种从 3D 电影跳到 4D 电影的全新体验,我们也有必要简单了解一下这其中的电子元器件「线性马达」是什么原理,以及为什么还有好多安卓手机没有做到 iPhone 这种细致的震动体验?

本文来自九分网络

震动是由马达所产生的,马达这个东西就算大家没见过也应该耳熟。男同学小时候玩过的「四驱赛车」拆开壳子后,就会看见里面有个明显的小马达,这就是用来模拟汽车引擎驱动小赛车用的马达,它就属于一种非线性马达,也叫转子马达。 九分网络

非线性马达中,其「线性」二字不是衡量随时间改变震动大小的关系,这和我们理解非线性动画不是一个概念,它是对马达震动方向的衡量,所以非线性马达所代表的含义是震动没有震动方向的。

本文来自九分网络

早期的 iPhone3Gs 到 iPhone5 上用的都是类似的非线性马达,因为其马达没有震动方向和一些物理因素,震动的可控性比较低,造成的用户体验也不尽人意,当时震动的作用也只是电话静音后代替电话铃的一个提示方案。 copyright 9fen.net

让体验提高一个维度!如何做出让人欲罢不能的触觉设计?--九分网络 copyright 9fen.net

本文来自九分网络

直到 iPhone 6 上苹果才在手机上使用线性马达,有了震动方向。有方向,就有了轴向问题,一般手机上的线性马达都是 X 轴线性马达,也就是手机是左右进行震动的,有的手机用的是 Z 轴马达,比如三星的一部分手机,其震动体验要与 X 轴马达有一定区别。随着技术上的提升,到了 iPhone 7 腾出了耳机孔的位置后,才能使 iPhone 装下足够大,震感足够强的 Taptic Engine 线性马达,到此也为设计师对软件触觉设计提供了基本的硬件条件。

copyright 9fen.net

九分网络

用超多细节探讨 Apple 的设计哲学:交互篇

为什么一谈论起产品设计和用户体验,总是离不开苹果?本文将从 iOS 的交互设计来探讨苹果的设计哲学。

copyright 9fen.net

阅读文章 >>

九分网络

copyright 9fen.net

copyright 9fen.net

让体验提高一个维度!如何做出让人欲罢不能的触觉设计?--九分网络

www.9fen.net

www.9fen.net

为什么很多 Android 机型上无法做到这样的体验?随着笔者的研究,发现很多安卓手机的马达一般问题主要有三种:

www.9fen.net

因为技术或成本控制的原因还停留在非线性马达;

内容采集来自9fen.net

线性马达尺寸不够大导致无法获得足够强的震动触感; 本文来自九分网络

对震动的强度没有进行分级处理意见,及未对开发者提供震动强度控制的代码接口。 www.9fen.net

触感设计时设计师需要知道的设计选项

标签: 产品 优设 交互设计 苹果 交互体验 产品体验 触觉设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----