建站
咨詢
售后
建站咨詢
新聞中心
編者按：iPhone X 在 2017 年上市以來，全面屏手機(jī)就開始逐漸普及。iPhone 8 的 4.7 寸屏幕到目前最新機(jī)型 iPhone 11 的 6.1 寸屏幕，以及 Pro Max 系列的 6.5 寸，各種各樣的劉海屏、水滴屏、挖孔屏、折疊屏等等屏幕方式隨之出現(xiàn)，物理 Home 鍵都被舍棄改成虛擬按鍵，甚至是沒有虛擬按鍵的手勢滑動操作。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、沿河網(wǎng)絡(luò)推廣、小程序制作、沿河網(wǎng)絡(luò)營銷、沿河企業(yè)策劃、沿河品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供沿河建站搭建服務(wù)，24小時服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com
[[316867]]
而這些手機(jī)都有一個共同的特點(diǎn)，就是屏幕尺寸越來越大。屏幕尺寸變大后，手握手機(jī)的方式和界面交互操作方式也隨之改變，那對于設(shè)計而言，是否也應(yīng)該隨之進(jìn)行改變呢?
拇指的操作范圍
想單手點(diǎn)擊屏幕的操作，需要手足夠靈活進(jìn)行一輪操作才能夠到屏幕上方，過程中稍有不慎，手機(jī)隨時會砸地上。作者的手機(jī)屏幕已經(jīng)修了幾次，差不多趕上一臺二手機(jī)的價格了。
在 2013 年，國外設(shè)計師 Steven Hoober 發(fā)表了一篇《手機(jī)界面設(shè)計》的研究報告中，對一千三百名手機(jī)使用者進(jìn)行量化研究數(shù)據(jù)：
據(jù)當(dāng)時研究的數(shù)據(jù)可以看出，有近半的用戶是單手使用手機(jī)(現(xiàn)在肯定不止)。當(dāng)用戶單手操作的時候，實(shí)際拇指可以觸摸到的區(qū)域是如下圖這樣的。綠色區(qū)域是拇指的正常操作區(qū)域，黃色區(qū)域是拇指能觸碰到的最大限度范圍，紅色區(qū)域是觸摸比較困難的區(qū)域。
然而這份研究報告的數(shù)據(jù)是在 2013 年發(fā)布，當(dāng)時還沒有全面屏的出現(xiàn)，如果把上面研究結(jié)論的區(qū)域，套用到如今的手機(jī)屏幕尺寸上，頂部的紅色區(qū)域會占更大比例。以 iPhone 11 尺寸比例作為參考，如下圖：
拇指可操作范圍大約在 3 分之 2 的區(qū)域，可見想要觸碰到紅色區(qū)域是有一定難度的。也正是因?yàn)檫@份報告只適合當(dāng)時的手機(jī)市場情況，在當(dāng)今已經(jīng)不適用了，因此需要重新去考慮如何為大屏幕手機(jī)進(jìn)行界面設(shè)計。
為拇指區(qū)域設(shè)計
根據(jù) 2020 年手機(jī)UX設(shè)計趨勢，大屏幕設(shè)計將會成為熱點(diǎn)。根據(jù)數(shù)據(jù)報告中有說明，2018 年 10 月使用大屏手機(jī)的用戶比例是16.3%，到 2019 年 12 月，該數(shù)據(jù)已經(jīng)上升到 41%，并且會在未來更多新機(jī)型的出現(xiàn)中持續(xù)上漲。
那隨著大屏幕手機(jī)的普及，就意味著設(shè)計師在設(shè)計界面的時候，要為大屏幕手機(jī)的使用場景進(jìn)行界面調(diào)整，避免用戶難以使用的體驗(yàn)問題。以下是我整理的一些設(shè)計建議方案：
1. 頭部區(qū)域設(shè)計更高
通過將標(biāo)題欄的信息區(qū)域放大，盡量把主要操作內(nèi)容向拇指區(qū)域靠近。
2. 常用導(dǎo)航與操作居于底部
比起導(dǎo)航欄放在頂部，更適合大屏幕手機(jī)的方式是將導(dǎo)航和重要操作盡量往屏幕底部放置。
3. 手勢操作頁面切換與返回
抖音和 Instagram story 等短視頻應(yīng)用界面都是通過手勢滑動屏幕的方式，對頁面進(jìn)行切換，操作的學(xué)習(xí)成本很低，而且主要操作也在屏幕底部。這種操作方式也會在今年越來越多地被使用。
4. 提示彈窗從底部升起
常用的彈窗，很多是設(shè)計在屏幕中間彈出，為了適配大屏幕，不妨嘗試從底部彈出，關(guān)鍵選項(xiàng)都能輕松選擇，提高轉(zhuǎn)化率。
5. 使用大卡片
屏幕尺寸變大以后，使用整張大卡片可以讓用戶瀏覽內(nèi)容更專注，大面積的配圖和留白，也能提高用戶的點(diǎn)擊欲望。
除此以外，作為手機(jī)廠商，在發(fā)布大屏幕手機(jī)的時候，就有對界面操作做了一些對應(yīng)系統(tǒng)級的設(shè)計調(diào)整，比如界面下拉懸停，鍵盤單手模式，屏幕邊緣滑動返回等等。
總結(jié)
大屏幕尺寸已經(jīng)是趨勢，屏幕大意味著內(nèi)容可以更大限度地得到展示，有利于產(chǎn)品提供更多的服務(wù)，不再糾結(jié)首屏無法展示完主要內(nèi)容。在這個信息爆炸的時代，用戶也不再滿足于小屏幕的瀏覽方式?？梢哉f，大屏幕已經(jīng)是無法改變的趨勢。與其擔(dān)心問題到來，設(shè)計師更應(yīng)該思考如何去適應(yīng)產(chǎn)品的快速迭代，不斷更新自己的設(shè)計思維模型，更全面思考問題，產(chǎn)出更合理、體驗(yàn)更好的設(shè)計方案。
希望本文內(nèi)容可以對你有所啟發(fā)。
網(wǎng)站名稱：手機(jī)屏幕越來越大，UX設(shè)計師面臨哪些挑戰(zhàn)？
URL網(wǎng)址：http://www.dlmjj.cn/article/cociogi.html
