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

相关推荐

  • QQ空间是怎么设计直播功能的?

    什么?空间也做直播了!没错,在当今直播的热潮下,国内外的直播产品大都是基于陌生人的关系链,且内容结构与视觉效果同质化严重。如何让用户更好的分享生活?如何为用户提供差异化的内容消费?如何给用户更多新鲜趣味的互动玩法?这是我们做直播希望解决的问题。
    Qzone依托自身优势,另辟蹊径地发掘基于好友关系链的直播场景。与此同时,我们不断探索更符合空间用户直播的设计形态,发掘与竞品的差异点,寻找直播的下一个突破口,通过系统化的设计,为用户提供非一般的直播体验。

    2016-07-27
  • 【交互设计】一门感性与理性相结合的专业

    交互设计Sheridan交互设计本科是安大略省唯一一所提供该专业的高等院校。专业强调学生的创造力和逻辑思维,并且会学习到创意过程中的各个阶段的实践经验,从研究和规划的设计与执行。第一次见到文俊同学是在今年国际部举办的春节联欢晚会上,他一直帮着学生会布置会场,忙前忙后,哪里需要帮忙,哪里就有文俊的身影。更令人印象深刻的是他非常标准的广东普通话,来自广东的中国学生并不少,但是他的“广普”着实令人印象深刻。文俊同学四年前来到Sheridan,...

    2018-04-07
  • 四步解说,搞定吸引人的移动端详情页设计

    本文依然是关于详情页设计,涉及到了排版/构图/色彩/氛围点缀/字体等多个方面。以下是我总结了可以让你的详情页脱颖而出的四个系列的套路,兴许对你们有用!enjoy~

    2017-08-04
  • 无限滚动翻页的优点和缺点

    一张图告诉你无限滚动翻页的优点和缺点 什么是无限滚动翻页?你一定不会陌生。实在不清楚,刷一下微博就知道了。想不想知道你的网站适不适合使用无限滚动翻页,看看这篇文章应该会很有帮助! 无限滚动翻页是现在讨…

    2015-01-21
  • 对话界面的现在与未来

    计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(GUIs)。但是GUIs同样有着天然的屏障:人们必须去学习如何使用他们。他们不得不去学习一个汉堡icon隐藏着一个菜单,这是一个button触发一个操作。但是随着技术的发展,语言识别和处理效率的提高改善,我们当前的交互方式正在变得更直观,简单而又高效-通过对话界面

    2016-07-20
  • 关注 Web 设计

    相较于设计教程,这样的问答对于个人来说更有针对性,离我们日常的设计工作更近一些。我个人也有这样的体会,有时会有一两个问题长期停留在脑子里,得不到解决,偶然的碰到刚好涉及到这方面的文章,会有一下子豁然开朗的感觉。所以这样的形式也是非常有价值的。以下就是第1周的所有问题和答复,希望在设计对大家有所帮助。

    2015-01-03
  • 悬浮动效常见的几种玩法

    动效是如今UI设计中的重要组成部分,也是目前最热门的设计趋势之一。在之前的《在现代网页设计中,动效常见的几种用法》这篇文章中,我们探讨了动效对于交互和用户的重要意义,动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效,这也是近年动效设计的热点之一。

    2017-05-05
  • 沃尔沃自主驾驶概念交互设计欣赏

    沃尔沃自主驾驶的概念交互设计来自设计师Keke Le用户调研 |  HMI设计 |  UE/UI设计 |  HMI培训  |  HMI评测  | 体验咨询

    2018-03-21
  • 微信小程序设计指南 · 小程序

    概要 基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同…

    2016-09-24
  • Axure学习笔记 | 初识Axure

    本文结构:辰安笔记—01—说点题外话唠叨之语:这个是我在B站上看学习视频自己整理的笔记。话说我的学习笔记基本上是从视频上扒下来,然后加入一些自己的思考。我在规划做分享Axure的时候也想过,网上资源那么多,我做这个有必要吗?有用吗?思考一番,做这件事情虽然艰苦,费力不讨好,但是有收益。我现在就是把自己当作一个产品来打造。通过这些事情有以下收益:1.对自己来说,知识更加系统,当然也可能会让我更加僵化,这个我会注意;2.对招聘者来说,TA可...

    2018-04-29