設(shè)置
  • 日夜間
    隨系統(tǒng)
    淺色
    深色
  • 主題色
英伟达 GTC 2025 大会,最新 AI 成果公布    第 20 万辆小米汽车交付

華為專家解讀Mate X折疊屏應(yīng)用基礎(chǔ)體驗之UX設(shè)計規(guī)范

2019/11/4 16:03:29 來源:IT之家 作者:騎士 責(zé)編:騎士

IT之家11月4日消息 不久前華為發(fā)布了業(yè)界首份《折疊屏UX設(shè)計規(guī)范》,詳細(xì)的介紹折疊屏的特性和體驗要求,并根據(jù)不同的頁面布局方式和場景提供針對性的設(shè)計說明。

華為資深UX設(shè)計專家現(xiàn)在介紹了折疊屏應(yīng)用基礎(chǔ)體驗UX規(guī)范的內(nèi)容:

應(yīng)用基礎(chǔ)體驗要求

由于折疊屏手機具有折疊態(tài)和展開態(tài)隨時切換的特性,在切換前后對連貫性有明確要求,其適配的標(biāo)準(zhǔn)不僅僅是兼顧手機/平板模式那么簡單。根據(jù)《折疊屏UX設(shè)計規(guī)范》中提到的體驗連續(xù)、體驗增值等體驗訴求,對比于普通屏幕手機,為了保證體驗連續(xù)性,需要滿足界面信息展示、用戶交互、設(shè)備特征適配等基礎(chǔ)體驗要求。

屏幕變大,手機在平板之間來回切換,這樣就要求開發(fā)者的App在可折疊設(shè)備展開時,當(dāng)前應(yīng)用頁面必須無縫延續(xù)到另一個屏幕,并可自動調(diào)整大小匹配新的布局,反之亦然。折疊屏?xí)r代的界面信息展示會是什么樣的呢?

界面信息展示:

  • 圖片、視頻等視覺元素不應(yīng)發(fā)生變形、裁剪等信息缺失。

  • 展開態(tài)字體大小不應(yīng)發(fā)生明顯變化,在保證可讀性的基礎(chǔ)上,建議保持跟折疊態(tài)一樣的大小。

  • 一般情況下,不應(yīng)出現(xiàn)單頁面內(nèi)的內(nèi)容元素數(shù)量減少,或圖形化元素的分辨率下降、模糊,視覺體量減小等損失。

  • 屏幕上的顯示內(nèi)容在信息結(jié)構(gòu)上不應(yīng)發(fā)生明顯的缺失或變化。

除了上面提到的界面信息展示,以新技術(shù)主導(dǎo)的折疊屏設(shè)備背后,更多挑戰(zhàn)則是深入折疊屏設(shè)備的用戶交互層面。屏幕寬窄的變化給交互設(shè)計也會帶來相關(guān)的變化。在做用戶交互的過程中,應(yīng)該避免哪些情況發(fā)生?用戶交互:

  • 不應(yīng)出現(xiàn)操作路徑急劇變化、操作步數(shù)嚴(yán)重增加,操作更復(fù)雜等體驗下降情況。

  • 不應(yīng)破壞應(yīng)用內(nèi)原有的體驗沉浸的狀態(tài),避免僅僅為了擴充內(nèi)容或強制應(yīng)用分屏而過度改變用戶體驗和用戶習(xí)慣的情況。

在手機創(chuàng)新匱乏的市場背景下,折疊屏手機無疑是一項顛覆性的技術(shù)創(chuàng)新。在沒有“前車之鑒”的基礎(chǔ)上,對于開發(fā)者而言,在適配過程中,應(yīng)用需要滿足哪些要求呢?設(shè)備特征適配:由于折疊屏在展開態(tài)下的屏幕顯示比例接近方屏,因此橫屏的體驗跟手機和平板不同,需要做對應(yīng)的適配。針對方屏,應(yīng)用需要滿足如下要求:

  • 支持橫豎屏顯示。

  • 橫豎屏布局一致。

  • 應(yīng)用不強制旋轉(zhuǎn)顯示方向,只在用戶需要的時候進行旋轉(zhuǎn),避免造成用戶額外的操作負(fù)擔(dān)。

廣告聲明:文內(nèi)含有的對外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。

  • 日榜
  • 周榜
  • 月榜

軟媒旗下網(wǎng)站: IT之家 最會買 - 返利返現(xiàn)優(yōu)惠券 iPhone之家 Win7之家 Win10之家 Win11之家

軟媒旗下軟件: 軟媒手機APP應(yīng)用 魔方 最會買 要知