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

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

握住手機(jī)

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

智能手機(jī)被定義為三種手持方式，我們?cè)谶@之中切換。

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

大拇指驅(qū)動(dòng)了75%的手機(jī)交互。

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

小屏手機(jī)上的拇指點(diǎn)擊區(qū)域

當(dāng)拇指在小屏手機(jī)上滑動(dòng)，只有三分之一的屏幕真正的無效：在底部拇指的反方向。例如如果你右手持機(jī)，你的拇指自然下滑，在屏幕左下角會(huì)呈一個(gè)弧形（不要拉伸拇指或轉(zhuǎn)變手機(jī)的需求）。這個(gè)弧形同樣可以應(yīng)用到雙手持機(jī)，但是弧形更大因?yàn)槟粗傅囊苿?dòng)范圍更大。

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

單手持機(jī)，綠色區(qū)域是單手持機(jī)用戶的最舒服和精確的范圍。避免觸及紅色區(qū)域，或者用較大的點(diǎn)擊目標(biāo)作為補(bǔ)償。

那左撇子呢？點(diǎn)擊區(qū)域翻轉(zhuǎn)。但是左和右的區(qū)別并沒有那么明顯，因?yàn)榇蟛糠秩嗽诓煌闆r下，很容易換手。甚至對(duì)一只手的優(yōu)化會(huì)不利于另一只手：最好的辦法是，將核心功能放在屏幕的中心，無論左右拇指都可以點(diǎn)擊。最后，頂部和底部的位置，比起左右來說更重要。不管使用哪只手，屏幕底部都是舒服的，但是頂部要求拉抻手指。這個(gè)規(guī)則適合所有手機(jī)屏幕，大屏小屏。但是當(dāng)手機(jī)增長(zhǎng)為巨大的屏幕，頂部屏幕拉伸變?yōu)橐粋€(gè)可變化的區(qū)域。

大屏手機(jī)

在第一代iPhone后，設(shè)備都始終維持在4寸以下，便于單手操作。但是2014年中期后，三分之一的移動(dòng)瀏覽器被大屏占領(lǐng)，因?yàn)榇笃潦謾C(jī)成為了市場(chǎng)的依靠。超大屏手機(jī)在手機(jī)和平板之間，于是phablet一詞出現(xiàn)了，有將近7寸的大屏。

三星的galaxy w和同類設(shè)備模糊了手機(jī)和平板的界限。

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

雖然拇指驅(qū)動(dòng)姿勢(shì)和食指點(diǎn)擊差不多，但是拇指操作積累了更多活動(dòng)。

大屏手機(jī)的點(diǎn)擊區(qū)域

隨著拇指越來越多的使用，拇指區(qū)域?qū)τ?-7寸屏幕來說越來越重要。大屏手機(jī)用戶往往使用雙拇指，這樣可以對(duì)稱，擴(kuò)大屏幕底部的區(qū)域，并同時(shí)有一個(gè)細(xì)長(zhǎng)的很難到達(dá)的頂部區(qū)域。盡管雙拇指很普遍，但是這并不值得優(yōu)化。雖然我們單手持機(jī)的姿勢(shì)占25%，但單手拇指姿勢(shì)對(duì)于設(shè)計(jì)師來說卻異常的重要，因?yàn)閱问帜粗阜秶浅Ｐ　?/p>

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

有一個(gè)驚喜：雖然大屏手機(jī)的單手拇指操作區(qū)域遠(yuǎn)遠(yuǎn)小于小屏手機(jī)，但隨著屏幕增大，拇指區(qū)域卻維持了大概同樣大小和形狀，且基于屏幕底部。除非改變一種穩(wěn)定的手勢(shì)，擊中了爆點(diǎn)。在這種手勢(shì)下，大部分人滑動(dòng)他們?cè)谑謾C(jī)下方的小指使手機(jī)保持在舒適的位置，這樣就減少了拇指的范圍。

當(dāng)手機(jī)需要小指的支持時(shí)，拇指區(qū)域的大小和形狀改變。

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

大屏手機(jī)上，一個(gè)更高的單手操作會(huì)獲得更大的拇指區(qū)域，但是底部的一半則無法到達(dá)。

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

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

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

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

平板拇指區(qū)域

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

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

當(dāng)然我們也點(diǎn)擊屏幕中間。屏幕增大，我們手的區(qū)域也增加。但是不同于鼠標(biāo)光標(biāo)，我們的手指被胳膊的拖累，不能非常有效的在屏幕上滑動(dòng)。 手指要帶動(dòng)整個(gè)肩膀，這樣做需要花更多力氣。一個(gè)界面不應(yīng)該要求生理運(yùn)動(dòng)：

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

大家都愿意使用拇指。

筆記本平板電腦：在上面裝一個(gè)鍵盤

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

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

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

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

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

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

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

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

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

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

觸摸屏平板電腦的專家級(jí)用戶更偏向于使用拇指，甚至點(diǎn)擊屏幕較深的位置。

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

無論屏幕多大，均為拇指驅(qū)動(dòng)。

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

作者：liguoran

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