折叠屏时代的人机交互:华为MateXs的破题之作( 三 )



折叠屏时代的人机交互:华为MateXs的破题之作
文章图片
当下的智能手机UI界面

至于移动端 , 尤其是手机的图形界面 , 就是确切地沿着乔布斯当年的思路去进化发展的:单一窗口 , 全屏展示 , 要么开 , 要么关 。 单线程的交互逻辑 。 甚至在页面排布上都非常成熟且固定 , 别管是来自美团还是阿里巴巴 , 都是上面一个大的banner图 , 中间几个按钮 , 下面有四个tap , 别管你是iOS 还是Android , 都是上下左右边缘滑动 , 呼出空间进行操作 。 且这个交互框架非常成功 , 被人们广泛接受 。

终于 , 人们看到了今天的命题——折叠屏 。 可以毫不夸张地说 , 折叠屏的出现 , 是在人机交互历史上 , 又一个重大的全新命题 。 因为这是人们第一次在可变的屏幕尺寸上 , 去做图形界面的设计 。 虽然我们积攒了丰富的经验 , 也有了更加深刻的认知 , 但是一种全新的尝试 , 让人们仿佛又回到了原点 , 重新进行探索 。

折叠屏时代的人机交互:华为MateXs的破题之作
文章图片

经验主义路径就是 , 从最近的成功经验上照搬 。 最典型的就是折叠屏的UI平板化 。 这是我们看到折叠屏时代的第一次尝试 , 基于手指触控的多窗口化界面排布 , 它确实让人们看到了折叠屏这种产品形态能够在未来带来的巨大潜力 , 但是作为最早期的尝试还是难以避免的撞上了两个巨大的障碍 , 第一 , 老生常谈的移动端的窗口化 , 这个已经被证伪 。 第二是相应而来的巨大软件适配工作量 。 处在萌芽期的折叠屏是不可能有如此大的感召力 , 让全行业去迅速跟进的 。 但作为一个硬币的正反面 , 这也恰恰给后来者 , 提供了改进思路和前车之鉴 。 那么作为第二代的折叠屏手机的代表 , 我们刚好可以通过MateXs 来看看华为对于这个命题的思考 。

折叠屏 , 尺寸可变 。 在软件适配上 , 最大的挑战恰恰就是“可变” 二字 。

折叠状态下 , 华为MateXs当然就是一部普通的手机 , 和我们平时看到的所有交互界面都一模一样 , 完整的延续了7吋以下的手机产品中沉淀下的思路和交互逻辑 , 正常的全屏化显示 , 单窗口化单线程 。 重点是在展开状态下 , 华为有没有什么新的想法 。 体验之后 , 可以总结为三种状态 。

第一种状态 , 可以理解为1.5个线程 。 之所以说是1.5个线程 , 是因为它本质上还是只做一件事 , 虽然是一个应用全屏显示 , 只干一件事儿 , 但是与折叠状态相比 , 它多了一个信息层级 。 什么意思呢 , 就是它将一个App 里原本两个信息层级做并列显示 。 而且两层之间的关联性非常强 , 比如说左边是列表 , 右边是详情页面 , 右边永远是左边的下一级 , 虽然是一个应用 , 但是在信息层级上并列显示 , 把层级拉平了 , 省去了返回步骤 , 类似浏览器上多开了一个标签 。
比如说在使用钉钉的时候 , 大多数情况下 , 只需要现在手机的这种交互状态 , 但如果是在工作多线程沟通的时候 , 在项目协调的时候 , 其实是需要快速在聊天列表和工作台之间去切换的 , 这时候相关层级并联显示的优势就体现出来了 。

折叠屏时代的人机交互:华为MateXs的破题之作
文章图片

比如说在淘宝上购物 , 左边是搜索页面 , 右边是点开的某一个产品的详情页 。 然后再点击购买或者联系客服 , 又会变成左边是产品详情 , 右边是订单或者客服对话框 。


推荐阅读