android 魅族下拉悬停,魅族Flyme大交互之二:下拉悬停与被拉长的按钮

下拉悬停听起来就是个很厉害的角色,但实际上它非常"单纯"。

前面已经提到,侧滑菜单中,选项是从屏幕横向中线开始,向上下排布,虽然这在美观与易用之间找到了平衡点,但当侧滑菜单中内容过多,上下排布足以排满整个菜单区域的时候,这种布局就无能为力了。

96464c30cd0478425e6b103fa8b949a4.png

是时候找个新的解决方案了!这个问题严格意义上来讲是列表视图的内容位置问题,将所有列表视图都从下而上排列明显是不合适的,而列表视图又是日常使用中最常见的。

于是便有了下拉悬停。

当手指无法触及屏幕顶端的列表内容时,只要拖住列表的任意位置向下滑动,即可将顶部内容下拉一段距离,当顶端出现HOLD字样时,松开手指,列表便可以停留在当前的位置等待点击。

5283472f7283dfdfe46ccc5da08830dd.png

1128653a78ac7477d36f20033186341f.png

这个操作并不难,很容易上手且非常实用。下拉悬停在设计之初曾经考虑增加橡皮筋拉断或曲别针将列表固定的效果,最后都被否定了,这个功能的名字也因此改过很多个版本。当然这都是开发中的小插曲,最终的结果就是目前的状态,用最简单的方式解决问题。

ba4c124077d5faab7c5e43fcd7e17850.png

有没有人发现,这个侧滑菜单里面,选项的文字内容很少,按钮区域却很长?这并不是美丽的错误,而是有意为之。

新时代的我们阅读、书写习惯已经变为从左至右(这个习惯意义深远,会影响很多产品的设计),所以Flyme当中很多设计优化仿佛都是针对左手优化的。其实生活中大部分人是右手习惯,所以吃饭的同时操作手机,你一定不会用左手使用筷子。

但是使用右手操作,是必然会出现的情况,而且很多情况下使用左手还是右手,并不取决于你用哪只手拿筷子。所以,实际上Flyme的单手操作优化并非只针对左手操作。

过长的选项按钮便是针对右手操作的优化之一。

文字不多,按钮使用更多留白来填充触控区域,使菜单滑出后触控范围超过屏幕纵向中线。如此,右手单手操作的时,也可以轻松点击到各个选项。

84fe95899d3607c28d0c71bd7f1afd08.png

如果有一个界面,融合了下拉悬停和侧滑菜单,那么它一定是"最灵活"的界面(微博上用过的桥段…),很庆幸Flyme设置就是这样的界面,真正的做到屏幕之内,目之所及,皆可触及。

ba9ef821a0c7fc4adc751b72e3e81930.png

但这还远远不够。

正如地面,用最好的瓷砖,也需要有材料填补瓷砖间的缝隙,否则地面不会有"好的用户体验"。调整了界面布局,增加了下拉悬停,优化了侧滑菜单,也只是在宏观的、关键的功能上做了调整,而填补缝隙的细节…

明天,为大家献上《Flyme大交互之三-至关重要的细节设计》

//mobile.zol.com.cn/399/3998059.html

mobile.zol.com.cn

true

中关村在线

//mobile.zol.com.cn/399/3998059.html

report

1991

下拉悬停听起来就是个很厉害的角色,但实际上它非常"单纯"。  前面已经提到,侧滑菜单中,选项是从屏幕横向中线开始,向上下排布,虽然这在美观与易用之间找到了平衡点,但当侧滑菜单中内容过多,上下排布足以排满整个菜单区域的时候,这种布局就无能为...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值