开启辅助访问

QQ登录

只需一步,快速开始

注册 找回密码 切换到宽版 |

迅维网

查看: 219|回复: 16

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

[复制链接]
发表于 2018-9-22 08:54 | 显示全部楼层 |阅读模式

马上注册,阅读更多精彩内容

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

x
由于安卓的开放性,关于手机的交互,各家厂商都拿出了不同的方案,从4.0开始,原有的安卓四大金刚按键已经被缩减为三个按键,即“返回”、“HOME”和“多任务”,早些年,还有菜单键、和搜索键,都随着时间的流逝,被淘汰掉了。
在16:9屏幕比例的年代,手机导航的交互有了以下几种方式:
这种手机的外形一般是这样的
对于目前全面屏、异形屏的手机交互体验的探讨-1.jpg
把手机多底栏做到极致的非HTC莫属,我们知道安卓的虚拟导航栏很占视觉空间,因此很多定制UI都会提供隐藏ActionBar的功能。当然隐藏后视觉体验好了,但是操作起来并不方便,因此屏外提供触摸按键也是一种比较成熟的方案,如下图所示。
对于目前全面屏、异形屏的手机交互体验的探讨-2.jpg
这样一看,完美的解决了虚拟按键占视觉空间的问题,但是这个时候指纹识别技术发展起来了,受限于安卓的原生交互逻辑,采用这种布局的手机,都把指纹识别做在了手机背后。应该说这样外形设计的手机在安卓机当中占了绝大多数。
如果没有指纹识别解锁技术的诞生,我想,可能手机就会一直这样子。
如果一种设计和交互不完美,就不会有这么多人效仿。
魅族mBack的诞生就是要革了安卓交互的命!直接将安卓三大金刚按键和指纹识别全都整合在了一个按钮上。
“返回”:轻触HOME键(轻触时间较长则可以取消返回操作);“HOME”:按压HOME键;“多任务”:底部屏幕上划;“指纹识别解锁”:按压HOME;“指纹验证”:轻摸HOME。
因此手机界的设计风格转眼间就变成以下这个样子了。
对于目前全面屏、异形屏的手机交互体验的探讨-3.jpg
感觉在16:9屏幕比例的框架下,这已经是最完美的形态了。
随着显示技术的发展,第一次全面屏手机进入国人大众眼帘的正是小米MIX手机,直到现在的小米MIX2,我都认为这是目前量产的最接近我认为全面屏的手机。
对于目前全面屏、异形屏的手机交互体验的探讨-4.jpg
受限于目前技术和手机内元器件堆叠所限,我们有太多的元器件无法缩小、整合。但是我相信不远的将来,这些壁垒肯定会被打破,来到寻常百姓家的。
对于目前全面屏、异形屏的手机交互体验的探讨-5.jpg
然而目前很多厂商所推出的全面屏产品是以使用了18:9屏幕的称之为全面屏,极致一点的会将上下两边尽量做得短小,而一般一点的呢,则只是换了18:9的屏幕,上下两块的边跟16:9屏幕时代是一样的。
在这样的全面屏时代,的确有着无可比拟的视觉优势。随着屏幕变长,手机的屏占比的到了提高,因此在全屏应用中的视觉体验得到了极大提升。但是对非全屏应用而言,大部分情况下却永远躲不去那碍人眼的导航条啊,虽然可以采用手动隐藏导航条的方式来获得视觉快感,但是操作上,永远比直接按按钮来的繁琐。如此一来手机交互形态不就是仍旧回到16:9时代,采用虚拟屏内导航的方式了么,无非屏幕变长后,把原先属于虚拟导航的部分给留了出来。
对于目前全面屏、异形屏的手机交互体验的探讨-6.jpg
上图为1440x720的18:9比例和1280x720的16:9比例的手机框图。1280x720的屏外虚拟按键手机可视分辨率为1280x720。
以安卓L标准尺寸进行计算,在720P分辨率下 ActionBar的尺寸为96像素 。18:9下屏幕分辨率为1440x720,实际除去ActrionBar的96像素,可视像素为1344,比1280像素高出64像素,而64像素能做点什么?如果不调整桌面布局,连增加一行图标的能力都没有。
有些人可能会说,我可以把ActionBar做的小一点,但是做的小了如何解决误触问题呢?
所以说这种内屏虚拟导航的全面屏能增加多少实用体验吗?我认为这种交互下的手机跟16:9做屏内导航的手机是具有相同槽点的,并没有多少先进性可言。
对于目前全面屏、异形屏的手机交互体验的探讨-7.jpg
作为mBack的开山鼻祖,同样的也在全面屏的交互中遇到了瓶颈。虽然魅族推出了Super mBack,进化和延续了mBack的操作方式,但是仍旧不能解决虚拟导航条占空间的痛点。在全面屏时代,我们需要能满足视觉和功能上极致体验的交互还任重道远。
在全面屏之战中,另外的一大阵营就是以iPhone X为首的异形屏了,采用异形屏后为了掩盖各种开孔,就再也没人敢推出白色面板手机了。
对于目前全面屏、异形屏的手机交互体验的探讨-8.jpg
在iOS中,由于圆弧角和异形刘海,iPhone X的顶部状态栏可使用区域非常少,iOS状态栏就没法承载过多的信息,纯粹看下时间、信号和电量。 可以这么说,iPhone X状态栏位置的区域就是无任何功能意义的,因此也就衍生了很多人将这个区域彻底改为纯黑色,以消除刘海带来的视觉缺陷。
对于目前全面屏、异形屏的手机交互体验的探讨-9.jpg
但是在安卓中,我们的状态栏可谓百花缭乱,各种APP推送,短信快捷预览,各种设备图标等都会在状态栏占据空间和位置,既然刘海遮住了顶栏,那么这些内容如何显示呢?宽顶栏吗?这不就是又降低了屏幕的可视区域了么?(上图仅作示意)
重回实体键对我而言,实体按键给人的稳重感受要远大于虚拟按键。
首先实体按键有触感和按压键程,可以给用户非常直观的操作反馈。我不会担心我手指触摸的位置到底是不是HOME键,也不用担心按压的力度是否达到发出指令的条件。而不是像虚拟键,如果眼睛不看一眼确认的话,会有种不踏实的感觉,怎样的力度算是重压也很难掌握。
除非像iPhone X一样,采用手势操作来代替物理按键也是一个很正确的方案,因为手势操作范围较大,不用担心会存在误触发,触发失效的问题。然而iOS生来就1个HOME键,可是安卓有三个按键,操作最频繁的当属“返回”按键。目前在没有最好的解决办法之前,前置HOME键,我觉得仍旧是不错的一个方案。
对于目前全面屏、异形屏的手机交互体验的探讨-10.jpg
想必大家都已经看到过魅族15系列的谍照了,从造型上来说,15系列可谓是MX系列的延续,看到极窄的屏幕黑边,极致的对称设计,很容易就让人联想起这是魅族MX 3或者MX 4的复刻版,可以说我从来没有看到过如此漂亮的白色面板手机。对于我这种白色手机控来说,又是一款必入的产品。
对于目前全面屏、异形屏的手机交互体验的探讨-11.jpg
前面说过18:9的手机进一步缩减了手机上下部分的厚度,以提升屏占比,对于16:9的手机当然也可以最求极致进一步缩减这个区域,从上图中就可以看出,魅族15的框架如果采用相同尺寸屏幕,比原有的16:9手机来说还显得更为小巧。相信手感肯定会非常不错的。
2018年,互联网戏称是全面屏之年,如此混沌时代,要么就随波逐流,18:9、异形屏,要么就继续把原有产品迭代到极致。
对于目前全面屏、异形屏的手机交互体验的探讨-12.jpg
如果你是设计师,你会选择怎样的设计方案呢?欢迎大家互相探讨!

本文由 wangyoo2003 原创或被授权转载制作,其他机构或个人未经许可严禁转载。
发表于 2018-9-22 08:54 | 显示全部楼层
好文!

回复 支持 反对

使用道具 举报

头像被屏蔽
发表于 2018-9-22 08:54 | 显示全部楼层
“可以说我从来没有看到过如此漂亮的白色面板手机。对于我这种白色手机控来说,又是一款必入的产品。”坚果pro2纯白色你视而不见?明显比魅族好看

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
哦,看你简介,当我没说。话说,我只是魅族感觉要凉了

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
煤油你好,一起自来水吧

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
选魅族

回复 支持 反对

使用道具 举报

头像被屏蔽
发表于 2018-9-22 08:54 | 显示全部楼层
魅族那个玩意和你的题目有一毛钱关系?软文

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
我怎么想到了秦朝的青铜兵器……

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
实用价值高,但是颜值和逼格还是不如vivo x21,所以15很可能是压死骆驼的最后一根稻草

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
探讨啥了?

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
一圈下来啥也没说

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
应该是李楠自己被骂,所以花钱让别人来写软文了

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
看到结尾才发现,原来是软文

回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-9-22 08:54 | 显示全部楼层
坚果pro2那个手机谈不上手感,至于好看,个人用过那个红色版本的,说真的有点廉价感

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
手势操作既不占用空间,又能集成三大金刚键的操作,目前看是最完善的解决方案了

回复 支持 反对

使用道具 举报

发表于 2018-9-22 08:54 | 显示全部楼层
见仁见智了,反正魅族我一直觉得外观跟苹果一样,万年不变。

回复 支持 反对

使用道具 举报

发表于 2018-9-25 07:16 | 显示全部楼层
现在已经很少人这么系统去研究手机了,支持楼主。

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长提醒 上一条 /1 下一条