在APP設(shè)計中,對頁面的某些元素、內(nèi)容也加上手機傳感器,不僅可以使得這個功能/設(shè)計更加有趣,對于業(yè)務(wù)上的相關(guān)指標也是有積極作用的。
本次幫大家盤點一下,手機傳感器在APP設(shè)計中的體現(xiàn)與案例。
一、提供更加沉浸的臨場式體驗
愛奇藝進入全屏播放模式下,用戶只需旋轉(zhuǎn)手機,就可以360°任意角度看視頻,通過左右滑動屏幕調(diào)整觀看區(qū)域。
減少單一視角下給用戶帶來的限制,對于沉浸式、可隨便更換觀看視角的用戶是一大利點(特別是觀看愛豆的MV、演唱會時)
B站的一些特定的音樂視頻,如熱門/有趣的音樂、播放量特高如100萬、純音樂視頻沒有旁白之類的干擾等等。
播放時手機會識別音樂的旋律而進行震動,臨場體驗感極強!
通過設(shè)置手機的‘震感交互’來提升視頻的消費性/娛樂性,這個‘跟隨震動’是可關(guān)閉的,而且聽說蘋果手機至少在8以上(安卓未知)
還有微信的朋友圈廣告:可以進行360度全景觀看廣告內(nèi)容,
利用手機重力感應(yīng)器,搖動手機則轉(zhuǎn)動封面內(nèi)容,點擊封面則進入更加沉浸式的全景頁面頁。
二、提供更加便捷的使用效率
在線下使用支付寶的收款碼時,把手機傾斜對著別人,收款碼和下方的文字「支付寶掃一掃,向我付錢」會自動進行翻轉(zhuǎn)。
讓文字正對著付款方,對方看起來不那么別扭,特別是對于首次掃碼付款的人來說,大大減少操作成本。
打開QQ音樂的「聽歌識曲」功能,不僅能識別外部環(huán)境的聲音,還能檢測其他帶有音樂or視頻的第三方APP中的歌曲,特別方便。
用戶聽到喜歡的歌曲又不知歌名、沒有多余設(shè)備幫助識別的情況下,既不用麻煩別人又能快速識別,極大提升操作效率
三、減少業(yè)務(wù)側(cè)的漏斗與流失
某閱讀APP(忘記叫啥了),在’我的’頁面會默認開啟手機陀螺儀,里面的的’簽到’圖標會根據(jù)用戶手機的擺動進行旋轉(zhuǎn)。
通過重力感應(yīng)吸引用戶注意力進行簽到,減少簽出漏斗和用戶流失。
emmo的【登錄與注冊】頁上被設(shè)置了重力感應(yīng),頁面中的表情球會會跟隨手機搖擺方向進行滾動。
通過表情球的滾動吸引用戶,降低退出【登錄/注冊】的頁面漏斗,也提升了產(chǎn)品整體的趣味性、登錄/注冊成功率。
四、促進產(chǎn)品趣味程度的增加
騰訊手機管家的充電界面,不僅會顯示水位隨著電量的上升或下降,還可以利用手機的【重力感應(yīng)】改變小黃鴨的游行方向,特別有意思。
用戶在充電狀態(tài)下也可以使用手機打發(fā)時間,給用戶帶來驚喜。同時突顯產(chǎn)品的個性化服務(wù)與對用戶的重視程度
喵喵記賬有個設(shè)計挺有意思的,按下相機拍照后,需要晃動手機來使相片成像,才能看到影像慢慢顯現(xiàn),很有儀式感又有趣的互動體驗。
通過連接現(xiàn)實生活感受,使成像過程具備儀式感與趣味性
進入好好住的個人中心,在個人主頁上會掉落用戶獲得過的勛章, 并可跟隨手機陀螺儀的晃動而左右滾動。
通過重力感應(yīng)增加個人中心的可玩性,引導用戶獲得更多的勛章并帶來驚喜。
– END
作者:和出此嚴
轉(zhuǎn)載請注明:學UI網(wǎng)》加了手機傳感器后,這些產(chǎn)品/設(shè)計變得有多牛?
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司