交互单元
我们在日常使用产品的过程中经常会接触到一些基础的单元,我们称之为交互单元,研究过开发者指南的朋友肯定知道,iOS和安卓会有一些样式有区别但是功能相同的交互单元,比如开关、选择器、对话框等。
交互设计模式如何使用?
1、我的设计背景是什么,选择哪种交互设计模式适合当前场景、任务或者流程?
2、这个交互设计模式有几种不同的形式,能承载哪些不同的内容?
3、该交互模式的局限性是什么?
4、该交互模式是否在产品其他地方使用过?在什么情境下?需要做相应调整吗?
Action Sheet(动作面板)
1、移动设备的屏幕可以说是寸土寸金,所以action sheet为了承载更多内容,并减少对用户的干扰,他呈现了与当前页面相关的部分操作和内容。用户能够通过点击按钮唤出该控件。
2、一般选项较少时,我们选择列表形式,选项较多时为了避免列表滚动造成的误操作建议选择宫格形式。要注意的是action sheet这个组件只可支持点击立即跳转的交互,并不支持输入,也不能用在表单中。
3、它能防止用户误操作
4、其实安卓也有类似的控件,但是他没有取消按钮,因为安卓有物理返回按钮,同时iOS有些应用在使用的过程中,也没有将取消按钮放在底部,甚至有些在右上角放置了一个关闭按钮。
5、它经常被各种软件进行自定义控件设计,但是该交互模式无法承载太多内容,因为本身就是为了让用户快速对当前页面进行额外的操作,所赋予作用。
图标按钮
1、相同的功能图标可能发生不同的交互行为和信息展示
2、即便不同的功能图标,承载的信息也可能是相似的
3、图标的位置、形式以及所触发的内容是由目标所决定的
4、根据内容的长度可以考虑隐藏一部分功能,例如取消,用户心智已可以理解点击空白取消。
交互模式需要在相应的场景或者情境中去,脱离情境的交互模式是不客观的。你会发现我们常说产品有不同的性格和风格,那么决定产品的性格基本上是由表现形式和交互模式来共同决定的,交互模式无法像乐高那样固定的拼凑,而更像是橡皮泥,在一定的规则下能够进行多样的使用。
下拉表单(类似淘宝筛选)
1、下拉菜单也是表单的一种;
2、单行表单可以进行拼接,成为一个列表;
3、单行表单可能会有几种形式:
- a.只有左侧有文字
- b.左侧有文字右侧有说明还有箭头
- c.左侧有标题右侧只有箭头
- d.当然表单还可以放置Picker、Segment Control、Radio Button等控件,还可以有双行表单等
4、表单不仅仅在单个page上静态存在,还可以通过交互行为动态存在;
5、这样形式的单行表单不能够支持左滑删除;
6、带箭头的表单可以进行页面跳转,但是不能展开此表单;
7、下拉菜单没有箭头,但我们明显知道,当我进行点击后,页面即将执行对此条件进行筛选的结果展示;
8、如果是一个好友列表那么安卓长按可以删除,iOS左滑可以删除;