全面屏?xí)r代，交互方式會(huì)有哪些變化？

什么是全面屏？

2017年可以稱為全面屏集中爆發(fā)的一年，小米，OPPO，VIVO，華為，三星，蘋果等等都在今年發(fā)布了全面屏手機(jī)，全面屏?xí)r代已經(jīng)到來，在我看來全面屏就是一種通過優(yōu)化硬件堆疊、模組等方式提高屏占比，一般有三種實(shí)現(xiàn)方式：

第一種：將原來16:9的屏幕改為18:9

這種方式實(shí)現(xiàn)起來非常簡(jiǎn)單，成本不高，可以將屏幕做長(zhǎng)或者將屏幕做瘦，都能達(dá)到這個(gè)效果，采用硬件技術(shù)就能實(shí)現(xiàn)，軟件再跟進(jìn)優(yōu)化就可以了，市面上有很多18:9的屏幕號(hào)稱是全面屏。

第二種：另外還有三面無邊框

三面無邊框(不是視覺無邊框，是真的無邊框)，下方有下巴，這種成本比較高，難度也要高很多，要考慮相機(jī)、傳感器的堆疊，例如小米Mix2。

第三種：圓角+異形+無邊框

類似于iphone x這樣，屏幕四周圓角+上方屏幕異形(保留傳感器和攝像頭等)+無邊框，難度無疑是最大的，成本也是最高的；這里可以再說一下三星S8，是18.5:9的屏幕，但是它有曲面，也算是一個(gè)異形屏幕吧。

當(dāng)然這里我們不討論什么是真正的全面屏，屏幕作為一個(gè)向用戶展示內(nèi)容的的載體，用戶很大一部分的交互都是在屏幕上完成的，智能手機(jī)的屏幕發(fā)生了變化，屏占比增大，那么是否會(huì)帶來新的交互？答案是肯定的。

1.Home Indicator

這個(gè)是蘋果提出的，就是在屏幕下方的一個(gè)黑色的橫線，可以概括為三個(gè)功能點(diǎn)：

• 點(diǎn)擊上滑可以返回主屏幕
• 上滑停頓進(jìn)入多任務(wù)界面
• 直接左右滑動(dòng)，切換應(yīng)用

我們可以發(fā)現(xiàn)，這里更傾向于滑動(dòng)類型的交互，我們?cè)O(shè)計(jì)App的時(shí)候可以借鑒這樣的滑動(dòng)交互，滑動(dòng)方向位置可以根據(jù)需求不同而變化，要注意的是避免用戶誤觸。

2.懸浮觸點(diǎn)

其實(shí)懸浮觸點(diǎn)這個(gè)功能大部分手機(jī)廠商都會(huì)有，我認(rèn)為在全面屏上這個(gè)功能還是有很大的發(fā)揮空間的，一方面根據(jù)懸浮觸點(diǎn)，用戶可以進(jìn)行快捷操作，另一方面懸浮觸點(diǎn)可以大大縮短用戶交互的物理路徑，比如一個(gè)查看通知的場(chǎng)景：

用戶手指放在手機(jī)屏幕下方→手指移動(dòng)到屏幕上方→下滑顯示通知欄/狀態(tài)欄

如果用懸浮觸點(diǎn)實(shí)現(xiàn)的話，可以很快捷的查看通知、切換app等。

3.縮略圖

全面屏的信息其實(shí)展示的很多，那么是否可以嘗試生成縮略圖？如圖所示，白色區(qū)域的占位符為App圖標(biāo)(或者信息)，下方灰色區(qū)域?yàn)楦鶕?jù)當(dāng)前頁面生成的縮略圖，不僅僅是將信息整合展示，能夠讓用戶眼球移動(dòng)距離最小的情況下獲取最需要的信息，同時(shí)可以完成單手操作(似于分屏功能)。

4.屏幕利用率

這個(gè)是要特別注意的，手機(jī)屏幕更大了，那么一些App在設(shè)計(jì)的時(shí)候要考慮到是否需要充分利用屏幕，比如可以選擇上下留出一部分空白邊框，讓圖片完全顯示在全面屏上，當(dāng)然還可以放大切割圖片，達(dá)到完全顯示在全面屏上，但是圖片的效果往往就會(huì)失真或者被切割導(dǎo)致顯示出的內(nèi)容還不如非全屏幕那樣完整，視頻的顯示、頁面的顯示也與此類似。

除了上面這些之外，我認(rèn)為還有一些可以在設(shè)計(jì)產(chǎn)品交互時(shí)候用到的，如邊緣手勢(shì)，在屏幕左右兩側(cè)滑動(dòng)時(shí)實(shí)現(xiàn)某種功能（調(diào)節(jié)聲音、亮度等）；小屏幕功能（將顯示內(nèi)容縮小，展示在屏幕左下角或右下角中），能夠滿足一部分熱衷于小屏幕的用戶；由于屏幕變大，展示的信息勢(shì)必會(huì)增加，顯示信息時(shí)卡片式設(shè)計(jì)或許比列表式設(shè)計(jì)更加適用。

本文由 @虛偽的溫柔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自u(píng)nsplash，基于CC0協(xié)議