重磅!华为发布业界首份《折叠屏UX设计规范》

据悉,在HDC2019华为开发者大会期间,华为发布业界首份《折叠屏UX设计规范》。该规范的发布将有效助推折叠屏应用UX设计的工作规范化再上一个新台阶, 这也是全国首个UX设计标准规范,将引领折叠屏应用迈入新阶段,稳步推进各大应用厂商共建折叠屏应用生态。

重磅!华为发布业界首份《折叠屏UX设计规范》

  (MateX的物理姿态)

此规范编制过程历时数月,从适用范围到案例分析,对各部分进行了精细化规范,向行业展现了华为从领先行业到定义标准的核心实力。在这份规范中,首先提到了折叠屏UX设计概述,折叠屏产品常用的状态为:折叠态和展开态。折叠时是一个手机形态,展开后变成一个平板状态。同时相较于普通手机有两个明显的特点:1)可随时折叠展开;2)展开后屏幕变大。可以说折叠屏手机既解决了携带的便利性问题,又满足了对平板大屏幕的需求。

重磅!华为发布业界首份《折叠屏UX设计规范》

毫无疑问,上述的这两个特点对开发者应用的设计和开发提出了新的挑战。为了能够充分利用折叠屏的特点,提供良好的使用体验,折叠屏UX规范设计中有如下体验诉求:

1)体验诉求一

Ø体验连续:屏幕可随时折叠展开,在体验上要求保证用户体验的连续性,应用需要遵从:

Ø屏幕兼容:由于屏幕尺寸发生变化,应用应采用适当的手段对屏幕上内容布局进行优化调整。

Ø应用连续:应用在折叠与展开状态切换的过程中保持正常运行。

2)体验诉求二

Ø体验增值:屏幕变大后,用户体验在某些方面有增值:

Ø更多内容:屏幕可显示更多内容,提高显示和操作的效率。

Ø更加“沉浸”:更清晰的细节,适合图片浏览、视频欣赏、游戏等应用和场景。

Ø多窗口交互:屏幕增大,内容增加,内容信息类型更丰富,各信息快之间的交互关系也变更复杂,会更经常出现两个任务同时进行的情况,用户的操作范围扩大,可以使用更加丰富的交互操作手段也会更丰富,多窗口的交互机会越来越多。

制定一套权威性强、影响面广、公正性高的标准规范体系对推动全产业链持续健康发展意义重大。此次华为公布的《折叠屏UX设计规范》进一步提升了UX设计标准化、专业化、绿色化水平,有望成为业内最高标准,各应用厂商可根据实际情况使用。除了刚才讲述的这两大体验诉求外,对比于普通屏幕手机,为了保证体验连续性,还需要满足以下基础体验规范要求:

1)界面信息展示:

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

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

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

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

2)用户交互:

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

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

3)设备特征适配:

折叠屏手机在硬件结构上不只是 “平板+手机” 这么简单,可折叠背后所带来的展示比例、交互体验、使用场景的变革,这一变化会对今后的交互设计产生很大影响。由于折叠屏在展开态下的屏幕显示比例接近方屏,因此横屏的体验跟手机和平板不同,需要做对应的适配。针对方屏,应用需要满足如下要求:

Ø 支持横竖屏显示。

Ø 横竖屏布局一致。

Ø 应用不强制旋转显示方向,只在用户需要的时候进行旋转,避免造成用户额外的操作负担。

可以看出,这份规范对体验诉求、基础体验要求做了明确的说明,让信息展示、用户交互、设备适配等各项操作都变得更为简单。值得探讨一下的是,还有一个交互方面存在潜在的挑战,就是移动场景下的大屏页面场景差异。虽然平板电脑也算移动设备,但并不便于随身携带,真正在户外、公共场所使用平板的用户并不多。所以很多App移植到平板电脑上之后只是适配了屏幕尺寸,造成大量用户体验不佳的现象。在折叠态下,基本系统交互信息架构沿袭了普通手机竖屏的定义。在展开态下,由于屏幕的特殊形态,因此产生了如下主要的场景差异:

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

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

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

从引领行业发展,到重新定义标准,再到制定规范,我们看到华为不仅仅在硬件创新发力,同时也在积极推进软件层面的变革。由于篇幅所限关于《折叠屏UX设计规范》的解读先到这里。后续我们将请华为资深专家为大家带来数篇关于折叠屏UX规范深度解读,包括大家最关心的折叠屏应用基础体验要求、界面信息架构布局单页面布局设计、界面信息架构布局之组合页面信息架构设计等内容。

极客网企业会员

免责声明:本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时,应及时向本网站提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后,将会依法尽快联系相关文章源头核实,沟通删除相关内容或断开相关链接。

2019-08-12
重磅!华为发布业界首份《折叠屏UX设计规范》
据悉,在HDC2019华为开发者大会期间,华为发布业界首份《折叠屏UX设计规范》。

长按扫码 阅读全文