【IT168 资讯】如何让大屏手机更易操作,是Flyme一直以来都在关注的课题。虽然在2.0时代就已经加入诸如单手缩放网页图片等小技巧,用以解决日常生活中可能遇到的情况,但随着MX3的推出,这些并不系统化的细节改善已不能满足舒适的交互需求,所以Flyme 3.0针对大屏的优化,势在必行。
单手操作手机在生活中不可避免,而且出现单手操作,大部分都不是在一个相对舒适的环境下,此时操作体验的好与坏,十分考验交互设计水准。如果说针对大屏单手操作的优化,在MX2上可以让交互锦上添花,那么在MX3,这些都将成为必须面对的事。
主要操作区域下移
将主要操作区域下移,是直接且行之有效的做法之一。基于这种想法,Flyme在2.0时代加入了Smartbar, 让主要的功能操作都得以在屏幕下半部分的区域内完成。
而在Flyme 3.0时代,我们调整了更多的界面布局。
以音乐界面为例。
在“首页”中,屏幕顶端被“推荐”占据,这个区域功能单一,占据屏幕顶端的大块面积,保持与下方界面的风格统一,在不影响整体美观的同时,将其他功能的操作区域下移至单手更容易触碰的区域。
此种布局不仅仅存在于音乐,在应用中心、在线视频、联系人界面、闹钟等众多界面中均有出现。
功能决定形式,形式优化过程。
在“我的音乐”界面,屏幕顶端被一系列专辑封面占据,点击不同封面可以进入不同的专辑,并可以通过滚动操作来进行选择。
这里不再是一个硕大的按钮,而是一个可以滚动的“转轮”,这是否违反了“顶部区域可操作性要尽量的小”?或许说违反有些大题小做,因为这一切本来就不是个死板的规则,而是寻找经典方案的过程。
功能觉得了表现形式,而表现形式也可以用来优化操作过程。
一般情况下专辑必然有许多个,并且是并存关系,做成类似于“推荐”的“图片按钮”形式,引导用户进入另一个界面,并不是一个好的方案。增加一个界面,自然就增加了一步操作(关于减少界面跳转,后续会有介绍)。专辑的陈列本身就不是文字,而是图片,通过滚动的方式作为一个集合展示出来,解决了上面的问题。
由于功能不同,当前界面的布局结构,风格完全不同于“首页”,强行拼装使用“首页”的做法不会有好的效果,采用当前的方案更有利于界面整体风格的搭配统一。同时由于图片增加滚动操作,手指无法触碰的专辑皆可“滚动”到手指边再点击进入(专辑并不是只有在中间位置才可以点击)。
侧滑菜单剧中排列
在“首页”向右滑动屏幕,会出现在线音乐的侧滑菜单。在侧滑菜单中,各选项排列并非由上至下,由屏幕横向中线向上下排布,可以在顾及美观的同时,方便单手操作。
例外?
虽然上面的方案解决了部分操作问题,但仍有一些情况会让上面的方案无能为力。比如…如果侧滑菜单内项目如果足够多,虽然从中线向上下排布,却也将其排满,该如何处理?
当然有办法处理,明天的《Flyme大交互之二 — 下拉悬停与被拉长的按钮》将为大家剖析更多Flyme的大屏交互设计。