mBack交互方式分析

本文作者将对魅族最新研发的交互方式—mBack进行分析,从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异,到分析mBack的缺点,值得一看。乔布斯说:伟大的产品都是只有一个按键的。在已经将交互优化到已经不能再删减时,如何有效的组织和隐藏就显得尤为重要。随意性用户可能使用过类似的产品或服务,有兴趣使用更为复杂的产品,但是不愿意接触全新的产品,除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务,他们永远也不会产生学会所有功能的想法。


本文作者将对魅族最新研发的交互方式—mBack进行分析,从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异,到分析mBack的缺点,值得一看。

mBack交互方式分析

2015年6月,魅族发布魅蓝note2,搭载了魅族最新研发的交互方式—mBack。

老白说,魅族研发mBack是要来革Android的命。

当时也算资深的煤油之一,对于老白的话,虽然心里有些激动,但是从内心来讲还是不太相信的,因为四年前魅族推出的smartBar也是大概说要来革命的,而在其推出两年后,却由于大多数的软件不兼容而悻悻推出安卓的交互舞台。

魅族固然有着国内包括国外一些大厂都没有的交互创新意识,可是自身影响不强,话语权较弱,也注定了它在这条路上会越走越难。然而这次,魅族这次却真的革了安卓的命。

时至2017年,魅族的mBack已经成了国产安卓手机的标配。如果说MIUI的成功将iOS式的所有app平铺到桌面的UI方式成功推向国产所有的安卓定制系统,那么魅族的mBack则是将安卓的三大金刚的交互方式完全改变了。

众所周知,安卓在诞生之初的时候,操作栏其实是有四个按键的:主页、菜单、返回、搜索。后来由于搜索的低频性,安卓的四大金刚逐渐变成了三大金刚。更多的厂家把搜索的功能隐藏的比较深,即从分页位置上划出现搜索的功能页面。这样的操作传承下来也保持了很大的合理性。

如果我们将视野放到所有的操作系统,会发现其实很多的系统都会有这几个操作的便捷入口:

  • home键,如果放到Windows上面,相当于windows键+D或者窗口右下角的显示桌面的便捷操作;
  • 返回键,相当于打开一个文件夹时候左上角的返回前进或者浏览器的返回前进;
  • 菜单键相当于鼠标右键;
  • 而搜索更是必备的一项功能。

所以无论是任何的操作的系统,这几项功能都是必备的,高频的。

mBack交互方式分析

图为安卓三大金刚

手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异:

1.电脑的输入方式有键盘和鼠标的两种可以同时进行的输入,而鼠标所能衍生出来的交互也有点击、双击、滑入、滑出、按下、弹起、右键等等一系列的鼠标事件。

手机上面用户可以进行操作有点击,双击,长按,拖拽,滑动,双指捏合,双指张开,双指旋转,和苹果在iPhone6s上面开发的新的操作方式—3D touch(不得不说这也是一种新的革新性的交互操作方式,却谈不上革命)。

2.电脑的操作系统由于操作界面较大,所以都是通过窗口式操作的。即用户可以同时进行几项不同的操作,只需要进行界面的切换或隐藏就可以了。

而手机的操作系统只有一个窗口,即用户使用手机的时候只能进行某一个软件的操作,而当用户需要从此类软件切换到另一个软件的时候,只能将其或者隐藏再点开另一个软件进行操作。

举一个简单的例子:如果要从PC上面进行复制粘贴的一项操作的话,只需要简单的从这个窗口复制,然后找到需要粘贴的窗口进行粘贴即可。而在手机上面操作,则需要从某一个文件夹中找到这个文件,点击复制,然后返回返回返回找到需要粘贴的文件夹的父级的父级的父级目录,然后再点击点击点击之后再粘贴。

如果是复制某一段文字,需要从一个软件中将该段文字复制下来,返回桌面或者调出最近任务,打开另一个软件找到相应的位置再进行粘贴。

mBack交互方式分析

图为Windows窗口操作

针对以上两点,手机操作系统可以在不增加操作步骤的同时提高便捷性就显得尤为重要。

关于第一点,我觉得从iOS诞生之初就已经完美的解决了这个问题。键盘最重要的操作是输入,而手机的操作系统可以通过隐藏显示键盘来进行。另一个键盘事件在电脑操作系统的重要功能—快捷键也都可以通过点击选择功能来替换;而鼠标的操作,可以通过屏幕的手势操作来替换。至于其他低频性的操作可以通过优化交互逻辑而删减。所以当用户已经习惯了这样的交互方式的时候,输入所带来的麻烦,都可以一一解决。

然而关于第二点,却并不是那么好解决:

首先,这个并不是交互方式改变而能改变的,它更多的是当你使用这个系统时整个系统或者某个app时的操作逻辑问题。软件的层级是固定的,这个并不能通过改变交互方式来减少步骤简化操作。如果你要复制某一个东西,你就得先复制再找到位置进行粘贴,可是当你鼠标滑入无法进行转换时你可以通过长按来进行这步操作。

所以这个时候,苹果和谷歌都适时的推出了自己的操作方式:安卓与苹果的home键都集成了快速切换软件的方式,用户可以通过切换后台应用或者返回桌面重新点开某一个软件来进行快捷操作,返回键也放置到了一个相当明显的位置—苹果的左上角以及安卓的三大金刚之一。

可是时过境迁,自三星note系列开创了大屏的风潮之后,苹果原来乔帮主奉行的3.5寸黄金尺寸的信条已然被用户抛弃。当单手再也无法触及左上角的返回时,iOS的交互逻辑就已经出现了问题。

iOS为了解决此问题,通过了以下的方式进行了交互上的优化A,屏幕左边缘右滑返回手势 B,轻点两下home键,把屏幕界面拉下来。同时,Assistive touch也可以带来相同的交互目的。

mBack交互方式分析

图为Assistive Touch

记得老白在发布会上曾经说过这样一句话:

乔布斯说:伟大的产品都是只有一个按键的。

被奉为交互设计经典的一本书《简约至上》也说人们喜欢简单、值得信赖、适应性强的产品,当然这里的简单指的是功能上的简单而并不是设计上的简单。可是如果放在交互设计或者界面设计上面,我们也常常会发现,简单的东西能给人带来更好的亲近感同时也更加具有美感,让人乐于接触也愿意学习。

书中所说的交互设计四原则:合理删除、分层组织、适时隐藏和巧妙转移在mBack上得到了完美的展现:

在已经将交互优化到已经不能再删减时,如何有效的组织和隐藏就显得尤为重要。

魅族将返回与home键集成到了一起,却并没有提高用户的学习成本,让主流用户和随意性用户也能快速的上手。同时新的交互逻辑比之前的逻辑更加的简便,用户操作的一致性更强,所有的操作通过一个区域的不同操作方式进行划分而不需要增加新的区域,可以形成更有效的肌肉记忆。

时隔两年再看mBack,果真是革了安卓的命,既把电脑时代转变到移动时代的交互问题完美的解决,也兼顾了美观和一致性。

随意性用户可能使用过类似的产品或服务,有兴趣使用更为复杂的产品,但是不愿意接触全新的产品,除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务,他们永远也不会产生学会所有功能的想法。

当然,mBack也有着自身的一些缺点。

  1. 当mBack集成着指纹支付功能的时候,如果用户误操作点击,下意识轻触home键返回的时候,容易触发指纹进行支付。所以我觉得如果交互改进的话,应该让手指停留在home键几秒之后再进行支付。期间,支付界面可以设计为类似录入指纹的样式:由不同的指纹线段通过路径的延伸最后支付成功。
  2. 当更多的功能会集成到mBack当中,如何将学习成本、操作逻辑性与大而全的功能平衡好,也是一个问题。比如现在Flyme的息屏、相机、心率的功能,ZUI的左右滑动切换后台应用的功能,等等以后可能集成到home键的其他功能要如何展现才不至于学习成本陡增让用户嫌恶,也着实是一个大问题。但是我相信,魅族会将mBack优化的更好,以后的操作逻辑也会更加符合人机操作的习惯。

 

本文由 @执迷 原创发布于人人都是产品经理。未经许可,禁止转载

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22343/

(0)
CatherineCatherine
上一篇 2017-05-01 10:15
下一篇 2017-05-01 12:17

相关推荐

  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • 用户体验提升才是“蔚来”

    nEqual 是业界领先的赋能“智慧商业”的数据智能技术提供商,是精硕科技集团下专注数据技术的事业部。nEqual以数据和技术为支撑,为企业实现营销自动化、智能新零售、AI人工智能等“智慧商业”模式打造和运营,帮助企业提升营销体验、销售体验及服务体验等全面的超级用户体验,进而助力企业构建可持续发展的商业竞争力。近年来,人工智能迅速占领大家视野,虽然业界已经探索了几十年,但近五年来才开始飞速发展,这得益于数据和技术的进步。近日,朋友圈被蔚...

    2018-01-30
  • 【UXRen原创】一款金融股单APP的设计之路

    作者: 股单小分队 @ 国信证券的产品设计中心   一、交互设计的那些事 许多朋友问我:你大学学的专业不是工业设计吗?都是做产品造型的呀,现在怎么跑去证券公司做交互了? 相信许多做交互设计的朋友和都会遇到这样…

    交互专题 2017-08-07
  • Axure RP 8.0 软件激活 安装教程 激活码 序列号

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接,可以给公众号留言发信息,也可加微信:qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信:qihai-77反馈哦链接:https://pan.baidu.com/s/1VjyU1Ok307Go4VaV54LhcA密码:3nf7有任何需要安装的软件或问题可咨询微信客服:qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服:qihai...

    2018-03-29
  • 为熟练用户设计:如何设计才能帮助用户提高使用效率?

    本文作者将从导航和首页的信息排布、操作时间和快捷键三个方面展开,在通讯产品、办公软件等这类被大量使用场景的产品中,该如何设计才能帮助用户提高使用效率?

    2017-05-19
  • 交互设计师的60日计划之第五天

    你好,8月。7月份的尾巴喜欢上一个人,花了太多心思,8月份一来终于知道不会有结果,所以要赶紧忘记,把心思花回自己身上。 2015/08/01 职场其实很可怕 今天一整天都去帮同事搬家了,虽然没干什么大的体力活,但是…

    交互专题 2015-08-20
  • 5种设计策略,让你的UI更加安全稳妥

    安全的设计应该是清晰,简单并且能够引导用户的。

    2017-08-04
  • 摧残人类的交互

    特仑苏:积分系统 购买每箱牛奶都会有一张积分卡片,上面有一行验证码。如果你认为在官网输入验证码就能获取积分,那就想的太简单了。你要拿起手机,编辑短信“CZ+长长的16位数字的验证码”,发送到长长的16位数字的…

    2014-12-24
  • iOS和Android规范解析——工具栏和固定底板

    今天我们来介绍上篇文章中的表格中余下的一个控件:工具栏(toolbars)。工具栏是iOS中的控件,Android当中相对应的是固态底板。老规矩,先说Android的控件(虽然这个控件之前已经介绍过了,耸肩)。

    2017-04-29
  • 探讨F式布局在网页中的运用

    虽然网页排版 方式千变万化,但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。

    2017-05-04