MSCBSC 移動(dòng)通信論壇
搜索
登錄注冊(cè)
網(wǎng)絡(luò)優(yōu)化工程師招聘專欄 4G/LTE通信工程師最新職位列表 通信實(shí)習(xí)生/應(yīng)屆生招聘職位

  • 閱讀:382
  • 回復(fù):0
摩擦是魔鬼的步伐 全面屏?xí)r代就得滑起來
mao_mao
論壇副管
鎵嬫満鍙風(fēng)爜宸查獙璇? style=


 發(fā)短消息    關(guān)注Ta 

C友·鐵桿勛章   管理·勤奮勛章   C友·進(jìn)步勛章   管理·優(yōu)秀勛章   C友·貢獻(xiàn)勛章   “灌水之王”   紀(jì)念勛章·七周年   管理·標(biāo)兵勛章   活動(dòng)·積極勛章   財(cái)富勛章·財(cái)運(yùn)連連   財(cái)富勛章·大富豪   財(cái)富勛章·小財(cái)主   專家·終級(jí)勛章   財(cái)富勛章·神秘富豪   C友·登錄達(dá)人   紀(jì)念勛章·五周年   財(cái)富勛章·富可敵國(guó)   財(cái)富勛章·財(cái)神   財(cái)富勛章·富甲一方   財(cái)富勛章·鉆石王老五   活動(dòng)·第二屆通信技術(shù)杯   紀(jì)念勛章·六周年   活動(dòng)·攝影達(dá)人   紀(jì)念勛章·八周年   紀(jì)念勛章·九周年   紀(jì)念勛章·十周年   C友·技術(shù)大神  
積分 428896
帖子 85070
威望 5368328 個(gè)
禮品券 5423 個(gè)
專家指數(shù) 3546
注冊(cè) 2009-4-24
專業(yè)方向  移動(dòng)通信
回答問題數(shù) 0
回答被采納數(shù) 0
回答采納率 0%
 
發(fā)表于 2018-02-07 14:32:55  只看樓主 

  在最近版本的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代就得滑起來摩擦是魔鬼的步伐 全面屏?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)用魅藍(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)喚出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喚出后臺(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)邊緣上下滑動(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的小圓圈魅族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ì)占用顯示面積傳統(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ā)位置太靠下 使用比較蹩手由于觸發(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)隱藏后使用時(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) 學(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ī)操作上。


掃碼關(guān)注5G通信官方公眾號(hào),免費(fèi)領(lǐng)取以下5G精品資料
  • 1、回復(fù)“YD5GAI”免費(fèi)領(lǐng)取《中國(guó)移動(dòng):5G網(wǎng)絡(luò)AI應(yīng)用典型場(chǎng)景技術(shù)解決方案白皮書
  • 2、回復(fù)“5G6G”免費(fèi)領(lǐng)取《5G_6G毫米波測(cè)試技術(shù)白皮書-2022_03-21
  • 3、回復(fù)“YD6G”免費(fèi)領(lǐng)取《中國(guó)移動(dòng):6G至簡(jiǎn)無線接入網(wǎng)白皮書
  • 4、回復(fù)“LTBPS”免費(fèi)領(lǐng)取《《中國(guó)聯(lián)通5G終端白皮書》
  • 5、回復(fù)“ZGDX”免費(fèi)領(lǐng)取《中國(guó)電信5G NTN技術(shù)白皮書
  • 6、回復(fù)“TXSB”免費(fèi)領(lǐng)取《通信設(shè)備安裝工程施工工藝圖解
  • 7、回復(fù)“YDSL”免費(fèi)領(lǐng)取《中國(guó)移動(dòng)算力并網(wǎng)白皮書
  • 8、回復(fù)“5GX3”免費(fèi)領(lǐng)取《 R16 23501-g60 5G的系統(tǒng)架構(gòu)1
  • 對(duì)本帖內(nèi)容的看法? 我要點(diǎn)評(píng)

     
    [充值威望,立即自動(dòng)到帳] [VIP貴賓權(quán)限+威望套餐] 另有大量?jī)?yōu)惠贈(zèng)送活動(dòng),請(qǐng)光臨充值中心
    充值擁有大量的威望和最高的下載權(quán)限,下載站內(nèi)資料無憂

    快速回復(fù)主題    
    標(biāo)題
    內(nèi)容
     上傳資料請(qǐng)點(diǎn)左側(cè)【添加附件】

    當(dāng)前時(shí)區(qū) GMT+8, 現(xiàn)在時(shí)間是 2025-01-29 07:38:18
    渝ICP備11001752號(hào)  Copyright @ 2006-2016 mscbsc.com  本站統(tǒng)一服務(wù)郵箱:mscbsc@163.com

    Processed in 0.340621 second(s), 13 queries , Gzip enabled
    TOP
    清除 Cookies - 聯(lián)系我們 - 移動(dòng)通信網(wǎng) - 移動(dòng)通信論壇 - 通信招聘網(wǎng) - Archiver