大屏手機已經随處可見了,可是操作的用戶體驗并不如人意。發布會上的歌頌和叫嚣并沒有解決所有問題,面對着優化大屏手機的界面和體驗,依然需要繼續反思……
造型千奇百怪的小屏手機叱咤風雲的時代已經一去不複返了。事實上,近幾年的行業趨勢表明大屏手機,或者說巨屏手機,将會在很長的時間内占據主流。而現在,也是時候總結一下過去幾年裡,面對大屏手機時,設計師的失職。
如何界定大屏手機?
其實簡單稱之為大屏也不是特别準确,它的英文名稱更為形象:Phone Tablet=Phablet ,也就是說,它是傳統手機和平闆的結合體,Phablet。
因此,這些大屏手機實際上是超過我們手掌習慣的、可掌控的尺寸,但是又沒有達到平闆的級别。更準确的說,是屏幕尺寸在5~6.9英寸的那些大屏手 機。作為參考,iPhone 4&4S 的屏幕尺寸是3.5英寸,iPhone 5&5S 為4 英寸,iPhone 6 為4.7英寸,iPhone 6P 為 5.5英寸。
所以,僅需要看看屏幕尺寸就可以快速确定手機類型。
盡管Phablet在現在看來早已不是新東西了,但是絕大多數用戶都還是從三星的Note系列開始知道它的存在,到現在滿大街都是iPhone 6P之後才真正對它上心。最早的Phable可以算在三星的Galaxy Note頭上,而這款手機早在2011年就有了。
追根溯源
在以手機呼叫為主短信溝通為輔的功能機時代,絕大多數用戶幾乎不會通過手機購買内容,而現在則截然不同,用戶在手機上購買數字内容早已不是新鮮事, 而且數字内容的消費會越來越多,這和手機屏幕的增長以及交互方式的改變分不開。根據Statista 的研究分析,從現在開始手機市場會以每年4%的比例增長,而截至2018年,大屏手機的增長率則預計會高達36%,不用多想,我想你能明白這中間有多大的 想象空間。
大屏手機的交互設計
大屏手機自然是大氣炫酷,現在每天都有許多用戶抛棄之前的小屏智能機加入5英寸大屏機的陣營。但是,他們并不确定更大的屏幕能給他們帶來更優秀更舒适的用戶體驗,畢竟手掌并沒有随之增大。因此,用戶與大屏機之間的交互方式就需要進行調整了。
手機屏幕的拇指操作熱區圖你可能接觸過,它标識出了人們握持手機,并标識出那些區域拇指易于操作,哪些地方難于觸及。
其實,拇指操作熱圖最早是由設計師Steven Hoober于2011年的書《Designing Mobile Interface》中使用,其中的綠色部分被他稱為“單手握持時拇指觸摸最舒适的區域”。這些區域的測量是通過1333份觀測分析總結出來的,這些分析數據還表明,49%的用戶習慣于單手握持手機,用拇指操控屏幕,而用另外一隻手做其他的事情。同樣是基于當年的這些報告,還獲取了以下信息:
- 36%的用戶會雙手環抱手機,用其中一隻手的拇指操控屏幕
- 15%的用戶會用雙手握持手機并用兩手的拇指操控屏幕,其中90%的用戶操作時習慣屏幕豎着,而10%的用戶偏向于橫屏操作。
但是在“3.5英寸最佳”的時代過去之後,大屏手機上的操控又是怎樣的狀況呢?用戶是否需要用力伸展拇指點擊屏幕另一邊緣的按鈕,又或者他們的握持方式有所改變?Steven Hoober的最新研究數據表明,“用戶單手握持的比例下降,會更多用上另外一隻手,并且會頻繁地切換雙手操作,不論是輸入還是握持。”這種狀況已經延伸到不同尺寸的設備上,包括普通的手機、大屏手機以及平闆。
看看單手握持時候用戶拇指的操作熱區圖吧,綠色的是舒适區,橙色的部分是手指用力伸展可觸及的區域,紅色則是拇指無法觸及的區域。很明顯,拇指操控 區域在這些大屏手機上并不大,用戶也不會因此委屈自己的拇指來完成複雜的任務,“一手承擔”全部的操作。所以,這也是為什麼用戶會調整他們的握持方式,适 應新的握持力度,盡量适應新的操控和交互方式,與大屏手機輕松互動。
這樣看來,似乎能讓人松一口氣,單手考慮到目前大屏手機的尺寸和界面複雜的交互,所以用戶在絕大多數的情況下其實依然是用一隻手來承擔握持的任務(握持方式有所改變)。這樣一來,為了同時兼顧握持和交互,在大屏手機上,用戶最舒适的操作區域依然很接近之前的拇指舒适區。
可惜的是,實際狀況并非如此。
如何為大屏手機設計界面/交互/用戶體驗
作為大屏手機領域的先驅,三星Galaxy Note系列為市場和用戶作出了巨大的貢獻,但是涉及界面、交互和用戶體驗之時,它唯一的貢獻可能就是那隻手寫筆了。另外一個尴尬的現實是,絕大多數的Note用戶幾乎沒用過他們的手寫筆。
相應的,蘋果公司看起來在大屏優化上更加上心。iPhone 6P的發布将所有的問題攤了開來,iOS的設計師為此追加了諸多“可達性”設計,比如雙擊Home鍵之後,屏幕頂部的内容會向下推至舒适區,方便用戶操 作。這裡面許多設計都是典型的妥協之後的結果,在設計上有所提升但是不夠好。而iPhone之外,還有千奇百怪的Android手機,它們基本上就是八仙 過海各顯神通了,UI和交互設計上的品質就更不好說了。
Luke Wroblewski 還提供了另外一個解決方案:将最重要的交互點移動到屏幕底部,并根據這些按鈕/控件/操作區域的重要性,由下往上排布。(國内手機廠商魅族在設計 Flyme的時候推出了Smartbar的解決方案,和這個思路基本一緻)對于iOS而言,能沿襲這種方案來進行設計自然是不錯的,Android也是如 此,但是蘋果和谷歌隻能控制系統上的設計,而具體的APP開發者和設計師還需要在這個上面進行更深入的考量。
最後的思考
大屏手機的普及程度還在快速增長,更大的屏幕和更豐富的數字内容正在重塑我們這個時代,移動端設計正在悄無聲息地改變着一切。在大屏手機的UI、交 互和用戶體驗設計上,我們還需要了解更多的實際情況,搜集更多數據支持,并且在UI/UX的決策上有更多的考量。最近兩年所有的手機和手機系統發布會上, 每個主講人都在強調“我們在大屏機界面優化上有特别的技巧”,但是實際使用的時候,千奇百怪的操作方式依然令人感到不自然。未來,還有很長的路要走,這其 中的空間,還很大。
原文來自:優設
原文地址:designmodo
優設網譯者:@陳子木
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!