在最近版本的Flyme系統(tǒng)中,魅藍(lán)S6的交互再進(jìn)一步,小圓圈可以滑動(dòng)隱藏起來了;一加5T海外版也已經(jīng)適配了手勢(shì)交互;小米MIX 2的滑動(dòng)操作也正在內(nèi)測(cè)中。全面屏讓我們進(jìn)入了一個(gè)全新的時(shí)代,而滑動(dòng)手勢(shì)恰恰占領(lǐng)了人機(jī)交互的高地。
摩擦是魔鬼的步伐 全面屏?xí)r代就得滑起來
當(dāng)然,新老交互方式的轉(zhuǎn)變也帶來了問題:手勢(shì)滑動(dòng)操作真的讓交互變得方便了嗎?滑動(dòng)交互又存在哪些問題?以后手勢(shì)滑動(dòng)還會(huì)往哪個(gè)方向發(fā)展?今天我們就來聊聊這些大家都關(guān)心的問題。
我們都見過哪些完備的滑動(dòng)交互方案
我們拿到全面屏手機(jī)后,在獲得更好外觀視覺觀感、更大閱讀視野的同時(shí),不難發(fā)現(xiàn),原有的交互方式在全面屏上已不再適用。到目前為止,我們也見到了不少較為完備的全面屏交互方案:
魅族的小圓圈
魅藍(lán)S6左右滑切換前后應(yīng)用
在前不久發(fā)布的魅藍(lán)S6上,我們見到了一種風(fēng)格更加鮮明的交互體系——依靠小圓圈實(shí)現(xiàn)的Super mBack。通過小圓圈,我們可以實(shí)現(xiàn)輕觸返回、重按Home、長(zhǎng)時(shí)間重按息屏、雙擊重按進(jìn)入相機(jī)、空白處上滑進(jìn)入后臺(tái)、左右滑切換前后應(yīng)用、長(zhǎng)按左右滑動(dòng)快速切換多任務(wù)等操作。最近版本的系統(tǒng)也加入了下滑隱藏小圓圈的功能。
OPPO的手勢(shì)滑動(dòng)
OPPO R11s的后臺(tái)喚出
在全面屏手機(jī)OPPO R11s上,我們看到了一套十分簡(jiǎn)易的滑動(dòng)體系:底部右側(cè)上滑返回、左側(cè)上滑打開控制中心,左右可功能互換。中間上滑返回桌面、中間上滑停頓進(jìn)入后臺(tái)。
iPhone的手勢(shì)滑動(dòng)
iPhone X喚出后臺(tái)
采用了異形全面屏的iPhone X不得不取消用了很多代的Home鍵,傳統(tǒng)的交互不再適用。在iPhone X上,我們也見到了一套功能完善的滑動(dòng)手勢(shì)交互:從底部上滑返回主屏幕、底部上滑停頓進(jìn)入后臺(tái)、劉海右側(cè)下滑進(jìn)入控制中心、劉海左側(cè)下滑進(jìn)入通知、底部左右滑動(dòng)切換前后應(yīng)用,底部向下滑動(dòng)下拉懸停。
努比亞的FiT交互
邊緣上下滑動(dòng)清空后臺(tái)
FiT交互其實(shí)在之前的努比亞左右無邊框手機(jī)上就已經(jīng)采用,但在全面屏手機(jī)上同樣適用:智慧卡片可以全局呼出,邊緣上滑/下滑可以對(duì)應(yīng)用進(jìn)行切換;邊緣反復(fù)滑動(dòng)可以清理后臺(tái);邊緣雙擊可以實(shí)現(xiàn)快速返回;兩邊上下滑動(dòng)調(diào)節(jié)亮度。
怎么樣?你比較喜歡哪一種呢?
是未來不可否認(rèn) 但目前利弊共存
看了這么多相對(duì)而言比較完備的滑動(dòng)手勢(shì)交互方案,相信大家已經(jīng)明白:這樣的滑動(dòng)手勢(shì)才是全面屏交互的未來。我們不否認(rèn)滑動(dòng)手勢(shì)的便利性,而且一大波全面屏滑動(dòng)交互方案也正在趕來的路上,比如文初提到的一加5T和小米MIX 2的手勢(shì)操作。
但問題就在于滑動(dòng)手勢(shì)為何會(huì)代替點(diǎn)觸成為全面屏交互主力方式?其實(shí)相對(duì)于傳統(tǒng)的點(diǎn)觸,滑動(dòng)在功能直觀性、操作效率上都不具有優(yōu)勢(shì),百花齊放的滑動(dòng)交互方案也讓換機(jī)壁壘變得更加明顯。事實(shí)上,進(jìn)入全面屏?xí)r代,滑動(dòng)代替點(diǎn)觸也是迫不得已的事情。
魅族MX3的小圓圈
其實(shí)滑動(dòng)手勢(shì)交互在很多年前就已經(jīng)走向成熟,我最早用過的魅族MX3就是典型的滑動(dòng)操作案例。在三大金剛鍵還是交互主力軍的當(dāng)時(shí),MX3的小圓圈以新鮮有趣的操作、唯美雅致的外觀讓一眾消費(fèi)者拜倒在石榴裙下。但相比于傳統(tǒng)的三大金剛鍵,小圓圈的滑動(dòng)交互是不夠直觀的。這或許就是全面屏?xí)r代之前,滑動(dòng)交互沒有流行起來的主要原因。
傳統(tǒng)虛擬按鍵會(huì)占用顯示面積
全面屏手機(jī)最原始也是最穩(wěn)妥的交互方式就在是屏幕下側(cè)模擬三大金剛鍵。但這不同于在前面板下巴上的布局,屏幕內(nèi)的虛擬按鍵會(huì)占用屏幕一定的顯示面積,讓全面屏的最大優(yōu)勢(shì)受到影響。
為了解決這種問題,一般都會(huì)讓導(dǎo)航欄可隱藏,但這樣又帶來了問題:想要交互還得手動(dòng)滑出導(dǎo)航欄,增加了操作步驟;優(yōu)化不到位的導(dǎo)航欄喚出后,會(huì)擋住原來的畫面,比于微信QQ就會(huì)擋住輸入框,想要輸入內(nèi)容就得等導(dǎo)航欄自動(dòng)隱藏,極大的拉低了操作效率。
相比之下,滑動(dòng)交互反而變得更加便捷。
由于觸發(fā)位置太靠下 使用比較蹩手
但滑動(dòng)交互用起來并不一定都是順手的,最典型的案例就是iPhone X的滑動(dòng)手勢(shì)。其實(shí)從理論上講,iPhone X的手勢(shì)功能性設(shè)定是相當(dāng)完備的,一個(gè)大拇指即可實(shí)現(xiàn)交互,屏幕頂部夠不到的位置也可以通過下拉懸停來實(shí)現(xiàn)操作。問題就在于iPhone X的全面屏底部太窄,單手握持從底部觸發(fā)十分別扭。在全面屏屏占比越來越大的未來,如果設(shè)計(jì)不夠人性化,這樣的問題將會(huì)越來越明顯。
滑動(dòng)交互怎么發(fā)展 才能更加人性化
以有無滑動(dòng)基準(zhǔn)點(diǎn)分類的話,目前的滑動(dòng)交互方案可以分為兩種:一是以魅藍(lán)S6小圓圈Super mBack為代表的有基準(zhǔn)點(diǎn)手勢(shì)操作;另一種是以iPhone X屏幕邊緣手勢(shì)為代表的無基準(zhǔn)點(diǎn)手勢(shì)操作。這兩種方案各有優(yōu)劣:
基準(zhǔn)點(diǎn)隱藏后使用時(shí)還需喚出
有基準(zhǔn)點(diǎn)的小圓圈交互相對(duì)來說直觀一些,由于結(jié)合了點(diǎn)觸與滑動(dòng),交互變動(dòng)的跨度并不是很大,上手難度較低。但劣勢(shì)就在于使用時(shí)需要有基準(zhǔn)點(diǎn)(即小圓圈)出現(xiàn)。這就碰到了與三大虛擬按鍵存在的相同問題:如果不隱藏會(huì)占用一定的顯示面積,如果隱藏會(huì)增加一步喚出的步驟。
沒有基準(zhǔn)點(diǎn) 學(xué)習(xí)一下才知道怎么用
無基準(zhǔn)點(diǎn)的手勢(shì)則不會(huì)遇到這種問題,既不會(huì)遮擋屏幕,又不會(huì)讓操作多出一步。但存在的問題也是比較明顯的:不夠直觀,第一回用完全不知道該如何下手;簡(jiǎn)單的滑動(dòng)方式較少,為了實(shí)現(xiàn)更多功能需要配合停頓,比如iPhone X的喚出后臺(tái),一定程度上影響了操作效率。而且存在剛才提到的問題:在屏占比越來越大的以后,優(yōu)化不到位就很有可能用起來十分蹩手。
所以,因?yàn)橛羞@些問題,這兩種交互方案都是亟待優(yōu)化的:有基準(zhǔn)點(diǎn)的全面屏交互,要考慮到如何實(shí)現(xiàn)真正的基準(zhǔn)點(diǎn)隱藏并且在使用時(shí)不需要手動(dòng)喚出;沒有基準(zhǔn)點(diǎn)的手勢(shì)則要優(yōu)化停頓引發(fā)功能的臨界點(diǎn)時(shí)長(zhǎng),或者采用效率更高的方式代替,以實(shí)現(xiàn)快速的功能喚出。而且滑動(dòng)不一定要從屏幕底邊開始,設(shè)計(jì)要更加符合人體操作的需求。
其實(shí)在魅藍(lán)S6上用的壓力感應(yīng)是一個(gè)很好的思路。既然滑動(dòng)的模式比較少,那么不妨增加操作的維度,從而實(shí)現(xiàn)更加廣泛的功能交互。
寫在最后
還有一個(gè)更加大膽的構(gòu)想:以后的全面屏?xí)r代,在傳統(tǒng)的點(diǎn)滑操作被其它高端操作代替之前,或許滑動(dòng)將再次被點(diǎn)觸代替,畢竟點(diǎn)觸的操作效率更高。而我們以后見到的交互,有很大可能不再限于屏幕表面,諸如壓力感應(yīng)的空間立體結(jié)構(gòu),或許會(huì)更多的用在手機(jī)操作上。