手勢交互簡史:2007-2019,一路向前
筆者對手勢和功能進(jìn)行了一些總結(jié),帶大家回顧了手勢交互的前世今生,一起來看看吧!
隨著觸摸屏和傳感器技術(shù)的發(fā)展,出現(xiàn)了許多交互的機(jī)會,而手勢通常被認(rèn)為是與屏幕最自然的一種交互方式。
手勢交互的普及,降低了人與設(shè)備之間的溝通門檻,并且?guī)砹烁锩泽w驗(yàn)和便捷。今天,我就帶大家回顧一下手勢交互的前世今生。
在 iPhone 發(fā)布之前,很多手機(jī)廠商都在尋找真正適合手機(jī)的觸摸屏設(shè)計(jì)。
但它們看起來都不太智能,因?yàn)槭謾C(jī)有40%的區(qū)域都是實(shí)體鍵盤,那就意味著,固定的按鈕無法為 App 提供定制化功能。
“智能手機(jī)們”
2007:革命性的滑動解鎖
初代 iPhone
2007年第一代iPhone掀起了智能手機(jī)的革命,具有高分辨率、多點(diǎn)觸控Multi-Touch功能的iPhone,真正確立了手勢交互的標(biāo)準(zhǔn)。
Jobs 放出領(lǐng)先對手5年的狂言,經(jīng)典的滑動解鎖設(shè)計(jì),更是讓人們贊嘆不已。
初代 iPhone
2009:經(jīng)典的多任務(wù)
webOS 卡片式交互
我們在 iOS 和 Android 系統(tǒng)中看到的那種卡片式多任務(wù)形態(tài),是由 webOS 率先提出的。
這一段關(guān)于 webOS 交互界面的演示非常經(jīng)典,也征服了 2009 年 CES 發(fā)布會上近乎所有的觀眾。
webOS 多任務(wù)演示
與 webOS 相比,同時(shí)期的 iPhone 還只停留在單任務(wù)的狀態(tài)。直到 2010 年的 iOS4蘋果才正式引入多任務(wù)概念。
再往后發(fā)展到現(xiàn)在,類似的卡片式多任務(wù)已經(jīng)可以在大部分手機(jī)中看到,但基本和 2009 年 webOS 所演示的成果大同小異。
操作系統(tǒng)多任務(wù)后臺
雖然 WebOS 已經(jīng)死了,但卡片式界面已經(jīng)蓬勃發(fā)展。此外,Safari 和 Chrome 還將其標(biāo)簽視圖替換為具有相同手勢的卡片視圖。
坦率來講,說這些操作系統(tǒng)不受WebOS的影響都是騙人的。
2011:三大金剛鍵
Android 4.0
2011年10月19日,三星與Google聯(lián)合在香港正式發(fā)布了首款搭載了Android4.0 的手機(jī)GALAXY Nexus。
最新的 Android 操作系統(tǒng)引入了屏幕內(nèi)虛擬導(dǎo)航欄,最終,返回鍵、主頁鍵和多任務(wù)鍵的組合日漸深入人心,“三大金剛鍵”的名號應(yīng)運(yùn)而生。
Android三大金剛鍵
虛擬導(dǎo)航欄的優(yōu)勢其實(shí)不少,順應(yīng)了觸摸屏成為主流的發(fā)展趨勢。但缺點(diǎn)就是App程序內(nèi)的底欄會和虛擬導(dǎo)航欄組成“雙下巴”,讓人難以忍受。
2012:魅族的小圓圈
小圓圈
魅族獨(dú)特的交互方式一直是它的優(yōu)勢,在安卓陣營都使用三大金剛鍵的背景下,魅族率先做出了小圓圈的設(shè)計(jì)。它可以實(shí)現(xiàn)多種手勢功能,例如鎖屏,返回,呼出語音等功能。
魅族 MX 2
mBack
「mBack,觸摸返回上一級,按壓返回桌面?!?/p>
魅族mBack是繼小圓點(diǎn)后又一標(biāo)志性設(shè)計(jì),魅族用一顆實(shí)體按鍵同時(shí)實(shí)現(xiàn)了返回和回到桌面兩個(gè)功能,多任務(wù)則交給了屏幕底部上滑呼出。
2012:英雄末路
為觸屏而生的 BlackBerryOS 10
2012 年 5 月,黑莓在美國召開發(fā)布會,展示了其專門為 Z10 研發(fā)的全新移動操作系統(tǒng) BB 10。
BlackBerryZ10
黑莓 Z10 整個(gè)機(jī)身正面沒有 Home 鍵或者菜單鍵來干擾視線,因?yàn)槭謩莼瑒邮?BB 10 的核心交互,到現(xiàn)在為止這個(gè)操作依然讓我記憶深刻,那可是2012年!
黑莓曾經(jīng)把這個(gè)功能叫做flow,也就是上劃解鎖,向上滑動返回主頁,和 iPhone X 一樣的操作方式。但由于應(yīng)用生態(tài)軟件匱乏,最終宣告失敗。
2013:懸浮手勢
索尼 Xperia Sola
索尼在Xperia Sola 上引入“浮空觸屏技術(shù)”(Floating touch),你不需要觸摸到屏幕就能滑動 Web 網(wǎng)頁,當(dāng)手指進(jìn)入到距離屏幕 15 毫米的范圍內(nèi)就能觸發(fā)操作手勢。而且它的感應(yīng)器很靈敏,能夠識別有效的點(diǎn)擊,滑動,輕掃等手勢。
這項(xiàng)功能之后在三星 Galaxy S4 也得到了應(yīng)用:
Samsung Galaxy S4
2017:手勢的崛起
iPhone X 開啟全面屏?xí)r代
2017年 iPhone X的發(fā)布,正式開啟了全面屏?xí)r代。在過去 Home 鍵的主要作用是單擊回到主界面和雙擊調(diào)出多任務(wù)。
而新 iPhone 取消了 Home 鍵,通過上滑、上滑懸停的手勢交互方式,最大化的提高屏幕空間使用效率。
iPhone X
與圖形UI元素不同,手勢不需要視覺表示,因此可以為內(nèi)容留出更多空間,同時(shí)更高的屏占比有更好的操作體驗(yàn)。
2018:擁抱全面屏手勢
隨著全面屏潮流席卷下,各大廠商相繼跟進(jìn),開始擁抱“全面屏手勢交互”。
vivo
在國內(nèi)幾家手機(jī)廠商中,vivo最早推出全面屏手勢。通過隱藏三大金剛虛擬鍵,將底部區(qū)域會劃分為左中右三塊,分別對應(yīng)原來三個(gè)按鍵的功能。
在操作方式也比較容易,中間底部上滑可以直接返回主頁,右側(cè)底部上滑可以反回上一級,左側(cè)底部上滑可以調(diào)出多任務(wù)和控制欄。
小米MIUI
小米方面,MIUI 的操作邏輯有別于其他幾家。中間上滑的操作與蘋果相似,同樣擁有兩功能,上滑時(shí)會返回主頁,停頓一秒調(diào)出多任務(wù)界面。
不同的是,對返回上一級進(jìn)行了調(diào)整,左右邊緣向屏幕內(nèi)滑動,都是返回上一級,這樣很好的避免了持握時(shí)左右手不同帶來的不便。
魅族Flyme
魅族 Flyme 7 在 mBack 之外新加入了全面屏交互手勢,底部往上短滑為返回,往上長滑為返回桌面,上滑并停頓則是呼出多任務(wù)后臺。值得一提的是,在這三個(gè)主要的手勢之外,從屏幕側(cè)邊緣左右往內(nèi)滑也支持返回功能。
2019:一統(tǒng)江湖
Android Q
在今年的 Google I/O 大會上,新版本 Android Q 除了保留傳統(tǒng)的三大虛擬按鍵和 Android P 的二鍵設(shè)計(jì)之外,啟用新手勢交互方案,屏幕底部便不會再出現(xiàn)返回鍵和導(dǎo)航欄,只會剩下一個(gè)指示條,所有手勢也都改成了和 iOS 系統(tǒng)一樣的操作邏輯,兩大陣營在交互上終于達(dá)成一致。
未來已來:隔空手勢交互
LG 在今年 MWC 發(fā)布的 G8 ThinQ 帶來 Air Motion 隔空手勢操作,而 Google 方面也證實(shí) Pixel 4 將支持人臉解鎖和隔空手勢。
Pixel 4 整合了 Soli 雷達(dá)遙控方案,讓你能利用手勢進(jìn)行靜音、切歌等等操作。你看,這個(gè)功能在吃小龍蝦的時(shí)候,是不是很方便呢?
總結(jié)
隨著時(shí)間的推移,手機(jī)相關(guān)技術(shù)和功能都在不斷向前發(fā)展。在全面屏的潮流之后,手勢交互未來又會往哪方面發(fā)展呢?讓我們一起期待新的技術(shù)革命早點(diǎn)到來。
By the way,如果你喜歡我的文章的話,歡迎點(diǎn)贊、轉(zhuǎn)發(fā),謝謝大家!
#參考資料#
- iPhone X: The Rise of Gestures · nngroup
- Why Do All Mobile Roads Lead Back to the Palm Pre?
- 為什么 Android 做不好手勢交互?- 數(shù)字尾巴
- 耗時(shí)2年,Android還是沒找到比iOS更好用的手勢操作-愛范兒
- 從BlackBerry10到Android,黑莓手機(jī)的英雄末路與垂死掙扎
- 發(fā)明了卡片式交互的這家公司,本可以開創(chuàng)屬于自己的全面屏?xí)r代
作者:阿洋;公眾號:洋爺(ID:yangye365)網(wǎng)易資深視覺設(shè)計(jì)師,每周分享關(guān)于交互、產(chǎn)品、視覺上的思考,歡迎關(guān)注交流。
本文由 @洋爺 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
華為Mate30也支持隔空操作
請問一下,這個(gè)動圖是用怎么做的
有交互軟件可以做
未來有一天通過腦電波實(shí)現(xiàn)操作 ??
贊