應(yīng)用都還沒有適配好 iPhone X 的全面屏
10 月 27 日,iPhone X 開始接受預(yù)定。四周之后,發(fā)售日預(yù)定的用戶都已經(jīng)收到了自己的新手機(jī)。
如《好奇心日?qǐng)?bào)》早先的評(píng)測,這是 iPhone 家族里變化巨大的一代,我們已經(jīng)熟悉的屏幕比例、Home 鍵和指紋識(shí)別都消失了。Face ID、新的屏幕形狀和手勢操作帶來了截然不同的體驗(yàn)。
在帶來新鮮感與樂趣的同時(shí),iPhone X 的改變也需要第三方應(yīng)用的配合。
這也是評(píng)測時(shí)我們遇到的主要問題。當(dāng)時(shí)相當(dāng)一部分應(yīng)用在使用時(shí)上下黑邊。當(dāng)時(shí)已經(jīng)可以全屏顯示的應(yīng)用,往往按鈕位置也有問題。
現(xiàn)在四周過去了,應(yīng)用開發(fā)者已經(jīng)可以拿到真機(jī)開發(fā)。
我們體驗(yàn)了中國區(qū) App Store 免費(fèi)榜上前 50 個(gè)應(yīng)用。我們還專門對(duì) App Annie 手機(jī)游戲收入榜前十名的游戲應(yīng)用進(jìn)行了測試。
這其中有快手、騰訊視頻、愛奇藝這類需要經(jīng)常全屏播放視頻的應(yīng)用。全面屏的適配很大程度上影響著使用體驗(yàn)。
還有需要橫屏體驗(yàn)的游戲應(yīng)用。《王者榮耀》、《陰陽師》、《歡樂斗地主》,以及最近火熱的射擊游戲《終結(jié)者 2 審判日》等。
最后得到了幾個(gè)結(jié)論:
幾乎所有可以播放視頻的應(yīng)用都沒處理好和 Home 條的關(guān)系
在全屏播放的時(shí)候,應(yīng)用內(nèi)屏幕下方始終會(huì)停留著白色或者灰色的虛擬 Home 條。而且,在橫屏播放的時(shí)候這些應(yīng)用都沒有提供可以真正意義上使用全面屏的放大模式,全面屏的兩側(cè)會(huì)留出黑邊。
在視頻服務(wù)中,抖音、優(yōu)酷、土豆、快手、西瓜視頻、愛奇藝、火山小視頻、B612 、Face U、美顏相機(jī)、嗶哩嗶哩彈幕視頻,都出現(xiàn)了這些問題。
不只是在視頻服務(wù)中,即便是主要功能已經(jīng)適配很好的工具類應(yīng)用,內(nèi)置的播放器也都存在虛擬 Home 條適配問題。
西瓜視頻中黑邊和白色虛擬 Home 條 即便在 iPhone X 上全屏,相當(dāng)一部分應(yīng)用在頂部缺口的適配上都存在細(xì)節(jié)問題
常見的是頂部劉海會(huì)遮擋到應(yīng)用的內(nèi)容。在 Face ID 導(dǎo)致的劉海出現(xiàn)之前,很多應(yīng)用在頂部操作時(shí)候都會(huì)自動(dòng)隱藏狀態(tài)欄,來顯示更多的東西。但現(xiàn)在屏幕正中間的劉海會(huì)自動(dòng)遮擋住部分內(nèi)容,這個(gè)問題在觀看嗶哩嗶哩彈幕視頻的時(shí)候格外突出。
劉海遮住了一部分視頻內(nèi)容
更影響體驗(yàn)的是,應(yīng)用內(nèi)按鈕可能會(huì)和系統(tǒng)狀態(tài)欄相互重疊導(dǎo)致無法點(diǎn)選。令人尷尬的是,優(yōu)酷全屏廣告頁面上,回到首頁的按鈕和系統(tǒng)狀態(tài)欄相互重合,無法點(diǎn)選,最終只能結(jié)束進(jìn)程才能回到首頁。
左上角也有類似的情況,像是從一個(gè)應(yīng)用跳轉(zhuǎn)到新的應(yīng)用中,左上角跳轉(zhuǎn)回去的按鈕會(huì)和應(yīng)用本身的返回鍵相互重合。
另一個(gè)會(huì)出現(xiàn)在適配應(yīng)用上的問題是圖片拉伸。
由于 iPhone X 的屏幕比例為 19.5:9 ,比其他機(jī)型要更加細(xì)長。這導(dǎo)致了在大量進(jìn)行適配的應(yīng)用上,全屏圖片都出現(xiàn)了不同程度的拉伸。在應(yīng)用的開屏廣告中尤為明顯。類似進(jìn)入陰陽師的載入界面上,背景右上角的字樣被拉伸出了屏幕。
陰陽師的“陰”已經(jīng)在屏幕外面 三大互聯(lián)網(wǎng)公司自己的一堆應(yīng)用里,騰訊的適配最好,百度最差
直到這周二,手機(jī)百度和百度地圖才對(duì) iPhone X 進(jìn)行了適配。而最需要適配的視頻應(yīng)用,百度旗下的愛奇藝則比這兩個(gè)應(yīng)用還晚一天才對(duì)全面屏進(jìn)行適配。
在適配方面,騰訊系的產(chǎn)品體驗(yàn)是最好的。騰訊視頻是其中適配比較完善的一款應(yīng)用。全屏播放騰訊視頻的時(shí)候,底部虛擬 Home 條會(huì)自動(dòng)隱藏,同時(shí)它也是唯一一個(gè)支持放大模式的應(yīng)用。橫屏播放狀態(tài)下雙擊屏幕可以體驗(yàn)到完整的全面屏看視頻的感覺。
但在微信中,底部的 UI 處理多少有點(diǎn)問題。打開摩拜的小程序,之前出現(xiàn)在最下方的點(diǎn)擊開鎖按鈕會(huì)被 iPhone X 的虛擬 Home 條所遮擋。這個(gè)情況發(fā)生在多個(gè)應(yīng)用上,虛擬 Home 鍵會(huì)遮擋住應(yīng)用底部導(dǎo)航欄的文字內(nèi)容。點(diǎn)擊的時(shí)候可能發(fā)生點(diǎn)不中的情況。
在我們測試的過程中,微信還出現(xiàn)了一個(gè)bug,刪除群成員的時(shí)候,最頂上的一名成員會(huì)被自動(dòng)隱藏,需要下滑才能看見。這導(dǎo)致很難點(diǎn)中進(jìn)行刪除操作。
阿里的淘寶、天貓、UC 瀏覽器都在第一時(shí)間對(duì) iPhone X 進(jìn)行了適配,但是在體驗(yàn)上,淘寶在頂部區(qū)域出現(xiàn)了按鈕重疊等細(xì)節(jié)問題,內(nèi)置的播放器也會(huì)持續(xù)顯示虛擬 Home 條。
而支付寶直到現(xiàn)在依然無法使用 Face ID 來進(jìn)行支付。在設(shè)置解鎖方式里,支付寶只能使用指紋和手勢驗(yàn)證,正常來說,在 iPhone X 上原本用指紋的都可以開啟 Face ID 刷臉,但這里的選項(xiàng)變成“本型號(hào)設(shè)備暫不支持指紋”。
想要在 iPhone X 的支付寶上進(jìn)行面部支付,只能使用支付寶通過前置攝像頭進(jìn)行的面部識(shí)別驗(yàn)證。但這個(gè)在 1 千塊的智能機(jī)上都能使用的功能,無論是速度、精確度和適用性都完全無法和 Face ID 相媲美。
游戲中,熱門新作都進(jìn)行了適配,而老牌游戲普遍沒有
最近火熱的射擊類手游中,《小米槍戰(zhàn)》、《穿越火線》和《終結(jié)者 2 審判日》等游戲?qū)?iPhone X 都進(jìn)行了適配。但在老牌知名游戲中,只有《王者榮耀》和《陰陽師》很快進(jìn)行了適配。騰訊另一款《歡樂斗地主》、暴雪的《爐石傳說》和《開心消消樂》等游戲都沒有適配。
有趣的是,由于 iPhone X 的屏幕比其他機(jī)型都要長,有玩家此前詢問 iPhone X 是否可以獲得更多王者榮耀中的戰(zhàn)場視野。隨后,王者榮耀官方回應(yīng)稱,已經(jīng)在屏幕兩側(cè)加上漸變黑色處理,確保和其他機(jī)型的顯示畫面一樣。這樣的處理也解決了 Face ID 劉海部分的顯示情況,但并不符合蘋果之前提出的適配規(guī)定,就是不要使用黑邊來遮蓋 Face ID。
但實(shí)際游戲中,在 iPhone X 上玩王者榮耀依然會(huì)遇到一些問題,在發(fā)動(dòng)類似閃現(xiàn)、回城等技能的時(shí)候,由于很容易誤接觸到虛擬 Home 條導(dǎo)致游戲被切回桌面。這個(gè)適配后帶來的細(xì)節(jié)問題已經(jīng)大量出現(xiàn)在王者榮耀的玩家論壇上。
完全沒有適配的應(yīng)用依然很多
完全沒有適配的應(yīng)用中包括一些適配需要并不高的銀行、運(yùn)營商等應(yīng)用:
唯品會(huì)、火山小視頻、中國移動(dòng)、內(nèi)涵段子、B612、小紅書、工商銀行等。
而拼多多這類用戶量很大的應(yīng)用并沒有對(duì) iPhone X 進(jìn)行適配也令人有點(diǎn)意外。
蘋果已經(jīng)有了一套規(guī)范,但大部分開發(fā)者還沒來得及調(diào)整設(shè)計(jì)
在官方指導(dǎo)的適配文檔里,對(duì)于有 Face ID 影響的狀態(tài)欄和底部虛擬 Home 條的處理都做了詳細(xì)的規(guī)范,這些規(guī)范可以處理目前所有的應(yīng)用適配問題。
在 iPhone X 上,狀態(tài)欄的高度是高于之前所有的 iPhone 版本的。這導(dǎo)致了之前在 UI 開發(fā)中可以用默認(rèn)高度數(shù)值 64 來設(shè)置的狀態(tài)欄加導(dǎo)航欄調(diào)整為必須使用動(dòng)態(tài)布局 ,否則頂部的 UI 就會(huì)出現(xiàn)重疊的現(xiàn)象。
而有些應(yīng)用之前花費(fèi)心思來隱藏狀態(tài)欄也變得不可用。顯示在狀態(tài)欄處的內(nèi)容會(huì)被劉海所切割,在抖音、嗶哩嗶哩中都可以看到這樣的問題。
另一方面,大部分適配的應(yīng)用在處理底部的時(shí)候都是直接用和底部導(dǎo)航欄顏色一樣的元素填充底部圓角區(qū)域的內(nèi)容,導(dǎo)致了大量留白的出現(xiàn)。這是因?yàn)樘O果在官方設(shè)計(jì)文檔中建議這樣做,確保不會(huì)對(duì)虛擬 Home 條進(jìn)行影響。
而影響視頻播放體驗(yàn)的虛擬 Home 條,蘋果也在文檔中做了正確的示范。在播放視頻時(shí),開發(fā)者可以開啟虛擬 Home 條「自動(dòng)隱藏」功能從而獲得沉浸式體驗(yàn)。開啟后,視頻播放時(shí)虛擬 Home 條將自動(dòng)消失;單擊屏幕后就又會(huì)出現(xiàn)。
官方文檔中展示開啟「自動(dòng)隱藏」功能
雖然蘋果給出的文檔對(duì)與可能出現(xiàn)的適配問題都做了規(guī)范和提示,但開發(fā)者的時(shí)間不是很夠。9 月發(fā)布會(huì)后的測試版虛擬機(jī)并不完整,當(dāng)時(shí)看不到控制中心、沒有桌面背景、在 Mac 上拖放卡頓嚴(yán)重。
而且今年這么大的變化,只在虛擬機(jī)上測試是不夠的,真機(jī)上會(huì)碰到一些虛擬機(jī)上看不出來的問題。
此外這還只是基礎(chǔ)的適配問題,只是確保用起來沒問題而已。更長的屏幕對(duì)用戶視線、交互都有影響,我們沒有看到應(yīng)用為更長的屏幕重新設(shè)計(jì)用戶界面、基本也只有幾個(gè)海外應(yīng)用推出黑色主題迎合顯示黑色更省電的 AMOLED 屏幕。