2025-4-14 天宇 交互設(shè)計(jì)及用戶體驗(yàn)
編輯導(dǎo)語(yǔ)：智能手機(jī)現(xiàn)在對(duì)于大家來說都并不陌生，而“陀螺儀”作為手機(jī)上的一種先進(jìn)硬件，可以增強(qiáng)手機(jī)的使用感，本文作者介紹了一些運(yùn)用陀螺儀讓人身臨其境的設(shè)計(jì)，讓我們一起來看看吧！
iPhone率先將先進(jìn)硬件（如陀螺儀、重力感應(yīng)等傳感器）引入手機(jī)，讓智能手機(jī)的硬件參數(shù)和升級(jí)成為用戶的重要選購(gòu)參考，設(shè)計(jì)師們也會(huì)在設(shè)計(jì)時(shí)關(guān)注到硬件的應(yīng)用和潛力挖掘。今天我們淺聊一下“陀螺儀”在增強(qiáng)交互體驗(yàn)、豐富交互反饋上的實(shí)際應(yīng)用。
▲ 智能手機(jī)有豐富的硬件能力
在我們的自然交互場(chǎng)景中，視野的變化（如觀察四周）和速度的感受（如拍打搖晃）是和五感非常緊密的體驗(yàn)。手機(jī)中的陀螺儀和加速度傳感器就是這樣的硬件，可以感知我們?cè)谑褂迷O(shè)備時(shí)的角度、位置和速度變化。
▲ 陀螺儀可測(cè)量設(shè)備的方向和角速度
通過陀螺儀傳感器，手機(jī)應(yīng)用能感知用戶設(shè)備的角度變化并觸發(fā)相應(yīng)的動(dòng)作和交互，拓展平面屏幕空間，實(shí)現(xiàn)更加有空間操縱感的體驗(yàn)。比如，最常見的就是的手機(jī)橫/豎屏自動(dòng)切換、導(dǎo)航指路、手機(jī)搖一搖等功能。
▲ 手機(jī)橫豎自動(dòng)切換
▲ 地圖方向感知
通常背景氛圍圖片的展示區(qū)域最多只有屏幕寬度，但是結(jié)合陀螺儀的角度感知，通過視差變化可以將視圖延展到原先被限制的空間之外，給用戶更多的視覺信息，形成類3D的空間效果。淘寶人生的套裝展示頁(yè)中，當(dāng)轉(zhuǎn)動(dòng)手機(jī)時(shí)背景圖和人物模型也會(huì)跟隨變化，讓人物及服裝的展示更加生動(dòng)和有沖擊力。
▲淘寶人生套裝展示
當(dāng)將多幀圖片匹配視角變化時(shí)，甚至能帶來裸眼3D的效果。
▲類裸眼3D效果
根據(jù)陀螺儀旋轉(zhuǎn)視角，靜態(tài)圖片可以不僅僅固定在單一位置上，還可以升級(jí)為交互性內(nèi)容，模擬現(xiàn)實(shí)空間里物品的拋、彈、跳，讓信息交互更有驚喜感，讓用戶身臨其境更有控制欲，不知不覺反復(fù)把玩。
▲ 好好住徽章動(dòng)態(tài)交互
很多應(yīng)用中，陀螺儀承載了其核心的能力，給用戶帶來突破屏幕的360度的全景體驗(yàn)。比如在星圖類APP中，跟隨陀螺儀的變化，可以將浪漫的星空變得可識(shí)別和觸手可及。
▲ 星空APP–即時(shí)星圖體驗(yàn)
陀螺儀在體感類手游游中可以說是標(biāo)配，幾乎所有需要感知三維空間變化的游戲都需要用到它。尤其是賽車、飛機(jī)或者體育類游戲，對(duì)角色控制和視角變化有高精準(zhǔn)度要求。通過調(diào)整手機(jī)姿勢(shì)、上下左右擺動(dòng)，模擬真實(shí)空間的操控性反饋，增強(qiáng)了游戲空間的3D體感，用戶跟隨視角變化在游戲里上下翻飛，有強(qiáng)烈的代入感和沉浸感。
▲ 狂野飆車的鏡頭視角變化
▲ 和平精英體感操作
VR體感游戲中的陀螺儀跟隨用戶肢體的動(dòng)作，實(shí)現(xiàn)虛擬空間物品距離和空間視角的變化。
▲ AR體感游戲
除了可以操控平面元素，在我們使用3D AR交互功能時(shí)，陀螺儀也可以增強(qiáng)與現(xiàn)實(shí)空間交互的真實(shí)感。和現(xiàn)實(shí)世界的自然交互一樣，當(dāng)相機(jī)靠近被跟蹤的3D模型時(shí)，3D形象需按比例放大，并跟隨相機(jī)的視角調(diào)整3D模型的展示視角。
▲ 3D應(yīng)用
▲ AR跟隨并觸發(fā)功能
而且，在有多維空間切換訴求的場(chǎng)景中，可以通過監(jiān)測(cè)手機(jī)的角度變化，在2D/3D兩種空間中快速輕便切換。比如高德地圖的步行導(dǎo)航，當(dāng)用戶抬起手機(jī)能迅速進(jìn)入AR導(dǎo)航模式，輕松獲得3D實(shí)景指引，讓用戶想迷路都難。
▲抬起喚醒AR導(dǎo)航
▲放下恢復(fù)平面導(dǎo)航
▲高德地圖喚醒AR實(shí)景導(dǎo)航
在智能玩具中也會(huì)用到陀螺儀，例如Smart Car教育機(jī)器人。在它的手勢(shì)控制手表上就裝有陀螺儀，可以根據(jù)手勢(shì)控制機(jī)器人移動(dòng)。
▲ 陀螺儀體感控制
陀螺儀還能植入其他生活用品中，比如在這款潮人喜愛的LED鞋中，它跟隨你腳步的速度和角度，展示炫目的燈光顏色和模式，讓你成為人群的焦點(diǎn)。
▲ 發(fā)光的鞋子通過陀螺儀
陀螺儀除了可以帶來視覺和體感上的空間感和操縱感，在音頻上也能實(shí)現(xiàn)更真實(shí)極致的環(huán)繞聲體驗(yàn)。比如，AirPods Pro內(nèi)置的陀螺儀和加速度傳感器會(huì)對(duì)佩戴者的頭部進(jìn)行追蹤，即使你的位置變化也能使環(huán)繞音效保持在固定位置，讓環(huán)境音會(huì)根據(jù)人的移動(dòng)而移動(dòng)，創(chuàng)造沉浸式的聲音體驗(yàn)。
▲ Airpods環(huán)繞聲定位
Airpods的空間音頻能力，也可以應(yīng)用到界面交互上。通過把頭部角度變化映射到圖片視角變化，形成視差效果，轉(zhuǎn)動(dòng)頭部就能看到更多內(nèi)容。
▲ Airpods跟隨示例
除了陀螺儀，移動(dòng)設(shè)備還有很多豐富的傳感器硬件能力，如壓力傳感器、光學(xué)傳感器、震動(dòng)傳感器、NFC等，各種令人印象深刻的交互表達(dá)中都有它們的身影。例如，zenly的bump功能通過近場(chǎng)互動(dòng)快速添加好友和查看信息，字體設(shè)計(jì)網(wǎng)站通過屏幕多指觸控可以讓設(shè)計(jì)更自由和可控。
▲zenly近場(chǎng)互動(dòng)
▲多指觸屏設(shè)計(jì)字體
在體驗(yàn)設(shè)計(jì)中，我們可以在合適的場(chǎng)景使用硬件能力集成更豐富的功能，創(chuàng)造更加匹配自然行為和有創(chuàng)意的交互和反饋，為用戶帶來更多直接有趣的體驗(yàn)~
作者：能操縱空間的；
原文鏈接：https://mp.weixin.qq.com/s/qAz5WK9zQ7JPhgpBqmgorw
本文由 @淘寶設(shè)計(jì) 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議
蘭亭妙微(www.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.cqzjtgb.com