交互设计模式有哪些类型?应该如何使用?(上)
前面
给大家简单介绍了一下什么是交互设计模式,这篇文章主要分享几个交互设计模式的实际应用案例,帮助大家掌握它的使用方法,一起来看看吧!
在使用之前,我们首先考虑以下问题:
我的设计背景是什么?选择哪种适合当前场景、任务或流程的交互式设计模式?
这种交互设计模式有几种不同的形式,能承载哪些不同的内容?
这种交互模式的局限性是什么?
该交互模式在产品的其他地方使用过吗?在什么情况下?需要相应的调整吗?
分析以下三个案例:
案例1:ActionShet
(1)移动设备的屏幕可以说是寸土寸金,所以actionshet呈现了一些与当前页面相关的操作和内容,以承载更多的内容,减少对用户的干扰。用户可以通过点击按钮唤出控件。
(2)当一般选项较少时,我们选择列表形式。当选项较多时,建议选择宫格形式,以避免列表滚动造成的误操作。需要注意的是,actionsheet只能支持点击即时跳转的交互,不支持输入,也不能用于表单。
(3)可防止用户误操作。
(4)事实上,Android也有类似的控制器,但他没有取消按钮,因为Android有物理返回按钮。同时,一些iOS应用程序在使用过程中没有将取消按钮放在底部,有些甚至在右上角放置关闭按钮。
(5)它通常由各种软件设计,但交互模式不能携带太多的内容,因为它是为了让用户快速操作当前页面。
下篇文章继续给大家分享第二个案例,感兴趣的同学可以去看看。
以上就是“交互设计模式有哪些类型?应该如何使用?(上)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
在使用之前,我们首先考虑以下问题:
我的设计背景是什么?选择哪种适合当前场景、任务或流程的交互式设计模式?
这种交互设计模式有几种不同的形式,能承载哪些不同的内容?
这种交互模式的局限性是什么?
该交互模式在产品的其他地方使用过吗?在什么情况下?需要相应的调整吗?
分析以下三个案例:
案例1:ActionShet
(1)移动设备的屏幕可以说是寸土寸金,所以actionshet呈现了一些与当前页面相关的操作和内容,以承载更多的内容,减少对用户的干扰。用户可以通过点击按钮唤出控件。
(2)当一般选项较少时,我们选择列表形式。当选项较多时,建议选择宫格形式,以避免列表滚动造成的误操作。需要注意的是,actionsheet只能支持点击即时跳转的交互,不支持输入,也不能用于表单。
(3)可防止用户误操作。
(4)事实上,Android也有类似的控制器,但他没有取消按钮,因为Android有物理返回按钮。同时,一些iOS应用程序在使用过程中没有将取消按钮放在底部,有些甚至在右上角放置关闭按钮。
(5)它通常由各种软件设计,但交互模式不能携带太多的内容,因为它是为了让用户快速操作当前页面。
下篇文章继续给大家分享第二个案例,感兴趣的同学可以去看看。
以上就是“交互设计模式有哪些类型?应该如何使用?(上)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。