這是一個大屏手機的時代。強調這件事情的意義在于，這已經成為事實。

這是一個大屏手機的時代。

強調這件事情的意義在于，這已經成為事實。

Medium上存在一份個人統計。

在過去7年，新上市的手機屏幕尺寸越來越大。

以4.5英寸為分界點，我們更清晰的看到這一變化。過去的兩年，4.5英寸的比例從10%升至80%。

在國內的過去3個季度，使用FHD HD分辨率的手機從38%的份額增至50%。

【圖】《百度移動分發報告2014H1》

更大尺寸的屏幕可以承載更多的內容展現，更適合游戲、閱讀與播放視頻，體驗得以提升。

【圖】《百度移動趨勢報告2014Q2》

然而屏幕尺寸的上升并沒有引起用戶操作上的過多不適，有51%的用戶已經適應雙手操作。

【圖】《How Do Users Really Hold Mobile Devices》by Steven Hoober

即使用戶單手操作，在操作大屏幕時的相對盲區（深色區域），需要更多的響應時間，也可以被接受。

【圖】《Mobile UI ergonomics: How hard is it really to tap different areas of your phone interface?》By Mikkel Bo

即便如此。3.5英寸~4英寸，依然是平衡單手操作與體驗的合理尺寸范圍。

這樣就產生一個矛盾：用戶擁有更大屏幕的尺寸，但從人機交互的角度，并不完美。

面對這一現狀，從APP產品界面設計的角度，需要做出改變。

大屏幕擁有典型的可用性問題：縱向單手操作機身，邊角、頂部、左右側邊難以觸達，放置在以上盲區的點擊入口，將導致體驗路徑中斷。

交互設計角度的最佳實踐：

1.設計安全區域，避開操作盲區。

示例，百度搜索結果頁，根據視線規律，典型的左上角操作盲區可以用于logo展現。

2.注意使用場景路徑觸發的連貫性。

示例，在百度手機助手Android中下載百度瀏覽器，操作區域集中在安全區域。

3.更多的使用可拖動的浮動按鈕，給用戶更自由的操作可能性。

示例，百度瀏覽器Android中翻頁/返回頂部的組合按鈕。

4.更多的使用手勢，并提供暗示。

示例，百度瀏覽器Android的刪除窗口操作。

5.更多的使用語音作為輸入方式。

示例：生活手記中使用語音替代鍵盤輸入。

6. 橫屏Pad化的操作設計，以及更多的內容展現。

示例，百度瀏覽器iPhone的橫屏設計，如同網頁的Responsive Layout概念。

在界面交互的層面之外，在不遠的時間，硬件存在更多的優化可能性。

1.更窄的邊框，更大的顯示比例。

2.柔性材質。

3.“手機”成為服務的觸發者，屏幕投射與隔空操作。

《The World as a Display》

之所以將討論的范圍擴展到硬件，是希望設計師在針對具體屏幕設計的同時，能夠從另外的視角，思考人機交互的變化與可能性，激發創造力。

當前是大屏手機的時代，推動你的手機APP產品跟進吧！

一些有價值的相關基礎研究鏈接

1. 百度移動分發報告2014H1
2. 百度移動互聯網發展趨勢報告2014Q2
3. The Rise of the Phablet: Designing for Larger Phones
4. Common Misconceptions About Touch
5. How to design for thumbs in the era of huge screens
6. Designing for Large Screen Smartphones
7. Mobile UI ergonomics: How hard is it really to tap different areas of your phone interface?
8. Insights on Switching, Centering, and Gestures for Touchscreens
9. A comprehensive look at smartphone screen size statistics and trends

文章來源：百度MUX