無極五平台首頁_大屏手機單手模式如何設計?我收集了大廠常用的3個方法

「喬幫主曾說,3.5 寸屏幕是最適合人手大小的手機,但面對用戶越來越強的視覺體驗需求,市面上的手機越做越大,用戶卻有點難了」

大屏下單手操作——難!

Steven Hoober 在其 2013 年的手機設備研究報告中指出:49% 的用戶單手持機操作,36% 的用戶一手拿着手機另一手進行操作,另有 15% 的用戶雙手持機操作。到了大屏時代,單手持機的方式仍是主流。必須要承認的是,面對大屏,單手持機不那麼方便了。

比如想要點擊頂部的發送按鈕,尤其是在移動場景中,就不那麼方便了。

△ iOS_短信發送&網易雲音樂

這種情況下,我們可以用手機指環幫助自己穩定地進行操作;也有能人異士自創了一套「反彈琵琶」的技能,通過反彈的方式用另外四隻手指自如操作手機。當然還有一群設計師,為此也是操碎了心。

設計思路

通過分析用戶的操作習慣可以劃分出難易區域,下圖呈現的是左右利手的操作區域難度劃分,綠色為最易,紅色為最難。可以看出更易操作的區域位於屏幕的中下方。

用一篇深度長文,幫你徹底掌握「手勢交互」的知識點

為什麼手勢交互如此重要?用一篇深度好文,帶你通過手勢交互看背後的設計邏輯。

閱讀文章 >>

△ 單手操作難度區域劃分

那麼面對大屏,有沒有好的辦法去解決呢,以市面上的手機為例,主要的解決思路有兩種:

  • 操作下移
  • 手勢代替點按
1. 操作下移

方法一:區分視覺和觸控目標(StevenHoober提出為界面元素分別設計視覺目標和觸控目標)

系統級的處理:三星 & VIVO 對於預置界面做了區域的劃分(見下圖),即上部為显示,下部為操作,vivo 是需要界面下拉到屏幕中部才會變為這種布局,而三星默認如此,下滑時變為普通界面,內容充滿屏幕。

相機界面,三星在相機中之前嘗試過將一些操作下移,而蘋果是在最新一代相機中將頂部的功能下移,需要下滑特定區域才能顯現。

第三方應用的處理:比如高德地圖,進入界面后,可以選擇界面布局方式,其中一種將搜索條下移,上方保留可視區域,還有許多典型的應用也是此種布局,比如滴滴、音樂類 app 等。

方法二:半屏狀態(一般用於一些臨時狀態)

iOS 系統在雙擊 home 鍵(全面屏手機為下滑導航條)可實現半屏效果,頁面內容只显示一半。用戶可以輕鬆操作原本在頂部的區域。並且如果操作之後是跳轉到新的頁面,則會自動變為全屏,如果還在頁面內就依然保持半屏狀態,非常全面的考慮。

在 oppo 的操作系統 color os7 中提出了半屏交互的操作方式,很多頁面都用了半屏的處理方式。一方面是幫助用戶更好地理解頁面層級,另外也有利於單手操作)

方法三:小窗模式

安卓系統特有的狀態,見下圖,同時考慮到左右利手的習慣問題。

某些輸入法也是如此,調整尺寸以適應單手操作,但一些用戶反饋這樣的新布局對於九宮格的輸入法還較為實用,對於全鍵盤因為點擊區域變小,反而影響識別率。

2. 手勢優先

方法一:用手勢代替點按

手勢>點按;豎滑>橫滑。比如將底部的 tab 按鈕切換替換為頂部的 tab 通過手勢。

安卓現在推出的全面屏手勢,用戶可以通過直接滑動不同位置來完成諸如返回主界面、切換多任務等操作。用戶可以通過手勢交互執行後退、返回至主屏以及打開設備助手等操作。如果用戶自定義程度需求較高,也可以通過諸如「Mygesture」的應用來完成更多的操作定義。

類似於抖音、微博、小紅書等通過滑動直接切換下一條,都是利用手勢設計便於用戶切換內容,讓用戶更好地停留在軟件內,無法自拔。知乎的手機端有點反向設計,在其改版后,去掉了左右滑動以切換答案,而是通過向下滑看完整個答案后才切換或者點擊一個懸浮按鈕后,這引來了一部分的用戶不滿,認為切換答案不方便了,不過筆者認為這種下滑的瀏覽兼顧切換的方式更符合整個產品的邏輯,也更易於讓用戶沉浸其中,看完一個答案剛好接着看另一個,當然對於平台而言,這也能提升底部的廣告瀏覽量。

模塊內的具體應用分析

1. 三星——相機

三星在 ONEUI 9.5 系統中,對手機的相機模塊做了比較大的布局改動,將其模式選擇放到了取景框的上方,而本來在頂部的輔助功能被移到了取景框的下方。

另外一些常用操作都可以通過手勢實現,比如切換前後攝像頭,只需豎向滑動即可。

這樣設計的好處有二:

  • 將信息區域和操作區域分開,上方為操作區,下方即大拇指更好操作的區域為功能區。頂部显示模式文字也更符合用戶從上到下、從左到右的視覺習慣。
  • 便於單手操作,模式切換隻需要通過滑動即可,而常用的功能按鈕因為移到了下方,單手也可以靈活操作。

不過,在新一代的 ONEUI 系統中,三星的手機又改回了最正統的布局,即下圖。

可謂一頓操作猛如虎,一看戰績 0-5。聰明的你們,覺得這是為什麼呢?筆者簡單分析后,覺得可能有兩點:

  • 用戶不習慣
  • 用戶在開拍之前一般會掃一眼文字以確認拍照模式和快門位置,將大拇指定在快門位置,視線回到取景框內才開始拍攝;而將文字显示在最上方之後,用戶的視線流就被拉遠,會很辛苦。

當舊有的界面,競品已經培養好成熟的用戶使用習慣時,如果你的設計不是那麼的優秀,就近似於零。

培養用戶習慣 vs 塑造用戶習慣

  • 衡量它與行業標準之間的距離。
  • 衡量一個新設計需要去考慮它帶來的價值,是否值得讓老用戶付出學習成本。VIVO 和 OPPO 的相機在前幾年的設計中也嘗試過調整模式 tab 的位置,但最終還是回到了最開始的樣子。

2. 蘋果——相機

在 iphone11 中,相機的改動較大,最明顯的一點是將原本显示在頂部的功能進行了隱藏,用戶需要通過滑動來显示和使用,見下圖。目前部分用戶反饋並不是很好操作,還需要一定的學習成本。

3. TIPS

上述的方案在應用時都得考慮到用戶具體的使用場景,過於強調單手,一方面可能會增加用戶的學習成本,

另外也可能浪費了大屏的優勢,這些都是設計師需要去衡量的要素。

歡迎關注作者微信公眾號:「二樓自習室」

未经-摩登3注册-摩登3测速官网-允许不得转载:摩登3注册-摩登3测速官网 » 無極五平台首頁_大屏手機單手模式如何設計?我收集了大廠常用的3個方法

赞 (0)