干货！华为专家解读Mate X折叠屏单页面布局设计

2019-11-06 11:46

来源： IT之家

据Adobe公布的统计数据显示，如果App设计或布局没有吸引力，38%的用户将直接退出。这类统计数字在提醒设计师们，用户体验是头等大事。

凭借简洁、干净、方便的框架，单页面布局最近在设计中非常受欢迎。单页面布局提供的高度直观、高效实用的导航将有助于确保为用户提供最佳体验，特别是在应用在屏幕可自由切换的折叠屏手机上时。

上篇介绍了《华为专家解读折叠屏应用基础体验要求UX设计规范》，为开发者详细讲解了应用基础体验要求。今天的文章，一同来聊聊应用迁移到折叠屏设备时，单页面布局设计中应重点关注哪几种拥有持久生命力且表现优秀的布局方式？

一、界面信息架构及布局设计

关于折叠屏手机，我们不妨先提出一个问题：当智能手机在手机和平板两种形态之间来回切换时，它的交互会是怎样的？在折叠态下，基本系统交互信息架构沿袭了普通手机竖屏的定义。在展开态下，由于屏幕的特殊形态，因此产生了如下主要的场景差异：

单页面（布局重排）：屏幕宽度变宽产生了版面布局优化的机会，可以在适当的条件下进行页面版式调整（页面内的元素的位置、大小，同类型数量等发生变化）。

组合页面（信息架构重构）：将原先两个或多个页面的内容，合并到一个新页面中以分栏或其他形式呈现出来，形成跨页面的交互，从而在适合的场景下构建出新的页面组合样式和新的用户体验。

应用内多任务：给予用户可以并行处理多个任务的能力，由于多任务之间没有深度的关联性，因此，在信息架构上是相互独立的分支，每个任务在形态上应该给予用户充分的操作余地，如进入到多任务状态的时机与交互方式、任务之间的切换，窗口的开启关闭和形式切换等，都应该保持统一的规则。同时，由于多个任务在同屏同时运行，跨窗口之间的信息拖拽和传递也成为了可能。

相对而言，折叠屏的大屏优势能够展示更多的内容，充裕的空间也为探索更多交互可能提供了条件。

1 2 3 4 5 下一页>