愛伊米

提升單手操作體驗,只需要這4個方法

編輯導讀:現在的手機螢幕越來越大,有時候單隻手都握不住更別提單手操作了。但是單手操作是最方便且常用的互動方式,本文作者根據這次iOS的更新,分享了一些自己對提升單手操作體驗的想法,與你分享。

提升單手操作體驗,只需要這4個方法

6 月 7 日凌晨 1 點,蘋果全球開發者大會 WWDC 2022如期舉行,此次大會展現了全新的視覺設計、更高效的互動方式以及更充分的互聯互通。本文主要結合iOS此次的更新的功能點分享一些關於單手操作的設計思考以及如何提高單手操作體驗。

提升單手操作體驗,只需要這4個方法

一、蘋果WWDC2022 3大更新特點

1。 全新的設計

全新的鎖屏設計更自由、更有趣,更實用,除了可以用自己喜歡的照片和字型外,還能顯示各種小元件;鎖屏還可以實時展示活動,隨時瞭解正在發生的事情,並且可以制定不同的鎖屏。

提升單手操作體驗,只需要這4個方法

2。 更高效的互動方式

iOS16此次更聚焦搜尋框、鎖屏通知全部下移,可以以展開、疊放或隱藏檢視的方式進行展示。單手操作更加方便。

提升單手操作體驗,只需要這4個方法

同時mac、iPad的互動差別被進一步縮小,“臺前排程”功能讓多視窗、視覺化的桌面互動在iPad上落地。

提升單手操作體驗,只需要這4個方法

3。 更充分的互聯互通

無處不在的協同互聯——共享相簿、家人共享、瀏覽器共享等,親朋好友的動態實時同步,甚至還有全新的協作App; Facetime能在Mac、iPhone、iPad上實現無縫自由流轉;iPhone能夠透過配件充當mac裝置的無線攝像頭,mac裝置也能擁有旗艦主攝級別的通話攝像頭。

提升單手操作體驗,只需要這4個方法

二、iOS與MIUI的設計思考

1。 鎖屏通知位置

iOS:顯示位置下移,預設顯示的通知數量變少,支援展開列表、疊放列表、隱藏列表三種檢視方式展示。

MIUI:鎖屏的位置在圖片中間顯示,平鋪展示。

對比:從閱讀效率的角度,MIUI的鎖屏通知展示數量更多;從鎖屏通知的展示方式來看,iOS支援多種方式展示,整體更自由、更靈活。

提升單手操作體驗,只需要這4個方法

2。 桌面全域性搜尋

iOS:全域性搜尋功能下移至dock欄上方,方便單手操作,且不遮擋其他元素,使用者下拉時進入全域性搜尋。

MIUI:具備桌面搜尋框,目前不支援頁面下拉進入全域性搜尋,下拉手勢可以進入訊息通知和工具欄。

對比:均保留桌面快捷入口,搜尋入口更高效、便捷。

提升單手操作體驗,只需要這4個方法

不難看出不管是iOS還是MIUI,在系統設計上都在考慮單手勢操作的使用場景。喬布斯曾說,3.5寸螢幕是最適合人手大小的手機,但面對使用者越來越強的視覺體驗需求,市面上的手機尺寸也越做越大,使用者單手操作也越來越難。

三、如何提高單手操作體驗

在講單手操作之前,我們先來了解一下使用者是如何使用手機的,以及觸控屏是如何感應我們的操作的。

1。 使用者如何使用手機

Steven Hoober在《How Do Users Really Hold Mobile Devices?》一文中指出,透過兩個月的時間對1333名手機使用者在公眾場所(街道、機場、汽車站、咖啡館、火車上、汽車上等)使用習慣的觀察得出以下結論:

780名使用者是透過滑動、點選、打字等來操作螢幕,其他使用者則僅僅是用手機來收聽、觀看、打電話。

49%的使用者透過單手操作,36%一手拿著手機一手操作,另有15%雙手操作。

在單手操作使用者中,有33%的使用者用左手拇指來操作。

使用者經常變換操作姿勢和手勢。

提升單手操作體驗,只需要這4個方法

2。 觸屏是如何感知操作的

Steven Hoober透過研究在《Common Misconceptions About Touch》中指出,因為我們的手指是三維立體且柔軟的,在操作螢幕的時候,只有手指的部分割槽域是和螢幕接觸的,這部分割槽域稱為接觸印跡。而觸控屏僅僅感知人們接觸印跡的幾何中心位置來出發操作,與接觸印跡區域大小無關。

除了以上這些因素外,硬體裝置的差異,使用者使用移動裝置時的視線角度都會影響點選操作的精準度。為此 Steven Hoober提出為介面元素分別設計視覺目標和觸控目標(即我們常說的熱區)的建議。

另外一個將視覺目標和觸控目標分開設計的方法即為我們常說的手勢操作,如上文所述手機使用過程中單手和左手操作的使用者比例都比較大,好的單手操作手勢設計能有效提高使用效率,減少誤操作,給使用者帶來驚喜。

提升單手操作體驗,只需要這4個方法

3。 關於3。5寸螢幕

Steve Jobs once said that the 3。5-inch screen is the“perfect size for consume”。喬布斯曾說,3。5寸螢幕是最適合使用者的尺寸,過大的螢幕是愚蠢的。

其實所謂的“Perfect Size”其實是站在單手操作的角度考慮的完美尺寸。當手機尺寸為3。5英寸時,單手大拇指可以觸碰到螢幕至少90%以上的區域。

提升單手操作體驗,只需要這4個方法

而如今螢幕尺寸已經擴大了1。5倍,在接近7寸的尺寸裡,我們的手還可以觸碰到哪裡?

四、單手操作的設計思路

透過分析使用者的操作習慣可以劃分出難易操作區域,下圖呈現的是左右利手的操作區域難度劃分,綠色為“易觸區”,動動大拇指就可以碰到;黃色為“可觸區”,努努力可以夠到,可能容易按錯;紅色為“不可觸區”,努力也夠不到,手的負擔大,誤觸率很高;不難看出更易操作的區域位於螢幕的中下方。

提升單手操作體驗,只需要這4個方法

所以我們在設計時,應該考慮哪些點呢?

1。 縮短大拇指的移動路徑,降低操作負擔

來看下蘋果的日曆,我們在新增一項日程的時候,即使是兩隻手操作,操作體驗也並不流暢,兩隻手需要來回調整位置。整體的操作路徑較長。

提升單手操作體驗,只需要這4個方法

我們可以嘗試縮短大拇指的移動路徑,來看一下效果。

提升單手操作體驗,只需要這4個方法

在日常的體驗設計時,我們首先可以評估當前操作互動路徑的長短,然後看現有方案是否有可最佳化的空間。

2。 讓核心操作進入可觸區

這裡我們主要考慮儘量在能力範圍內讓核心操作進入可觸區域,比如從紅區的“不可觸區”儘量到黃區的“可觸區”,提高單手操作下的整體體驗。

來看一下三星的鎖屏,如果將鎖屏下的相機和電話操作位置從現有的不可觸區移動到可觸區,操作體驗會更佳。

提升單手操作體驗,只需要這4個方法

蘋果密碼解鎖和三星的輸入撥打電話號碼,其實都考慮了單手操作的場景,將核心操作區域像可觸區移動。也就是將核心操作區域整體像中間靠攏。

提升單手操作體驗,只需要這4個方法

3。 讓高頻操作下移

Steven Hoober提出介面元素分別設計視覺目標和觸控目標,這裡我們可以考慮區分觸控目標和視覺的目標。來看一些可參考的案例。

3.1 系統級別

Steven Hoober提出介面元素分別設計視覺目標和觸控目標,這裡我們可以考慮區分觸控目標和視覺的目標。來看一些可參考的案例。

三星在相簿和設定頁面都將核心操作區域進行了下移。

提升單手操作體驗,只需要這4個方法

蘋果的訊息通知位置在這一次也變得更低了。單手操作確實更方便了,你喜歡這個改動嗎?

提升單手操作體驗,只需要這4個方法

安卓系統特有的小窗狀態,也可以很好的解決單手操作的問題。

提升單手操作體驗,只需要這4個方法

3.2 第三方應用級別

比如高德地圖,以選擇介面佈局方式,其中一種將搜尋條下移,上方保留可視區域,還有許多典型的應用也是此種佈局,比如滴滴、音樂類app等。

提升單手操作體驗,只需要這4個方法

4。 原地操作原則

操作可以根據上一步點選位置展開,且仍應位於可觸區域內。例如微信的長按資訊更多編輯操作。

提升單手操作體驗,只需要這4個方法

五、總結

上述的方案在應用時都要考慮使用者具體的使用場景,過於強調單手,一方面可能會增加使用者的學習成本,另外也可能浪費了大屏的優勢,這些都是設計師需要去衡量的要素。落實到每個具體的產品展中,還需要設計師開通腦力思考更多更高效的解決方案。尤其是,當螢幕尺寸更大後,我們該如何在大屏下保障產品的使用者體驗也是需要我們不斷思考的內容。

感謝你的觀看!

本文由 @設計師麻小慧 原創釋出於人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基於 CC0 協議。