让你身临其境、无法自拔的设计 - 图1

    iPhone 率先将先进硬件(如陀螺仪、重力感应等传感器)引入手机,让智能手机的硬件参数和升级成为用户的重要选购参考,设计师们也会在设计时关注到硬件的应用和潜力挖掘。

    今天我们浅聊一下 “陀螺仪” 在增强交互体验、丰富交互反馈上的实际应用。

    让你身临其境、无法自拔的设计 - 图2

    ▲ 智能手机有丰富的硬件能力

    01

    陀螺仪是什么

    在我们的自然交互场景中,视野的变化(如观察四周)和速度的感受(如拍打摇晃)是和五感非常紧密的体验。手机中的陀螺仪和加速度传感器就是这样的硬件,可以感知我们在使用设备时的角度、位置和速度变化。

    让你身临其境、无法自拔的设计 - 图3

    ▲ 陀螺仪可测量设备的方向和角速度

    通过陀螺仪传感器,手机应用能感知用户设备的角度变化并触发相应的动作和交互,拓展平面屏幕空间,实现更加有空间操纵感的体验。

    比如,最常见的就是的手机横 / 竖屏自动切换、导航指路、手机摇一摇等功能。

    让你身临其境、无法自拔的设计 - 图4

    ▲ 手机横竖自动切换

    让你身临其境、无法自拔的设计 - 图5

    ▲ 地图方向感知

    02

    让体验增强的应用场景

    1. 越出静态视图边界

    通常背景氛围图片的展示区域最多只有屏幕宽度,但是结合陀螺仪的角度感知,通过视差变化可以将视图延展到原先被限制的空间之外,给用户更多的视觉信息,形成类 3D 的空间效果。

    淘宝人生的套装展示页中,当转动手机时背景图和人物模型也会跟随变化,让人物及服装的展示更加生动和有冲击力。

    让你身临其境、无法自拔的设计 - 图6

    ▲淘宝人生套装展示

    当将多帧图片匹配视角变化时,甚至能带来裸眼 3D 的效果。

    让你身临其境、无法自拔的设计 - 图7

    ▲类裸眼 3D 效果

    根据陀螺仪旋转视角,静态图片可以不仅仅固定在单一位置上,还可以升级为交互性内容,模拟现实空间里物品的抛、弹、跳,让信息交互更有惊喜感,让用户身临其境更有控制欲,不知不觉反复把玩。

    让你身临其境、无法自拔的设计 - 图8

    ▲ 好好住徽章动态交互

    很多应用中,陀螺仪承载了其核心的能力,给用户带来突破屏幕的 360 度的全景体验。比如在星图类 APP 中,跟随陀螺仪的变化,可以将浪漫的星空变得可识别和触手可及。

    让你身临其境、无法自拔的设计 - 图9

    ▲ 星空 APP— 即时星图体验

    2. 让游戏更具操纵感

    陀螺仪在体感类手游游中可以说是标配,几乎所有需要感知三维空间变化的游戏都需要用到它。

    尤其是赛车、飞机或者体育类游戏,对角色控制和视角变化有高精准度要求。通过调整手机姿势、上下左右摆动,模拟真实空间的操控性反馈,增强了游戏空间的 3D 体感,用户跟随视角变化在游戏里上下翻飞,有强烈的代入感和沉浸感。

    让你身临其境、无法自拔的设计 - 图10

    ▲ 狂野飙车的镜头视角变化

    让你身临其境、无法自拔的设计 - 图11

    ▲ 和平精英体感操作

    VR 体感游戏中的陀螺仪跟随用户肢体的动作,实现虚拟空间物品距离和空间视角的变化。

    让你身临其境、无法自拔的设计 - 图12

    ▲ AR 体感游戏

    3. 现实空间的互动交互

    除了可以操控平面元素,在我们使用 3D AR 交互功能时,陀螺仪也可以增强与现实空间交互的真实感。

    和现实世界的自然交互一样,当相机靠近被跟踪的 3D 模型时,3D 形象需按比例放大,并跟随相机的视角调整 3D 模型的展示视角。

    让你身临其境、无法自拔的设计 - 图13

    ▲ 3D 应用

    让你身临其境、无法自拔的设计 - 图14

    ▲ AR 跟随并触发功能

    而且,在有多维空间切换诉求的场景中,可以通过监测手机的角度变化,在 2D/3D 两种空间中快速轻便切换。比如高德地图的步行导航,当用户抬起手机能迅速进入 AR 导航模式,轻松获得 3D 实景指引,让用户想迷路都难。

    让你身临其境、无法自拔的设计 - 图15

    ▲ 抬起唤醒 AR 导航

    让你身临其境、无法自拔的设计 - 图16

    ▲ 放下恢复平面导航

    让你身临其境、无法自拔的设计 - 图17

    ▲ 高德地图唤醒 AR 实景导航

    在智能玩具中也会用到陀螺仪,例如 Smart Car 教育机器人。在它的手势控制手表上就装有陀螺仪,可以根据手势控制机器人移动。

    让你身临其境、无法自拔的设计 - 图18

    ▲ 陀螺仪体感控制

    陀螺仪还能植入其他生活用品中,比如在这款潮人喜爱的 LED 鞋中,它跟随你脚步的速度和角度,展示炫目的灯光颜色和模式,让你成为人群的焦点。

    让你身临其境、无法自拔的设计 - 图19

    ▲ 发光的鞋子通过陀螺仪

    4. 让视听一体身临其境

    陀螺仪除了可以带来视觉和体感上的空间感和操纵感,在音频上也能实现更真实极致的环绕声体验。

    比如,AirPods Pro 内置的陀螺仪和加速度传感器会对佩戴者的头部进行追踪,即使你的位置变化也能使环绕音效保持在固定位置,让环境音会根据人的移动而移动,创造沉浸式的声音体验。

    让你身临其境、无法自拔的设计 - 图20

    ▲ Airpods 环绕声定位

    Airpods 的空间音频能力,也可以应用到界面交互上。通过把头部角度变化映射到图片视角变化,形成视差效果,转动头部就能看到更多内容。

    让你身临其境、无法自拔的设计 - 图21

    ▲ Airpods 跟随示例

    03

    更多可能

    除了陀螺仪,移动设备还有很多丰富的传感器硬件能力,如压力传感器、光学传感器、震动传感器、NFC 等,各种令人印象深刻的交互表达中都有它们的身影。

    例如,zenly 的 bump 功能通过近场互动快速添加好友和查看信息,字体设计网站通过屏幕多指触控可以让设计更自由和可控。

    让你身临其境、无法自拔的设计 - 图22

    ▲ zenly 近场互动

    让你身临其境、无法自拔的设计 - 图23

    ▲ 多指触屏设计字体

    在体验设计中,我们可以在合适的场景使用硬件能力集成更丰富的功能,创造更加匹配自然行为和有创意的交互和反馈,为用户带来更多直接有趣的体验~

    本文作者:江江江

    ✨ 本期粉丝福利 ✨

    大家有发现哪些趣味新奇的硬件能力应用?

    或者对哪个硬件的创新应用感兴趣呢?

    可以在留言里告诉我们哟~

    留言点赞第 1 名的小伙伴

    可获得 “金牛座” 淘公仔 1 只

    马上就过生日的小伙伴在哪里?冲!

    活动截止时间:5 月 9 日 12:00

    让你身临其境、无法自拔的设计 - 图24

    ////// END //////

    淘宝设计,一个服务于全球亿万消费者体验的设计团队,致力于让设计触动人心,让商业美而简单。欢迎加入我们,公众号后台回复 “招聘”,了解最新招聘信息。

    让你身临其境、无法自拔的设计 - 图25
    https://mp.weixin.qq.com/s/qAz5WK9zQ7JPhgpBqmgorw