更适合大屏手机的系统——魅族Flyme3.0

更适合大屏手机的系统——魅族Flyme3.0

如何让大屏手机更易操作，是Flyme一直以来都在关注的课题。虽然在2.0时代就已经加入诸如单手缩放网页图片等小技巧，用以解决日常生活中可能遇到的情况，但随着MX3的推出，这些并不系统化的细节改善已不能满足舒适的交互需求，所以Flyme 3.0针对大屏的优化，势在必行。

单手操作手机在生活中不可避免，而且出现单手操作，大部分都不是在一个相对舒适的环境下，此时操作体验的好与坏，十分考验交互设计水准。如果说针对大屏单手操作的优化，在MX2上可以让交互锦上添花，那么在MX3，这些都将成为必须面对的事。

主要操作区域下移

将主要操作区域下移，是直接且行之有效的做法之一。基于这种想法，Flyme在2.0时代加入了Smartbar， 让主要的功能操作都得以在屏幕下半部分的区域内完成。

而在Flyme 3.0时代，我们调整了更多的界面布局。

以音乐界面为例。

在“首页”中，屏幕顶端被“推荐”占据，这个区域功能单一，占据屏幕顶端的大块面积，保持与下方界面的风格统一，在不影响整体美观的同时，将其他功能的操作区域下移至单手更容易触碰的区域。

此种布局不仅仅存在于音乐，在应用中心、在线视频、联系人界面、闹钟等众多界面中均有出现。

功能决定形式，形式优化过程。

在“我的音乐”界面，屏幕顶端被一系列专辑封面占据，点击不同封面可以进入不同的专辑，并可以通过滚动操作来进行选择。

这里不再是一个硕大的按钮，而是一个可以滚动的“转轮”，这是否违反了“顶部区域可操作性要尽量的小”？或许说违反有些大题小做，因为这一切本来就不是个死板的规则，而是寻找最优方案的过程。

功能觉得了表现形式，而表现形式也可以用来优化操作过程。

一般情况下专辑必然有许多个，并且是并存关系，做成类似于“推荐”的“图片按钮”形式，引导用户进入另一个界面，并不是一个好的方案。增加一个界面，自然就增加了一步操作（关于减少界面跳转，后续会有介绍）。专辑的陈列本身就不是文字，而是图片，通过滚动的方式作为一个集合展示出来，解决了上面的问题。

由于功能不同，当前界面的布局结构，风格完全不同于“首页”,强行拼装使用“首页”的做法不会有好的效果，采用当前的方案更有利于界面整体风格的搭配统一。同时由于图片增加滚动操作，手指无法触碰的专辑皆可“滚动”到手指边再点击进入（专辑并不是只有在中间位置才可以点击）。

侧滑菜单剧中排列

在“首页”向右滑动屏幕，会出现在线音乐的侧滑菜单。在侧滑菜单中，各选项排列并非由上至下，由屏幕横向中线向上下排布，可以在顾及美观的同时，方便单手操作。

例外？

虽然上面的方案解决了部分操作问题，但仍有一些情况会让上面的方案无能为力。比如…如果侧滑菜单内项目如果足够多，虽然从中线向上下排布，却也将其排满，该如何处理？

当然有办法处理，明天的《Flyme大交互之二 — 下拉悬停与被拉长的按钮》将为大家剖析更多Flyme的大屏交互设计。