对于目前全面屏、异形屏的手机交互体验的探讨

会员1138259 · 发表于 2018-9-22 08:54:20

马上注册，获取阅读精华内容及下载权限

您需要登录才可以下载或查看，没有帐号？注册

x

由于安卓的开放性，关于手机的交互，各家厂商都拿出了不同的方案，从4.0开始，原有的安卓四大金刚按键已经被缩减为三个按键，即“返回”、“HOME”和“多任务”，早些年，还有菜单键、和搜索键，都随着时间的流逝，被淘汰掉了。
在16:9屏幕比例的年代，手机导航的交互有了以下几种方式：
这种手机的外形一般是这样的

登录/注册后看高清大图

把手机多底栏做到极致的非HTC莫属，我们知道安卓的虚拟导航栏很占视觉空间，因此很多定制UI都会提供隐藏ActionBar的功能。当然隐藏后视觉体验好了，但是操作起来并不方便，因此屏外提供触摸按键也是一种比较成熟的方案，如下图所示。

登录/注册后看高清大图

这样一看，完美的解决了虚拟按键占视觉空间的问题，但是这个时候指纹识别技术发展起来了，受限于安卓的原生交互逻辑，采用这种布局的手机，都把指纹识别做在了手机背后。应该说这样外形设计的手机在安卓机当中占了绝大多数。
如果没有指纹识别解锁技术的诞生，我想，可能手机就会一直这样子。
如果一种设计和交互不完美，就不会有这么多人效仿。
魅族mBack的诞生就是要革了安卓交互的命！直接将安卓三大金刚按键和指纹识别全都整合在了一个按钮上。
“返回”：轻触HOME键（轻触时间较长则可以取消返回操作）；“HOME”：按压HOME键；“多任务”：底部屏幕上划；“指纹识别解锁”：按压HOME；“指纹验证”：轻摸HOME。
因此手机界的设计风格转眼间就变成以下这个样子了。

登录/注册后看高清大图

感觉在16:9屏幕比例的框架下，这已经是最完美的形态了。
随着显示技术的发展，第一次全面屏手机进入国人大众眼帘的正是小米MIX手机，直到现在的小米MIX2，我都认为这是目前量产的最接近我认为全面屏的手机。

登录/注册后看高清大图

受限于目前技术和手机内元器件堆叠所限，我们有太多的元器件无法缩小、整合。但是我相信不远的将来，这些壁垒肯定会被打破，来到寻常百姓家的。

登录/注册后看高清大图

然而目前很多厂商所推出的全面屏产品是以使用了18:9屏幕的称之为全面屏，极致一点的会将上下两边尽量做得短小，而一般一点的呢，则只是换了18:9的屏幕，上下两块的边跟16:9屏幕时代是一样的。
在这样的全面屏时代，的确有着无可比拟的视觉优势。随着屏幕变长，手机的屏占比的到了提高，因此在全屏应用中的视觉体验得到了极大提升。但是对非全屏应用而言，大部分情况下却永远躲不去那碍人眼的导航条啊，虽然可以采用手动隐藏导航条的方式来获得视觉快感，但是操作上，永远比直接按按钮来的繁琐。如此一来手机交互形态不就是仍旧回到16:9时代，采用虚拟屏内导航的方式了么，无非屏幕变长后，把原先属于虚拟导航的部分给留了出来。

登录/注册后看高清大图

上图为1440x720的18:9比例和1280x720的16:9比例的手机框图。1280x720的屏外虚拟按键手机可视分辨率为1280x720。
以安卓L标准尺寸进行计算，在720P分辨率下 ActionBar的尺寸为96像素。18:9下屏幕分辨率为1440x720，实际除去ActrionBar的96像素，可视像素为1344，比1280像素高出64像素，而64像素能做点什么？如果不调整桌面布局，连增加一行图标的能力都没有。
有些人可能会说，我可以把ActionBar做的小一点，但是做的小了如何解决误触问题呢？
所以说这种内屏虚拟导航的全面屏能增加多少实用体验吗？我认为这种交互下的手机跟16:9做屏内导航的手机是具有相同槽点的，并没有多少先进性可言。

登录/注册后看高清大图

作为mBack的开山鼻祖，同样的也在全面屏的交互中遇到了瓶颈。虽然魅族推出了Super mBack，进化和延续了mBack的操作方式，但是仍旧不能解决虚拟导航条占空间的痛点。在全面屏时代，我们需要能满足视觉和功能上极致体验的交互还任重道远。
在全面屏之战中，另外的一大阵营就是以iPhone X为首的异形屏了，采用异形屏后为了掩盖各种开孔，就再也没人敢推出白色面板手机了。

登录/注册后看高清大图

在iOS中，由于圆弧角和异形刘海，iPhone X的顶部状态栏可使用区域非常少，iOS状态栏就没法承载过多的信息，纯粹看下时间、信号和电量。可以这么说，iPhone X状态栏位置的区域就是无任何功能意义的，因此也就衍生了很多人将这个区域彻底改为纯黑色，以消除刘海带来的视觉缺陷。

登录/注册后看高清大图

但是在安卓中，我们的状态栏可谓百花缭乱，各种APP推送，短信快捷预览，各种设备图标等都会在状态栏占据空间和位置，既然刘海遮住了顶栏，那么这些内容如何显示呢？宽顶栏吗？这不就是又降低了屏幕的可视区域了么？（上图仅作示意）
重回实体键对我而言，实体按键给人的稳重感受要远大于虚拟按键。
首先实体按键有触感和按压键程，可以给用户非常直观的操作反馈。我不会担心我手指触摸的位置到底是不是HOME键，也不用担心按压的力度是否达到发出指令的条件。而不是像虚拟键，如果眼睛不看一眼确认的话，会有种不踏实的感觉，怎样的力度算是重压也很难掌握。
除非像iPhone X一样，采用手势操作来代替物理按键也是一个很正确的方案，因为手势操作范围较大，不用担心会存在误触发，触发失效的问题。然而iOS生来就1个HOME键，可是安卓有三个按键，操作最频繁的当属“返回”按键。目前在没有最好的解决办法之前，前置HOME键，我觉得仍旧是不错的一个方案。

登录/注册后看高清大图

想必大家都已经看到过魅族15系列的谍照了，从造型上来说，15系列可谓是MX系列的延续，看到极窄的屏幕黑边，极致的对称设计，很容易就让人联想起这是魅族MX 3或者MX 4的复刻版，可以说我从来没有看到过如此漂亮的白色面板手机。对于我这种白色手机控来说，又是一款必入的产品。

登录/注册后看高清大图

前面说过18:9的手机进一步缩减了手机上下部分的厚度，以提升屏占比，对于16:9的手机当然也可以最求极致进一步缩减这个区域，从上图中就可以看出，魅族15的框架如果采用相同尺寸屏幕，比原有的16:9手机来说还显得更为小巧。相信手感肯定会非常不错的。
2018年，互联网戏称是全面屏之年，如此混沌时代，要么就随波逐流，18:9、异形屏，要么就继续把原有产品迭代到极致。

登录/注册后看高清大图

如果你是设计师，你会选择怎样的设计方案呢？欢迎大家互相探讨！

会员1138331 · 发表于 2018-9-22 08:54:20

好文！

�*** · 发表于 2018-9-22 08:54:20

“可以说我从来没有看到过如此漂亮的白色面板手机。对于我这种白色手机控来说，又是一款必入的产品。”坚果pro2纯白色你视而不见？明显比魅族好看

会员1138278 · 发表于 2018-9-22 08:54:20

哦，看你简介，当我没说。话说，我只是魅族感觉要凉了

会员1138356 · 发表于 2018-9-22 08:54:20

煤油你好，一起自来水吧

会员1138341 · 发表于 2018-9-22 08:54:20

选魅族

�*** · 发表于 2018-9-22 08:54:20

魅族那个玩意和你的题目有一毛钱关系？软文

会员1138266 · 发表于 2018-9-22 08:54:20

我怎么想到了秦朝的青铜兵器……

会员1138287 · 发表于 2018-9-22 08:54:20

实用价值高，但是颜值和逼格还是不如vivo x21，所以15很可能是压死骆驼的最后一根稻草

会员1138271 · 发表于 2018-9-22 08:54:20

探讨啥了？

会员1138297 · 发表于 2018-9-22 08:54:20

一圈下来啥也没说

会员1138327 · 发表于 2018-9-22 08:54:20

应该是李楠自己被骂，所以花钱让别人来写软文了

会员1138357 · 发表于 2018-9-22 08:54:20

看到结尾才发现，原来是软文

会员1138259 · 发表于 2018-9-22 08:54:20

坚果pro2那个手机谈不上手感，至于好看，个人用过那个红色版本的，说真的有点廉价感

会员1138322 · 发表于 2018-9-22 08:54:20

手势操作既不占用空间，又能集成三大金刚键的操作，目前看是最完善的解决方案了

会员1138351 · 发表于 2018-9-22 08:54:20

见仁见智了，反正魅族我一直觉得外观跟苹果一样，万年不变。

会员122032 · 发表于 2018-9-25 07:16:03

现在已经很少人这么系统去研究手机了，支持楼主。

对于目前全面屏、异形屏的手机交互体验的探讨

马上注册，获取阅读精华内容及下载权限

相关帖子

站长提醒 /1