bob体育官方平台
当前位置: bob体育官方平台 > 办公软件 >
干货!华为专家解读Mate X折叠屏单页面布局设计

展开态字体大小不应发生明显变化,在保证可读性的基础上,建议保持跟折叠态一样的大小。

以上内容为折叠屏UX设计规范系列内容的折叠屏UX基础体验规范,后续软件绿色联盟会继续发布针对折叠屏单页面布局设计规范、组合页面设计规范深度解读文章,敬请关注!

图片 1

华为资深UX设计专家现在介绍了折叠屏应用基础体验UX规范的内容:

由于折叠屏在展开态下的屏幕显示比例接近方屏,因此横屏的体验跟手机和平板不同,需要做对应的适配。针对方屏,应用需要满足如下要求:

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

屏幕上的显示内容在信息结构上不应发生明显的缺失或变化。

· 不应出现操作路径急剧变化、操作步数严重增加,操作更复杂等体验下降情况。

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

界面信息展示:

· 一般情况下,不应出现单页面内的内容元素数量减少,或图形化元素的分辨率下降、模糊,视觉体量减小等损失。

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

不应破坏应用内原有的体验沉浸的状态,避免仅仅为了扩充内容或强制应用分屏而过度改变用户体验和用户习惯的情况。

每一次硬件创新,特别是面对折叠屏手机这一全新的硬件形态时,对于UX设计师来说都是不小的挑战。相信大多数设计师都遇到过下面这种窘境,在设计过程中由于缺少基础规范参考,设计师一般会按照个人的主观经验及感觉做设计,这样就会出现同一App展开折叠时差别很大,缺乏统一性,影响用户体验的现象。

单页面:屏幕宽度变宽产生了版面布局优化的机会,可以在适当的条件下进行页面版式调整。

图片、视频等视觉元素不应发生变形、裁剪等信息缺失。

除了上面提到的界面信息展示,以新技术主导的折叠屏设备背后,更多挑战则是深入折叠屏设备的用户交互层面。屏幕宽窄的变化给交互设计也会带来相关的变化。在做用户交互的过程中,应该避免哪些情况发生?

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

IT之家11月4日消息不久前华为发布了业界首份《折叠屏UX设计规范》,详细的介绍折叠屏的特性和体验要求,并根据不同的页面布局方式和场景提供针对性的设计说明。

· 图片、视频等视觉元素不应发生变形、裁剪等信息缺失。

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

返回顶部