當前位置:主頁 > 科技 > 通信 >

干貨!華為專家解讀Mate X折疊屏單頁面布局設計

時間:2019-11-07 | 欄目:通信 | 點擊:

據Adobe公布的統計數據顯示,如果App設計或布局沒有吸引力,38%的用戶將直接退出。這類統計數字在提醒設計師們,用戶體驗是頭等大事。

憑借簡潔、干凈、方便的框架,單頁面布局最近在設計中非常受歡迎。單頁面布局提供的高度直觀、高效實用的導航將有助于確保為用戶提供最佳體驗,特別是在應用在屏幕可自由切換的折疊屏手機上時。

干貨!華為專家解讀Mate X折疊屏單頁面布局設計

上篇介紹了《華為專家解讀折疊屏應用基礎體驗要求UX設計規范》,為開發者詳細講解了應用基礎體驗要求。今天的文章,一同來聊聊應用遷移到折疊屏設備時,單頁面布局設計中應重點關注哪幾種擁有持久生命力且表現優秀的布局方式?

一、界面信息架構及布局設計

關于折疊屏手機,我們不妨先提出一個問題:當智能手機在手機和平板兩種形態之間來回切換時,它的交互會是怎樣的?在折疊態下,基本系統交互信息架構沿襲了普通手機豎屏的定義。在展開態下,由于屏幕的特殊形態,因此產生了如下主要的場景差異:

單頁面(布局重排):屏幕寬度變寬產生了版面布局優化的機會,可以在適當的條件下進行頁面版式調整(頁面內的元素的位置、大小,同類型數量等發生變化)。

組合頁面(信息架構重構):將原先兩個或多個頁面的內容,合并到一個新頁面中以分欄或其他形式呈現出來,形成跨頁面的交互,從而在適合的場景下構建出新的頁面組合樣式和新的用戶體驗。

應用內多任務:給予用戶可以并行處理多個任務的能力,由于多任務之間沒有深度的關聯性,因此,在信息架構上是相互獨立的分支,每個任務在形態上應該給予用戶充分的操作余地,如進入到多任務狀態的時機與交互方式、任務之間的切換,窗口的開啟關閉和形式切換等,都應該保持統一的規則。同時,由于多個任務在同屏同時運行,跨窗口之間的信息拖拽和傳遞也成為了可能。

相對而言,折疊屏的大屏優勢能夠展示更多的內容,充裕的空間也為探索更多交互可能提供了條件。

12345下一頁>

您可能感興趣的文章:

相關文章