無論屏幕多大,拇指驅(qū)動的重要性不會遞減

0 評論 8919 瀏覽 295 收藏 19 分鐘

本文著重介紹了為什么大拇指非常重要,通過我們?nèi)绾巫プ〔煌笮〉钠聊粊碚f明“拇指規(guī)則”。

我們的手和指頭點在設備上的哪里?這個問題是關鍵,本書(本文是節(jié)選)考察每個成因,告訴你如何舒服和有效的設計布局。每當我們以不同方式拿著小屏手機,大屏手機,平板和筆記本,每種觸屏都有他該有的UI是很正常的。但是這些設備同樣分享了很多一致性,尤其是拇指的關鍵作用。不管我們在小手機還是大平板上點擊,我們的拇指都使用的最多。是個事實幫我們建立了可靠的跨平臺規(guī)范。本文著重介紹了為什么大拇指非常重要,通過我們?nèi)绾巫プ〔煌笮〉钠聊粊碚f明“拇指規(guī)則”。智能手機當然是我們持有的最多的設備。我們用在手機的時間占用超過我們的走路時間的20%,平均每天訪問手機221次。讓我們從最熟悉的設備開始。

握住手機

在2013年,研究者 Steven Hooker上街觀察了超過1300個人點擊他們的手機。他發(fā)現(xiàn)在幾乎所有案例中,他們拿手機的姿勢都是基于以下三種。49%的人使用單手操作,是最多的;36%用一只手抓住手機,用另一只手的拇指或食指點擊屏幕;有15%的人采用雙手操作,用兩個大拇指點擊。

Image title

智能手機被定義為三種手持方式,我們在這之中切換。

這個研究表明了我們大多數(shù)人使用手機的習慣:我們頻繁的改變手持方式,取決于是否方便和在當時所處的情景。我們在單手和雙手之間轉(zhuǎn)變,或在左右手間交換,有時候是正在做某事的時候隨便點擊,有時候我們停下來集中全部的注意力。我們都非常的靈活。Hoober發(fā)現(xiàn)三分之二的單手操作都是右手,占大多數(shù)。但是遠遠小于占90%的慣用右手人群。這意味著我們很多人喜歡用非慣用手,比如在慣用手寫作、喝咖啡、抱小孩兒或者讀書的時候。所以當只有很少人一直使用同一種姿勢的時候,我們才能展示明確的單手使用喜好。也就是使用大拇指的手勢。當我們單手拿著我們的手機,大拇指是唯一舒服好用的手指。甚至在雙手姿勢的情況下,很多人還是喜歡用大拇指。在一只手持機,用另一只手點擊的人中,Hoober發(fā)現(xiàn)他們大部分也使用大拇指。經(jīng)過計算,大拇指勝出:

大拇指驅(qū)動了75%的手機交互。

Image title

雖然我們經(jīng)常思考“手指友好”設計,但是拇指才是最重要的。

小屏手機上的拇指點擊區(qū)域

當拇指在小屏手機上滑動,只有三分之一的屏幕真正的無效:在底部拇指的反方向。例如如果你右手持機,你的拇指自然下滑,在屏幕左下角會呈一個弧形(不要拉伸拇指或轉(zhuǎn)變手機的需求)。這個弧形同樣可以應用到雙手持機,但是弧形更大因為拇指的移動范圍更大。

但是舒適和精確并沒有對應。在舒適區(qū)中,存在一個拇指點擊最精確區(qū)域之外的扇形區(qū)域,由阿里巴巴的Qian Fei的研究發(fā)現(xiàn)。她也發(fā)現(xiàn),對于右手操作用戶來說,底部和右上角是最不精確的拇指區(qū)域。

Image title

單手持機,綠色區(qū)域是單手持機用戶的最舒服和精確的范圍。避免觸及紅色區(qū)域,或者用較大的點擊目標作為補償。

那左撇子呢?點擊區(qū)域翻轉(zhuǎn)。但是左和右的區(qū)別并沒有那么明顯,因為大部分人在不同情況下,很容易換手。甚至對一只手的優(yōu)化會不利于另一只手:最好的辦法是,將核心功能放在屏幕的中心,無論左右拇指都可以點擊。最后,頂部和底部的位置,比起左右來說更重要。不管使用哪只手,屏幕底部都是舒服的,但是頂部要求拉抻手指。這個規(guī)則適合所有手機屏幕,大屏小屏。但是當手機增長為巨大的屏幕,頂部屏幕拉伸變?yōu)橐粋€可變化的區(qū)域。

大屏手機

在第一代iPhone后,設備都始終維持在4寸以下,便于單手操作。但是2014年中期后,三分之一的移動瀏覽器被大屏占領,因為大屏手機成為了市場的依靠。超大屏手機在手機和平板之間,于是phablet一詞出現(xiàn)了,有將近7寸的大屏。

Image title

三星的galaxy w和同類設備模糊了手機和平板的界限。

盡管大屏手機有巨大的尺寸,但人們?nèi)匀幌裥∑潦謾C一樣使用,并且仍然用以前的三種姿勢。不同于小屏手機,大屏手機用戶轉(zhuǎn)變了姿勢,開始使用整個屏幕,并需要雙手操作。在另一個研究中,Hoober和Patti Shank 發(fā)現(xiàn)大屏手機使用者70%使用雙手操作。在最受歡迎的三種姿勢中,35%是用一只手抓住手機,用另一只手的食指點擊。但是大拇指點擊仍然保持了比例:60%的大屏手機使用者使用拇指或者雙手拇指。

Image title

雖然拇指驅(qū)動姿勢和食指點擊差不多,但是拇指操作積累了更多活動。

大屏手機的點擊區(qū)域

隨著拇指越來越多的使用,拇指區(qū)域?qū)τ?-7寸屏幕來說越來越重要。大屏手機用戶往往使用雙拇指,這樣可以對稱,擴大屏幕底部的區(qū)域,并同時有一個細長的很難到達的頂部區(qū)域。盡管雙拇指很普遍,但是這并不值得優(yōu)化。雖然我們單手持機的姿勢占25%,但單手拇指姿勢對于設計師來說卻異常的重要,因為單手拇指范圍非常小。

讓我們翻回到拇指規(guī)則:往往要為最不舒服的手勢而設計,這樣人們不管他們?nèi)绾芜x擇拿你的設備,都可以使用你的UI。在大屏手機上,意味著設計值應該把目標及中在單拇指姿勢。

有一個驚喜:雖然大屏手機的單手拇指操作區(qū)域遠遠小于小屏手機,但隨著屏幕增大,拇指區(qū)域卻維持了大概同樣大小和形狀,且基于屏幕底部。除非改變一種穩(wěn)定的手勢,擊中了爆點。在這種手勢下,大部分人滑動他們在手機下方的小指使手機保持在舒適的位置,這樣就減少了拇指的范圍。

Image title

當手機需要小指的支持時,拇指區(qū)域的大小和形狀改變。

由于拇指的局限性,屏幕上的一些狹長區(qū)域無法觸及,一些單手拇指重度使用者,出現(xiàn)了操作被“阻塞”——必須要更高的滑動才能拓展拇指觸及范圍。在大屏手機中,這種姿勢比傳統(tǒng)的在手機屏幕底部滑動的姿勢給人們更大的拇指范圍。

Image title

大屏手機上,一個更高的單手操作會獲得更大的拇指區(qū)域,但是底部的一半則無法到達。

平板:更大屏幕意味著更多的手持

當小屏手機和大屏手機用之前三種姿勢時,平板則沒有那么幸運。更大的屏幕意味著要用更多方法,這讓事情變的無法預測。拇指規(guī)則仍然有效,但是有一個特別的問題:拇指區(qū)域并不一致,即使是獨立設備。拇指區(qū)域轉(zhuǎn)變?nèi)Q于姿勢和動作。

一般,我們典型的使用兩只手控制大平板,比如ipad,利用杠桿原理,可以從半中間拿?。梢赃x擇接近底部,超過平衡點),一些人裝了像文件夾一樣的外殼,用另一只手點擊。更有可能,我們是坐著操作。Hoober和Shank發(fā)現(xiàn)88%的平板使用發(fā)生在坐態(tài)的時候。手機則為19%。坐在桌邊,我們喜歡用一只手拿著平板的下方三分之一,用另一只手點擊。在沙發(fā)上,我們傾向于把平板放在肚子上,或者用小毯子裹著,用另一只手點擊。姿勢中轉(zhuǎn)變最大的,是每一種姿勢往往影響我們拿設備的距離:我們傾向于在站立時拿平板距離最近,依靠時距離最遠。

隨著屏幕變大,同樣也會越重,我們往往會把它放下。Hoober和Shank發(fā)現(xiàn)人們?nèi)藗冊敢獍哑桨宸诺?,占比例為三分之二。我們?0%會把平板放平(無論桌子上還是大腿上),在站立時有22%會把平板豎直(小于7-8寸的平板非常容易拿住,69%的小平板是手持的),這些平放或者站立的姿勢說明我們使用平板更像是使用傳統(tǒng)監(jiān)視器而不是手持設備——換句話說,更接近帶鍵盤可觸屏的平板電腦。

平板拇指區(qū)域

當我們拿起我們的平板,對于一只手的操作來說還是太大了,所以要使用兩只手。再次,拇指很重要。我們傾向于在邊緣抓住平板,在確定的位置上下移動,拇指位置在中部到頂部三分之一范圍移動。這個姿勢使得相鄰邊和頂部角非常容易點擊。在手指不相鄰邊,頂部和底部是不友好的區(qū)域,由于需要拉伸拇指。底部尤其困難,拇指幾乎沒有靠近底部。有時候,那個部分甚至無法看到,因為最懶或許也是最正常的平板姿勢是:放平平板,底部邊沿靠近毛毯,毛衣或者腹部。

Image title

由于平板握姿在屏幕邊緣,拇指區(qū)域和手機上的完全不同。

當然我們也點擊屏幕中間。屏幕增大,我們手的區(qū)域也增加。但是不同于鼠標光標,我們的手指被胳膊的拖累,不能非常有效的在屏幕上滑動。 手指要帶動整個肩膀,這樣做需要花更多力氣。一個界面不應該要求生理運動:

將常用操作成組的放置在拇指可到達區(qū)域。

大家都愿意使用拇指。

筆記本平板電腦:在上面裝一個鍵盤

如果按比例放大屏幕對于我們?nèi)绾尾僮髟O備有一個很強的影響,那么增加鍵盤對于使用習慣產(chǎn)生更加巨大的改變,則很容易理解。我們的姿勢,包括我們的手和胳膊,隨著增加了鍵盤而改變。直到最近,平板觸屏結(jié)合鍵盤的電腦幾乎不能被辨認出來。直到win8出現(xiàn)。

在2012年,windows用盡全力,向世界上使用人數(shù)最多的系統(tǒng)的人,介紹了筆記本的觸摸交互。作為結(jié)果,一個新觸摸設備類型——觸摸屏筆記本和平板加鍵盤的組合,沖擊了消費市場,創(chuàng)造了全新的經(jīng)濟環(huán)境,刷新了對設計師的要求。

亮點是,平板電腦要求我們的雙手在鍵盤和屏幕之間移動。在平板電腦一代來臨之前,很多對這個概念的沖擊都失敗了:手來來回回要做太多工作,乃至使人變成了大猩猩一般笨重。在科學小說《少數(shù)派報告》和《鋼鐵俠》中也有同樣的批判:”誰想要在空中不斷地用他們的胳膊工作?““沒人想垂直的點擊屏幕。”2010年喬布斯蔑視地說?!斑@是個不錯的dbo,但是經(jīng)過一段時間你開始疲勞,再過一段時間,你的胳膊就抬不起來了?!?/p>

研究表明并不需要有這種擔心。一項intel的研究表明,人們快速適應在這類新設備上觸摸,選擇使用觸屏相對于選擇鼠標和鍵盤,占了77%。盡管老式的光標有可用性和精確度,但人們所觸屏感覺更加自然和直接。其他的研究也說明了這種情緒共鳴。其中一個研究說,當人們“觸摸”一個網(wǎng)站而不是用鼠標點擊時,人們對產(chǎn)品附加了更多價值。當點擊被引入,冷冰冰的像素在某種程度上變得有了物理對象般的溫度和情緒化投入。我們將更加深入的探討這一話題,在第四章中,我們主要談談手勢界面。

同樣的,觸摸屏不能完全取代鼠標,但是可以歡迎這種混合的附加“就像有一個額外功能的筆記本,”一個intel測試員說。通過使用平板電腦,人們可以輕松的通過觸摸,鍵盤,鼠標和觸控板操作:不管怎樣,輸入變得更方便了。雖然有很多批評,使你覺得這只會比大猩猩的胳膊更糟。但為什么大家的胳膊沒有變得麻木?原來,人們很快就找到了如何不需要抬起胳膊使用觸摸屏。John Whalen的一項研究表明,當我們使用觸摸屏,我們把我們的手臂放松的放在鍵盤旁,在屏幕的角落保持一個放松的手勢。

平板電腦的點擊區(qū)域

這種“手在角落”的姿勢,定義了平板電腦拇指區(qū)域。又一次,把觸摸目標放在拇指容易接觸到的位置,避免抬高手臂。

Image title

在平板電腦中 ,拇指的熱區(qū)在設備的底部角落,拇指熱區(qū)之外的其他區(qū)域是食指熱區(qū)。

不是人人都適應底部姿勢。有一些人用食指點擊屏幕作為主要手勢。對于設計師,這樣會抓不著頭腦。食指的熱區(qū)和拇指的熱區(qū)正相反。對于食指,屏幕的中心很容易點擊,角落則比較困難。

優(yōu)化拇指意味著會弱化食指,反之亦然。雖然一個布局不得不獲得,和其他的觸摸設備一致,研究仍然給出了邊界。在隨著使用設備的經(jīng)驗增加,平板電腦用戶更傾向于使用拇指,將手臂平放。

Image title

觸摸屏平板電腦的專家級用戶更偏向于使用拇指,甚至點擊屏幕較深的位置。

通過我們審查,成因中最驚人的一致性是:

無論屏幕多大,均為拇指驅(qū)動。

拇指提供了最方便的移動范圍,而出了最小的力。這種生理上的放松是貝爾實驗室的研究者們在設計界面時不得不去重視的,這點同工業(yè)設計師們一致。這種人類環(huán)境學的考量會決定數(shù)字界面的布局。我們開始著手于一些關于觸摸設計的普遍規(guī)律研究,然后驅(qū)動不同設備的規(guī)范。

 

作者:liguoran

原文地址:http://www.ui.cn/detail/87858.html

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!