快好知 kuaihz

提高交互技能点,一些常见移动端交互方法

“在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。

1. 层级设计,以iOS为代表

iOS系统日历

是目前最常见的一种做法,外露设置名称和默认设置项,将全部设置内容放在下一层。

节约垂直空间,不干扰当前界面其他内容。可以很好兼容单选、多选等多种情况。作为一个完整的界面,可以容纳的内容比较多。

但增加一个层级,就意味着有进入和返回两步操作。尤其是返回大多在界面左上角,随着手机屏幕越来越大,采用这种方式又没有手势右滑返回还是挺难用的。

我一直觉得,将层级设计用的风生水起的就是微信。基本上一级的四个tab都是层级的世界。

2. 弹窗设计,以Android为代表

Google日历

选择项作为临时弹窗出现在界面中,单选的话,点一下弹框自动消失,多选的话点击完成消失。

弹窗是一个在移动端上容易受鄙视的交互,但实际使用下来,google把它做得挺美挺实用的。 当只有较少如个位数的设置项时,实际操作体验比层级式的好很多,会很同意“一个弹框能搞定的事实在不需要再新起一个层级”。但这个交互目前看很少人采用,Android的设计语言规范比起iOS还是弱势了许多。

但当内容一旦多起来,这个小弹框就会有点不堪重负,还会出现弹窗上需要再弹窗的尴尬局面。

3. 下拉菜单

Google日历叠叠乐

就是类似PC的下拉菜单,这样少见的设计,被发现于刚刚说google那个弹框上又有弹框的情况下。但再一次实际使用效果没想象中差,如果忽略它叠叠乐的感觉,和在移动端点击菜单的弹出菜单差不多。

但总的来说,还是一个奇怪的操作。

4. 嵌入式自动伸缩(这个名字不好起)

这个设计叫滚筒:)

选项在当前层级界面展现,把其他内容往下挤,完成选择后自动收起。

也是一个避免了进入新层级交互。iOS里的时间选择器经常会用这种方法出现。

坏处是对当前界面影响较大,进出场界面大幅变动。同时嵌入式给人不稳定不安全的感觉,好像一不小心碰了别处这些选项就消失了。尤其是选项较多还需要上下滑动的情况。我觉得这种方式使用于选择项很少,且当前层级内容本身也简洁的情况。

5. 选择内容平铺出来

好处当然是所需操作最少,只需要勾选一个操作,坏处也很明显,太占地儿。一般情况下很少见,除非本身这些选项就是核心内容的情况,比如调研问卷。最常见于选择性别时的男女选项。

没有截图

废话:这些看上去很常见普通的交互,碰到案例的时候有时一时竟然想不起来。所以最近为了提高交互技能点,打算总结一些常见的交互方法。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:交互  交互词条  技能  技能词条  常见  常见词条  一些  一些词条  提高  提高词条  
交互

 图片素材哪家强?且看500PX设...

作为以品质著称的在线摄影社区,500PX不仅是摄影爱好者常去的网站,更是设计师们搜寻素材获取资源的重要网站。最有抱负的摄影师在这里发表作 品、出售作品,顶尖的设...(展开)

交互

 从这几个案例入手,学会设计APP...

从注册这点小事儿上看如何提升细节设计和用户体验,希望对一些新入行的童鞋有所帮助。互联时代的产品都离不开:直白点就是什么样的环境下?为哪些人?提供了哪些事情的解决...(展开)

交互

 5种不同层级的用户帮助服务

本文主要是结合案例,介绍5种不同层级的用户帮助服务,并探讨一下它们的利与弊。理想中的人机交互,技术应该承担绝大部分复杂的运算任务,以便用户把精力集中在更重要也更...(展开)