移動(dòng)終端設(shè)備探索滑動(dòng)手勢(shì)的功能性操作
諾基亞 N9剛剛發(fā)布,滑動(dòng)手勢(shì)承擔(dān)了更多的功能性操作。從按鍵手機(jī)到iPhone的Home鍵,讓人不禁聯(lián)想,實(shí)現(xiàn)全觸摸屏手機(jī)已經(jīng)指日可待了。
iPhone Home鍵已經(jīng)承擔(dān)的過多的操作,單擊退出程序,雙擊進(jìn)入多任務(wù),自定義三擊顯示輔助操作,組合開機(jī)鍵截屏,恐怕這是所有手機(jī)中使用率最頻繁的按鍵了。但是功能越來越多,要么繼續(xù)壓榨按鍵,要么挖掘新的手勢(shì)操,責(zé)任自然落在點(diǎn)擊和滑動(dòng)這兩個(gè)最基礎(chǔ)的手勢(shì)操作。
比起電腦鼠標(biāo),觸摸點(diǎn)擊存在問題,但同時(shí)交互設(shè)計(jì)上可在采取各種優(yōu)化措施。
觸摸屏點(diǎn)擊形式本身單一,沒有左右鍵點(diǎn)擊之分。對(duì)于手機(jī)系統(tǒng),可以獲取觸摸區(qū)域和時(shí)間,由此根據(jù)觸摸目標(biāo)和時(shí)間長短衍生出長按操作,相當(dāng)于鼠標(biāo)右鍵點(diǎn)擊;根據(jù)觸摸的時(shí)間間隔衍生出雙擊,但與鼠標(biāo)的雙擊有區(qū)別。以鼠標(biāo)在桌面上打開應(yīng)用程序?yàn)槔?,鼠?biāo)停留效果之后第一擊選擇目標(biāo)焦點(diǎn),第二擊相當(dāng)于確認(rèn)目標(biāo),觸摸屏點(diǎn)擊沒有鼠標(biāo)停留效果和選擇目標(biāo)焦點(diǎn)的概念,相比之下簡化了操作,但是少了必要的富交互效果,比如查看圖標(biāo)屬性。
鼠標(biāo)可以精確到1像素,觸摸屏點(diǎn)擊區(qū)域推薦為29像素,而且用戶在點(diǎn)擊觸摸屏目標(biāo)區(qū)域時(shí)并沒有真正點(diǎn)中,存在一定偏差。這種缺陷在按鍵密集的輸入法上體現(xiàn)尤為明顯,頻繁的誤點(diǎn)擊會(huì)影響用戶的操作流。
滑動(dòng)手勢(shì)可以和長按組合出拖動(dòng),除此之外僅僅停留在滑動(dòng)頁面顯示區(qū)域?;瑒?dòng)模擬物理運(yùn)動(dòng)規(guī)律,慢速滑動(dòng)時(shí)頁面滾動(dòng)的范圍等于手指運(yùn)動(dòng)的區(qū)域,快速滑動(dòng)時(shí)滾動(dòng)的范圍要計(jì)算手指移動(dòng)的慣性,頁面移動(dòng)速度由快變慢。手機(jī)得到的參數(shù)有:觸摸點(diǎn)坐標(biāo)和時(shí)間,但坐標(biāo)點(diǎn)和時(shí)間關(guān)系并不是一維的, 觸摸點(diǎn)坐標(biāo)隨著時(shí)間變化也會(huì)發(fā)生變化,由此可以分析出手指移動(dòng)的起始點(diǎn)、終點(diǎn)、移動(dòng)速度、加速度和滑動(dòng)曲線等。
與點(diǎn)擊和操作按鍵相比,滑動(dòng)優(yōu)勢(shì)存在不少優(yōu)勢(shì):
1.沒有明確的目標(biāo)區(qū)域。比如瀏覽器頁面中任何位置都可以執(zhí)行滑動(dòng)操作。N9解鎖屏向上滑可以顯示多任務(wù),向右滑動(dòng)顯示消息推送和功能列表, iPad版Maven瀏覽器將頁面滾動(dòng)限制在特定區(qū)域,反而會(huì)影響頁面的操作效率,書簽和else-mobile一樣將原本層級(jí)點(diǎn)擊操作轉(zhuǎn)變?yōu)榛瑒?dòng)操作,用戶手持設(shè)備的方式各不相同,同樣會(huì)遇到操作效率和單級(jí)中顯現(xiàn)的功能有限的問題,優(yōu)點(diǎn)在于其形式占用的空間小。
2.小區(qū)域內(nèi)可以容納更多的選項(xiàng)。百度手機(jī)輸入法的拼音拇指輸入,“2abc”同時(shí)顯示在一個(gè)按鍵,在按鍵上上滑數(shù)字“2”,利用滑動(dòng)的方向選擇不同的字母或者數(shù)字。還有MIUI最新的百變解鎖屏,同樣是在利用同樣的起點(diǎn)但方向不同的滑動(dòng)區(qū)分操作。
3.比連續(xù)點(diǎn)擊更快速。Swype輸入法之所以快捷,把點(diǎn)擊變?yōu)榛瑒?dòng)操作,省去連續(xù)輸入過程中的手指重復(fù)的抬起和按下。
4.彌補(bǔ)點(diǎn)擊難以精確的缺陷。iPhone和wp7使用滑動(dòng)操作調(diào)節(jié)文本光標(biāo),以滑動(dòng)的位移代替點(diǎn)擊插入光標(biāo)。
N9屏外的觸摸區(qū)只是全觸摸屏手機(jī)發(fā)展過程中的過渡方案,其實(shí)沒有觸摸區(qū)也能勝任已有的滑動(dòng),猜想系統(tǒng)在判斷滑動(dòng)起始點(diǎn)可以用屏幕內(nèi)的邊緣為基準(zhǔn),增加觸摸區(qū)的概念純粹是“欺騙”用戶,減少誤操作?;瑒?dòng)操作并不像點(diǎn)擊那樣立即響應(yīng),當(dāng)中途發(fā)現(xiàn)誤操作也是可以取消。從屏幕內(nèi)滑向屏幕外應(yīng)該可以執(zhí)行頁面內(nèi)滑動(dòng),因?yàn)樵诨瑒?dòng)的開始時(shí)系統(tǒng)無法預(yù)知終點(diǎn)是否會(huì)在屏幕外。
(圖片來自ifanr)
三主屏左右滑動(dòng)切換,形式和操作效果符合物理規(guī)律。在應(yīng)用程序,如果之前是從多任務(wù)進(jìn)入的,從觸摸區(qū)四個(gè)方向滑動(dòng)都可以返回多任務(wù),從應(yīng)用程序返回多任務(wù)時(shí)邊界的陰影可以看出是前后兩個(gè)界面,應(yīng)用程序在三主屏的前方。在多任務(wù)進(jìn)入應(yīng)用程序時(shí),應(yīng)用程序從右邊向左滑進(jìn)顯示區(qū)域,而不是放大之后覆蓋多任務(wù)界面,界面之間的位置關(guān)系缺乏方向感。
也許受iPhone的影響,這種操作需要時(shí)間去適應(yīng),在看到視頻時(shí)本以為從屏幕上方滑進(jìn)會(huì)顯示消息通知欄,從底部滑進(jìn)是返回或者顯示多任務(wù)。把N9的多任務(wù)誤以為是safari的多窗口,把多任務(wù)作也作為三主屏并顯示應(yīng)用程序的縮略圖,比起圖標(biāo)式多任務(wù)除了增加點(diǎn)擊區(qū)域,沒有優(yōu)點(diǎn)。Safari使用網(wǎng)頁縮略圖顯示多窗口,因?yàn)榭s略圖比網(wǎng)站標(biāo)題操作的效率更高,還可以顯示網(wǎng)頁的加載狀況。N9多任務(wù)界面長按操作調(diào)出“刪除”按鈕,為什么要多次一舉,不直接在縮略圖上顯示“刪除”圖標(biāo)。
N9的滑動(dòng)操作確實(shí)有創(chuàng)新之處,比iPhone更進(jìn)一步,但不完美。
試想下iPhone去掉Home鍵會(huì)怎么樣?現(xiàn)有的系統(tǒng)界面結(jié)構(gòu)完全符合條件。
在曉生語錄的留言中我們找到另一位交互設(shè)計(jì)師justing的評(píng)論:
這款產(chǎn)品的目的應(yīng)該是wp7之前的過渡,用特立獨(dú)行的操作方式賺取消費(fèi)者的眼球。作為一款獨(dú)立的產(chǎn)品還不錯(cuò),如果還有后續(xù)產(chǎn)品,很難想象諾基亞步子能邁這么大,這種操作可能在后面系統(tǒng)的發(fā)展迭代上形成障礙。而且,n9的程序和三屏幕之間是串行的,如果從多任務(wù)進(jìn)入程序,再想從程序進(jìn)入程序列表或多任務(wù),必須要經(jīng)過多任務(wù),并不能直接切過去。 |