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

相关推荐

  • 写在 [ 交互设计小厨房 ] 一周岁

    时光荏苒,感谢无情岁月!感谢大家容忍这个公众号『隔三差五』抽疯式的更新;感谢太太长期战斗在『丧偶式育儿』的第一线;感谢各位『互联网老炮』容忍洒家在微信群里污力十足的飚车;最后还要感谢这个优雅的排比句。当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放金平糖の精の踊り~カチューシャ浜口史郎 - 『ガールズ&パンツァー』オーケストラ・コンサート~Herbst Musikfest 2015~产品厨子的运营总结2017年3月24日,『交...

    2018-03-24
  • 交互设计第一步 了解完整的知识体系架构

    交互设计师犹如一名“翻译官”,主要的使命就是让人与产品之间更容易沟通、更具有人性化,让用户的操作更加有效,这也是交互设计师的价值之所在。今天推荐的这门课程,带你全面了解交互设计的知识体系架构和工作流程,了解交互设计师应具备的能力、应掌握的工具、如何完成进阶,并掌握让你更加专业、更具逻辑性的设计思维与交互设计面试技巧。点击“阅读原文”,开启你的学习之旅~丨我将从这门课中学到什么?了解形成完整的知识体系架构的重要性了解交互体系架构包括哪些部...

    2018-03-12
  • 从“注意力”的角度谈体验设计如何避免入坑

    作者:挪小辣(用户体验设计师 @UIMax公司)   前段时间UIMAX团队在做“新浪新闻客户端用户画像项目”时,用研人员访谈用户的过程中,发现一个这样的问题:多数用户完全没注意到过页面上的“长按可排序或删除”这段文字…

    交互专题 2023-03-03
  • 用好这些可用性原则,你就能简单做好交互设计!

    做产品经理不懂交互设计,那就是寸步难行。“交互原则多,体验出彩少”,既然要做好产品体验,那么吃透基本的交互设计原则,就是必须且必然的事儿。今天给大家挖了很多可靠的栗子,直接给你提供干货,拿走不谢。

    2017-05-20
  • 『涨姿势,什么是交互设计?』

    干货分享,点击标题下‘琅沐创意年代’订阅关注『涨姿势,什么是交互设计?』交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品…

    2017-08-02
  • Axure RP 8.0安装图解

    Axure RP 8.0下载链接:链接:https://pan.baidu.com/s/1jJFQwLK 密码:3d1yAxure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illu...

    2018-03-24
  • iOS8 Human Interface Guidelines 精选阅读(中英对照)

    用了两个星期时间断断续续读完iOS的guidelines英文原版,原文是写得有点啰嗦,所以精选了以下觉得比较重要的点,并加以自己的解释;当然如果你有时间,还是推荐阅读英文原文。首先是因为翻译的版本基本是不全的、旧的,就像ISUX的翻译的对比原文就会发现中间省略了好多。本文的作用并不像多数的翻译那样,让你粗略地了解里面的内容,而是精选出一些点使你体会到苹果的设计思想。 我读guidelines的目的不仅仅是要看他们是怎样规定的,而是要看他们为什么这样规定,在了解了制定规则背后的原因之后不仅便于记忆规则本身,还能了解苹果的设计思路,当吸收了设计思路之后,就不再是墨守成规,而是更自信和灵活地运用规则,甚至创造属于自己的规则。就像tweetie发明下拉刷新手势之后苹果反而把这种手势加进了自己的guidelines。 读英文原版还有一个显然易见的好处就是熟悉专业英语表达,guildlines的措辞显得优美而精确,值得去读读。

    2017-06-02
  • 12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02
  • 福睿斯幸福号春运列车的背后:营销回归用户体验

    爆竹声中辞旧岁,品牌送暖入屠苏。一年一度的春节,不仅是万家团圆的时刻,也是品牌们“秀肌肉”,送暖消费者的黄金期。每到这时,煽情、怀旧、调侃、明星、红包、互动……各大品牌总会使出浑身解数以俘获消费者“芳心”。而今年最暖的,莫过于福睿斯推出的“幸福号春运列车”。今年春节期间,长安福特福睿斯联手凤凰网、12306客户端、高铁杂志《旅伴》等平台,在1月30日至3月31日期间联手为春节回家的朋友打造往返于成都—上海的“福睿斯幸福号”专属列车(D3...

    2018-03-29
  • 箭头符号:一个最常见却不容忽视的图标

    箭头符号可能是人类图形史上最伟大的创造。是的,这只是一个箭头,一个最常见不过的图标,但如何把它放在合适的位置,如何不过度的滥用这个符号,却是我们每一位设计师不得不每天面对的问题。“我怎么回去?”

    2017-05-13