在APP設(shè)計(jì)中，對(duì)頁(yè)面的某些元素、內(nèi)容也加上手機(jī)傳感器，不僅可以使得這個(gè)功能/設(shè)計(jì)更加有趣，對(duì)于業(yè)務(wù)上的相關(guān)指標(biāo)也是有積極作用的。

本次幫大家盤點(diǎn)一下，手機(jī)傳感器在APP設(shè)計(jì)中的體現(xiàn)與案例。

一、提供更加沉浸的臨場(chǎng)式體驗(yàn)

愛(ài)奇藝進(jìn)入全屏播放模式下，用戶只需旋轉(zhuǎn)手機(jī)，就可以360°任意角度看視頻，通過(guò)左右滑動(dòng)屏幕調(diào)整觀看區(qū)域。

減少單一視角下給用戶帶來(lái)的限制，對(duì)于沉浸式、可隨便更換觀看視角的用戶是一大利點(diǎn)（特別是觀看愛(ài)豆的MV、演唱會(huì)時(shí)）

B站的一些特定的音樂(lè)視頻，如熱門/有趣的音樂(lè)、播放量特高如100萬(wàn)、純音樂(lè)視頻沒(méi)有旁白之類的干擾等等。

播放時(shí)手機(jī)會(huì)識(shí)別音樂(lè)的旋律而進(jìn)行震動(dòng)，臨場(chǎng)體驗(yàn)感極強(qiáng)！

通過(guò)設(shè)置手機(jī)的‘震感交互’來(lái)提升視頻的消費(fèi)性/娛樂(lè)性，這個(gè)‘跟隨震動(dòng)’是可關(guān)閉的，而且聽(tīng)說(shuō)蘋果手機(jī)至少在8以上（安卓未知）

還有微信的朋友圈廣告：可以進(jìn)行360度全景觀看廣告內(nèi)容，

利用手機(jī)重力感應(yīng)器，搖動(dòng)手機(jī)則轉(zhuǎn)動(dòng)封面內(nèi)容，點(diǎn)擊封面則進(jìn)入更加沉浸式的全景頁(yè)面頁(yè)。

二、提供更加便捷的使用效率

在線下使用支付寶的收款碼時(shí)，把手機(jī)傾斜對(duì)著別人，收款碼和下方的文字「支付寶掃一掃，向我付錢」會(huì)自動(dòng)進(jìn)行翻轉(zhuǎn)。

讓文字正對(duì)著付款方，對(duì)方看起來(lái)不那么別扭，特別是對(duì)于首次掃碼付款的人來(lái)說(shuō)，大大減少操作成本。

打開(kāi)QQ音樂(lè)的「聽(tīng)歌識(shí)曲」功能，不僅能識(shí)別外部環(huán)境的聲音，還能檢測(cè)其他帶有音樂(lè)or視頻的第三方APP中的歌曲，特別方便。

用戶聽(tīng)到喜歡的歌曲又不知歌名、沒(méi)有多余設(shè)備幫助識(shí)別的情況下，既不用麻煩別人又能快速識(shí)別，極大提升操作效率

三、減少業(yè)務(wù)側(cè)的漏斗與流失

某閱讀APP（忘記叫啥了），在’我的’頁(yè)面會(huì)默認(rèn)開(kāi)啟手機(jī)陀螺儀，里面的的’簽到’圖標(biāo)會(huì)根據(jù)用戶手機(jī)的擺動(dòng)進(jìn)行旋轉(zhuǎn)。

通過(guò)重力感應(yīng)吸引用戶注意力進(jìn)行簽到，減少簽出漏斗和用戶流失。

emmo的【登錄與注冊(cè)】頁(yè)上被設(shè)置了重力感應(yīng)，頁(yè)面中的表情球會(huì)會(huì)跟隨手機(jī)搖擺方向進(jìn)行滾動(dòng)。

通過(guò)表情球的滾動(dòng)吸引用戶，降低退出【登錄/注冊(cè)】的頁(yè)面漏斗，也提升了產(chǎn)品整體的趣味性、登錄/注冊(cè)成功率。

四、促進(jìn)產(chǎn)品趣味程度的增加

騰訊手機(jī)管家的充電界面，不僅會(huì)顯示水位隨著電量的上升或下降，還可以利用手機(jī)的【重力感應(yīng)】改變小黃鴨的游行方向，特別有意思。

用戶在充電狀態(tài)下也可以使用手機(jī)打發(fā)時(shí)間，給用戶帶來(lái)驚喜。同時(shí)突顯產(chǎn)品的個(gè)性化服務(wù)與對(duì)用戶的重視程度

喵喵記賬有個(gè)設(shè)計(jì)挺有意思的，按下相機(jī)拍照后，需要晃動(dòng)手機(jī)來(lái)使相片成像，才能看到影像慢慢顯現(xiàn)，很有儀式感又有趣的互動(dòng)體驗(yàn)。

通過(guò)連接現(xiàn)實(shí)生活感受，使成像過(guò)程具備儀式感與趣味性

進(jìn)入好好住的個(gè)人中心，在個(gè)人主頁(yè)上會(huì)掉落用戶獲得過(guò)的勛章， 并可跟隨手機(jī)陀螺儀的晃動(dòng)而左右滾動(dòng)。

通過(guò)重力感應(yīng)增加個(gè)人中心的可玩性，引導(dǎo)用戶獲得更多的勛章并帶來(lái)驚喜。

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》加了手機(jī)傳感器后，這些產(chǎn)品/設(shè)計(jì)變得有多牛？

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司