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