我眼中的大屏手機單手操作交互理念

手機螢幕越來越大,單手操作已經越來越困難了,究竟多大的螢幕才是最適合人們使用的一個螢幕尺寸呢?曾經有一段時間,業內專家就這個問題進行了大量 的討論,可是最終還是沒能定下結論。而在消費者當中,對於大屏手機單手操作的使用體驗的看法也是各有不同,下面這篇文章就是來自一個大三學生@懋懋懋啊_愛科技對於這個問題的想法。大屏手機的單手操作交互體驗,你有什麼想法呢?

以下是作者原文:

喬幫主曾經說過,3.5寸的手機螢幕是最適合單手操作的,應該說這個理論對了一半吧。3.5寸的操作範圍對於大多數人來說是最為舒適的,這一觀點與我們希望螢幕大一點的願望是可以沒有衝突的,重點在於交互設計。

我們希望螢幕更大一些,是希望手機能夠為我們帶來更好視覺效果,而不是想要更大的掌控面積。所以說,我們需要一個常用按鍵或者滑動動作都只出現在我們拇指能舒服、方便夠得著區域的交互系統。

圖1 拷貝

這只是我對於大屏手機單手操作的一個想法,接下來我詳細闡述一下具體的實現方式。

一.撥號介面和虛擬鍵盤的改進—縮小並右(左)移鍵盤:

這點其實可以不作過多的闡述,因為三星的Note2和華為的Mate已經做得很好了。應該指出的是,4寸以上螢幕的手機,應該限定撥號鍵盤和虛擬鍵盤的最大高度預設為螢幕的1/2以下;4.5寸以上的手機就應該使用類似Note 2和Mate式的靠邊鍵盤了。

2

二.通知列的改進—右側邊緣下滑手勢及倒序排列通知列:

應該說,Android的通知列是使用者比較常用到的,但隨著手機螢幕逐漸變大,下拉通知列這個常用動作卻已然無法用拇指完成。我的設想是通過手勢來 下拉通知列,如圖,這個手勢就是在螢幕右側邊緣下滑的一個動作。通知列還要改進的一點,把快速控制按鈕下移。最後一點,把通知列的通知訊息倒序排列,即最 先顯示的通知應該出現在底部。簡而言之,其實也就是把整個通知列倒過來。

5

三.改進應用軟體內容區—提供一定程度的下拉空間:

一般的應用程式介面設計分為三段,即頂部標籤欄,中部內容區,底部按鈕欄(有的應用為了獲得更大的可閱讀空間去掉了頂欄或者底欄)。

我們先說說中間的內容區,頂欄和底欄我們放到後面講。光說有點抽象,舉個例子,就拿Android原生的短信介面來說。打開介面之後,下拉短信列 表,清單是不會動的,而且頂部會出現一個越界的動畫效果,那麼對於大螢幕的手機,我們很難在不調整手掌持握方式的情況下按到頂部2~3條短信。所以,我的 設想是:中間的內容區可下拉到螢幕的1/2的位置,然後再出現越界的動畫效果。這樣一來,只要下拉就可以選擇到頂部的內容了。

6

四.應用程式頂欄與底欄的改進

這裡先闡述一下我理想中應用程式介面的設計規範:一般情況分為三欄,頂欄顯示標籤和其他資訊,不顯示按鈕,原有按鈕應下移至底欄或隱藏至功能表;中間 的內容區只要能下拉就行了;底欄分兩種情況:1.若需顯示的按鈕為3個或3個以內的,可考慮使用Fuubo微博用戶端式的右下角的快捷按鈕(這是個優秀的 設計);2.常規設計。

下面我們通過例子來說明:

1.  原生瀏覽器:

為了增大視覺面積,原生瀏覽器採用了取消底欄的設計,介面十分簡潔。改進:大家可能猜到我要說什麼了,就是把頂欄下移(圖)。改進說到這裡還是不夠 的,原生瀏覽器的介面過於簡潔了,導致一些常用的按鈕都要按下功能表鍵才能找到,這樣一來,日常操作就很不方便了。我的建議是,加入2個按鈕——「加入書 簽」和「書簽」。一般使用者使用瀏覽器的日常操作有:輸入位址、書簽、後退、加入書簽、切換視窗、搜索,所以說底部只要有一個網址列和3個按鍵就足夠了,地 址欄同時也是搜索欄(設置裡也可以更改預設搜尋引擎),還有一個按鈕「退後」就在你的螢幕下方。

7

2.  UC瀏覽器:

提到原生瀏覽器就順帶說一下這個國人使用較多的瀏覽器吧。相比原生瀏覽器,UC似乎更懂國人,使用更加方便。但UC的介面明顯太過複雜了,當我們以手機白癡模式使用手機進入UC介面的時候,我們會發現UC的選擇項多得我們手足無措並且功能分類雜亂無章……

我先提出UC的介面該怎麼改進,再說原因。

同樣的,去掉底欄,下移頂欄。去掉原頂欄的搜索框和最右的按鈕,由右側加入「主頁鍵」、「視窗鍵」。

為什麼去掉搜索欄:因為網址列本本身就是一個搜索欄。UC的搜索欄還包括了可選的搜索網頁、小說、地圖、購物或者圖片,那麼我們只需把這些同樣加入到網址列被選擇後的介面中。

為什麼比原生瀏覽器多了一個「主頁」按鈕:應該說是習慣問題。UC的主頁並不是一個網頁,而是一個導航頁面,其中包括6~9個標籤,顯示你最近去過 的或是經常去或是你固定選擇的網址,這就是UC的方便之處。相較而言,原生瀏覽器的主頁就僅僅只是一個網址,這應該是一個相對比較少人使用的功能,那麼我 們為了簡潔度可以去掉這個按鈕。

為什麼去掉底欄中的功能表鍵:功能表鍵不就是你手機螢幕下方3個(或者4個)按鍵的其中之一嗎?!

8

3. 原生短信介面:

採用標準的3段式設計。

頂欄只顯示「短信」字樣和未讀短信數量,這是值得參考的設計規範。底欄只有2個按鈕,當然也是可以改變一下的(注意這裡用「改變」而不是「改 進」),改變之處就是我上文所提到的Fuubo微博用戶端右下角的那種按鈕。這種按鈕有幾個好處:(1)簡潔性:代替了底欄,為螢幕騰出更大的可視空間; (2)高效性:熟悉了按鈕之後直接滑動便可,不用停下來選擇,完全不用思考;(3)相對的直觀性:比起原生的底欄直觀性肯定是較差了,但比起其他的手勢, 因為多了個按一下顯示按鈕的功能,顯得更加直觀。

10

4. QQ2013:

手機qq發展到現在,功能性已經非常強大了。介面針對單手操作的優化只有中部內容區的下拉改進,頂欄有兩個不常用的按鈕無傷大雅。吐槽一下:(1) 又坑爹地把IOS版本上的設置按鈕搬過來了,您讓我手機下方的功能表鍵情何以堪?!(2)您能把「會話」和「連絡人」整在同一內容區裡嗎?「好友」標籤的左 邊應該是會話才對啊?最常用的切換于會話與好友清單的動作居然這麼不連貫,要不斷地在左下角點擊,而不是左右滑動?!這不科學!

5. 新浪微博官方用戶端:

直接吐槽了:(1)居然把發微博這個這麼常用且又是新浪鼓勵大家多使用的功能按鍵放到左上角去了,很不方便;(2)和qq一樣,又把IOS的「更 多」(其實也就是功能表或者設置)放到介面上了,既占空間又在功能上與螢幕下方的功能表鍵重複了。相較而言,Fuubo的介面比官方要清爽太多了,更別說操作 上的高效性了。

應用的改進大概也說到這兒了,暫時只想到這麼多,沒辦法一一詳述,只是提了幾個典型的,但是大概的改進理念和原則也基本說清楚了。

至此,我的關於大屏手機單手操作的理念已全部闡述完畢,如果之後有關于這方面更多的想法,再給大家出續篇。

11

12

來源:愛搞機

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.