用戶到底是怎樣操作手機的？

 　　(思科雲協作部門用戶體驗設計師)：自上次用戶持握手機的研究之後，終於又完成了另一篇系列文章的翻譯了。同樣來自Steven Hoober，這篇更加關注於細節——用戶具體使用時的手勢，例如點擊和滾動，研究結果都是實打實的干貨呦。

　　歡迎關注我的微信公眾號“開卷有譯”獲得新文章推送。

　　雖然在過去的幾年間，我們在用戶如何使用觸屏設備的研究中有了許多的發現，然而我十分確信我們仍然有許多未知需要探索。觸屏設備這個領域還相當的新。許多新的交互模式仍在研究中，而我們也才剛剛了解到用戶是如何理解並且使用他們的觸屏設備的。

　　自從一年半前我第一次研究用戶是如何持握和使用手機之後，我一直在繼續早先的研究，並且還探索了移動觸屏交互人性化的一面。下一步我該做的就是去試圖了解用戶的動機，並確定是否能夠找到用戶交互行為與不同情景及操作之間的關系。

　　我的研究方法

　　我與在ZIPPGUN工作的朋友一同合作，設計開發了一款移動應用，以幫助我看到用戶使用手機或是平板的不同方式。通過此應用，我一共觀察了31個用戶，其中三分之二使用的是手機，剩下的是平板。

　　我從用戶的視角錄下了他們所有的操作，並且事後進行了視頻編輯，記錄了他們持握和觸摸設備的方式，以及其他一些基於他們交互行為的特征。同時，我還記錄了他們使用滾動手勢時的方向和長度，點擊的位置，以及進行選擇操作時的精確性。

　　手機上的測試我幾乎都是通過在嘉年華隨機攔訪的方式進行的(譯者注：此句中carnival intercepts不求甚解，不知是否譯得正確，求高手指教)，就像購物中心進行的現場采訪。通過用戶戴著的錄像眼鏡，我們錄下他們使用手機的過程，這個眼鏡經過我的特制以確保它足夠舒服，不會影響用戶自然的使用。圖1展示了正在處理中的錄制視頻。而平板電腦的測試我則使用了UserTesting.com通過遠程的方式在家裡進行的。

　　圖1- 使用屏幕測量工具進行視頻中數據的分析

　　雖然這次研究的受訪用戶遠比上次的人數少得多，但是這次的研究非常不同。通過視頻編輯進行信息的搜集更為困難，錄制並分析這31個用戶的數據花掉了將近100個小時。這次我要展示的數據與上次研究十分相關，而且在一定程度上擴展、解釋或者說證實了上次的研究發現。

　　我之前還收集了一些這篇文章沒有討論到的信息，只不過最後發現沒有什麼價值，它們有些比較模糊，有些則自相矛盾，還或者是需要更多的研究和分析才足以支撐的結論。

　　持握方式切換

　　“幾乎沒有人在實際操作中是一直使用單手的”

　　這次測試的首要重點就是持握方式的切換，我希望能夠將用戶持握及觸碰的方式與具體的使用場景匹配起來。通過研究我發現最有趣的是我在測試過程中實際上很少關注這個行為。比如，人們持握手機的方式似乎十分符合我上次的研究結果，大部分的人都是在單手使用。但是當我真正開始分析這些數據時，我有了新的發現。正如你在圖2中看到的，幾乎沒有人在實際操作中是一直使用單手的。

　　圖2- 觀察得出的各種觸摸方式的比例

　　如果你認可用戶在使用的過程雙手會很自然地不停變換，我也是這樣想的，用戶使用各種持握手機的方式的比例就顯得相當合情合理。人們似乎經常使用單手來持握手機，然後直接用大拇指進行頁面上輕微的滾動，但是當要進行長滾動或是選擇時，他們就會切換到換握的方式或是使用另一只手來進行操作。

　　在許多的操作行為上，用戶都是使用一只手來握住手機，用另一只手來點擊。大約在41%時間裡，用戶使用雙手——大部分情況下是兩個大拇指操作虛擬鍵盤進行輸入。少部分用戶也用兩個大拇指來完成日常的普通操作，來回切換兩個大拇指進行點擊或是滾動。

　　平板的數據在此項中被我排除在外了，因為典型的平板用戶幾乎都是在平面上或是支撐起的模式下使用的，他們多數用手指、觸控筆進行操作，或者偶爾還用用大拇指。

　　點擊定位

　　“用戶在操作觸屏界面的中間區域時，點擊更為精確。”

　　從上一個研究結果我們得知，人們在操作移動設備屏幕的中間部分時，能夠更精確地點擊到——這幾乎適用於任何大小的屏幕或是任意一種持握方式。他們潛意識裡同樣深知這一點——這也許和人們更習慣於閱讀屏幕中間的內容相關——所以他們在操作屏幕中間的區域時更為自然而對邊緣目標的點擊上就明顯放慢了速度。

　　用戶點擊區域的屏幕位置顯然是點擊精確度上最為重要的一個變量。無關環境、無關是否熟悉觸屏或是其他任何因素。

　　然而，我們還沒有太多的平板使用上的數據支持。在這次的研究中，我收集了部分的數據，並且確認這些精確度的結果能符合7寸、8寸還有10寸的平板。

　　圖3展示了在平板上用戶實際點擊的位置和一個代表了用戶想要點擊的菜單按鈕的圓形區域。圖中，每一個點代表了一次點擊，95%的點擊都落在了圓形區域中。

　　圖3 平板上的點擊精確度示意圖

　　這裡還有一個案例可以證明用戶偏好對中心點擊精確度的影響。圖4展示了用戶在點擊全屏滑動的列表時熱點圖。他們很自然地將內容移到他們偏好的位置，這個大約在屏幕高度2/3的位置是用戶點擊次數最多的地方。當用戶能夠選擇點擊哪裡的時候——例如，在一個滾動列表中——他們幾乎總是點擊屏幕高度2/3的位置。

　　而且這個數據並不會受到設備的類型影響，在所有的移動設備上的結果都驚人的相似。圖4的熱點圖其實包括了用戶在手機還有平板上的選擇，只是為了可視化的統一才這樣展示。不論設備的類型、大小或是橫豎屏，所有的點擊都落在屏幕的同一片區域。

　　圖4-用戶偏好觸摸屏幕高度2/3的位置

　　你可能以前會認為，設計一個類似於twitter這樣的用戶界面，關鍵的操作或是輸入框應該放在頂部或是底部，然而，主要的內容和互動區域都應該是在屏幕的中間，實際上也是這樣。所有以內容為中心的工具應用都完全符合用戶主要浏覽和點擊屏幕中間的行為。其他所有的功能都是次要選擇。

　　這些研究成果都符合我之前關於用戶切換手持方式的假設。如同你所見到的，就算用戶需要移動變換姿勢或是伸展手指去點擊屏幕中間，他們都經常會這樣做。並不是因為我們逼迫的，而是用戶自己選擇的。

　　如果更加仔細地觀察數據，我們會發現用戶的偏好是稍稍偏左的。這很微妙，但是確實存在，而且我相信這和西方語言從左到右的閱讀順序有很大關系，因為這意味著大部分的文字是居於左側的。部分研究指出用戶會去點擊文字和圖標。請銘記用戶點擊文字的這個習慣。

　　手勢

　　“當頁面滿滿都是內容時，用戶選擇在右側去滑動頁面。”

　　在某些觸屏的使用情境下，我發現了一些用戶如何與屏幕交互的有用信息。其中一個就是用戶如何使用手勢。滑動或許是點擊之後最為重要的操作了。在圖5中，你能看到一個經過微量標准化調整的熱點圖，展示了用戶在屏幕上滑動的位置。而且圖5中的三張圖分別代表了三個獨特的區域。

　　圖5- 用戶滾動屏幕的手勢熱區

　　為什麼說是三個獨特的區域呢?這和屏幕上展現的內容類型有關。左圖的數據是針對彈框中的較短內容，中間和右邊的收集到的都是滑動全屏列表的數據。在中間的圖中，列表項的內容都是非常簡要的信息，所以在屏幕中間的區域會有很大的空白，但是用戶仍然傾向於在屏幕中間操作。右邊圖中的長列表項占據了大部分的屏幕寬度，用戶則在比較靠右的地方進行滾動。即使是左手持機的用戶也傾向於避開內容，從而不惜將拇指橫跨屏幕進行操作。

　　我在大會上演示了這些研究數據後，有些同行與我分享了他們對阿拉伯或是希伯來語系應用的觀察，十分相似的結論只是恰好反過來。在從右至左的語言用戶界面中，用戶操作左邊空白的區域進行屏幕滾動——現在他們終於弄明白這是為什麼了。

　　看起來用戶似乎不太敢在有內容的區域進行滾動的手勢操作——要麼他們擔心碰到這些內容會發生無操作，要麼就是他們想在滾動時看這些內容。當一個頁面滿滿都是內容，而沒有地方落手操作的時候，用戶會選擇在頁面的右側進行滾動的手勢操作。當然，沒錯，這個行為在平板上有些變化因為平板有稍大些的屏幕尺寸。在平板上，內容相對於大尺寸的屏幕來說會短一些，用戶有更多可操作的空白區域。

　　你也許會認為平板有較大的屏幕，由於手持的關系用戶會更加傾向於在平板的屏幕邊緣進行操作。但是，就算是用戶很難觸及，他們也總是傾向於去點擊屏幕中間的。即使用戶在可觸及的范圍內有空白區域操作，不會擋住任何的內容，他們也會移動手指、拇指或是觸控筆到屏幕的右側&md