APP計劃中便利的單手操縱商量APP的手勢操縱前，我想先先容兩篇文章來懂得用戶是若何應用手機的，和觸控屏是若何來感到我們的操縱的。用戶是若何應用手機的Steven Hoober在《How Do Users Really Hold Mobile Devic …

　　APP計劃中便利的單手操縱

　　商量APP的手勢操縱前，我想先先容兩篇文章來懂得用戶是若何應用手機的，和觸控屏是若何來感到我們的操縱的。

　　用戶是若何應用手機的

　　Steven Hoober在《How Do Users Really Hold Mobile Devices?》[1]一文中指出，經由過程兩個月的時光對1333名手機用戶在”場合(街道、機場、汽車站、咖啡館、火車上、汽車上等)應用風俗的不雅察得出以下結論：

　　①780名用戶是經由過程滑動、點擊、打字等來操縱屏幕，其他用戶則僅僅是用手機來收聽、不雅看、打德律風。

　　②49%的用戶經由過程單手操縱，36%一手拿動手機一手操縱，尚有15%雙手操縱。

　　③在單手操縱用戶中，有33%的用戶用左手拇指來操縱。

　　④用戶常常變更操縱姿態和手勢。

　　49%的單手操縱用戶是以下兩種姿態(左手用戶相反)。綠色代表輕易點擊地區，黃色為拇指舒展可到點擊地區，赤色地區超越單手可點擊規模。

　　觸控屏是若何來感知操縱的

　　Steven Hoober經由過程研討在《Common Misconceptions About Touch》[2]中指出，由於我們的手指是三維平面且柔嫩的，在操縱屏幕的時刻，隻要手指的部門地區是和屏幕打仗的，這部門地區稱為打仗印跡。而觸控屏僅僅感知人們打仗印跡的多少中間地位來動身操縱，與打仗印跡地區巨細無關。

　　除以上這些身分外，硬件裝備的差別，用戶應用挪動裝備時的視野角度都邑影響點擊操縱的精準度(更多具體先容可在文章後所附原文鏈接檢察)。為此Steven Hoober提出為界面元素分離計劃視覺目的和觸控目的(即我們常說的熱區)的發起。如點擊文章中的網址鏈接(視覺目的)，我們沒有須要精準所在擊到鏈接上的字母，而僅僅須要觸發它四周的方形地區(觸控目的)便可發生跳轉到該網站。在沒有影響視覺後果的基本上，恰當放大觸控地區可進步操縱的精準度。

　　別的一個將視覺目的和觸控目的離開計劃的辦法即為我們常說的手勢操縱，如上文所述手機應用進程中單手和左手操縱的用戶比例都比擬大，好的單手操縱手勢計劃能有用進步應用效力，削減誤操縱，給用戶帶來欣喜。為此，筆者鄙人文中總結瞭現有APP單手操縱中的4類用法。

　　手勢是若何被應用的

　　1.頁面切換

　　在有限的屏幕空間中應用APP時，多層級、多頁面切換是最頻仍的操縱，假如僅僅依附大多半運用左上角的back鍵來返回或是點擊後能力切換tab，應用起來將異常沒有便利，是以單手操縱最多見的運用場景則是應用閣下滑手勢來穿行於各層級頁面間。以下圖網易雲瀏覽資訊中間的tab切換。在這個手勢操縱中有兩個癥結身分影響應用體驗：一是滑動進程中頁面要追隨手指，如許能讓用戶構成對產物的掌握感和更明白的層級感;二是須要有路標感化的頁面元素作為指引。

　　圖(1)是網易雲瀏覽和iOS設置中的右滑操縱表示。網易雲瀏覽中，在頁面任何地位悄悄右滑便可返回，iOS的返回操縱手勢熱區在屏幕邊沿。這二者的差別是，雲瀏覽中的返回計劃更多是應用用戶的下認識行動，操縱本錢低，但同時增長瞭誤操縱的風險。iOS頂用戶的操縱多是故意識的行動，誤操縱概率小，同時操縱本錢也增長瞭。這兩種方法各有益弊，是以在計劃中應更具現實場景界說好敵手指滑動的感到規模和角度。

　　圖(1)iPhone和網易雲瀏覽的右滑手勢熱區

　　圖(2)為網易雲瀏覽和網易消息的文章註釋頁，都能經由過程左滑返回，後滑進入批評頁。比擬之下用網易消息顯得更天然，首次用網易雲瀏覽的用戶會更輕易對右滑進入批評頁發生困惑。究其緣故原由，網易消息在題目欄雙方分離安排瞭返回和跟帖的頁面元素，就像是分叉口的兩個路標，讓用戶對火線的路構成生理預期。比擬之下，網易雲瀏覽的返回和批評同處於頁面底部的左側，引誘性沒有太明白。

　　圖(2)手勢切換時的頁面引誘

　　2.內容出現維度的切換

　　下圖中Cal和數讀展現瞭手勢的另外一中運用方法。日期的可拆分維度豐年、月、季度、周等，分歧的應用場景須要切換時光粒度，Cal應用手勢高低滑動便利地切換周歷和日歷，應用閣下滑切換日期。數讀首屏，默許表現文章提要，上滑便可閱讀文章詳情，由此應用手勢的高低閣下滑動能夠針對文章睜開4個維度的閱讀：提要，詳情，上一篇，下一篇。別的，類似的手勢應用照樣墨跡氣象等。

　　圖(3)Cal的周歷、日歷切換

　　圖(4)數讀的文章提要和詳情切換

　　3.將相幹功效隱蔽在對內容的手勢操縱中，擴大屏幕內容展現空間。

　　智妙手機受尺寸限定，對用戶而言首屏空間更加名貴。假如不克不及在第一時光讓用戶獲得有用信息，APP的魅力將大打扣頭。但是現實計劃時每每功效浩瀚，若放在首屏，頁面將會是功效按鈕的堆砌，占用瞭有用信息的展現空間，若沒有放在首屏，有大概層級太深，讓用戶找沒有到偏向。資訊瀏覽軟件Digg和追劇奇妙TeeVee則采取瞭如圖(5)和圖(6)所示的操縱方法。Digg經由過程右滑手勢後，可對該資訊模塊舉行贊、增加書簽、分享等操縱。TeeVee中，左滑是最多見的刪除操縱，右滑可檢察更具體的劇目更新信息和提示設置。這類間接操縱內容的天然人機交互方法，不但相符用戶的感知風俗，也能很好地勤儉屏幕空間，發明沉醉式的瀏覽體驗，這點和Windows UI的計劃理念異常符合。隻要對新手用戶做好引誘，以後的操縱就異常輕車熟路。