交互设计模式有哪些类型?应该如何使用?(上)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
前面 给大家简单介绍了一下什么是交互设计模式,这篇文章主要分享几个交互设计模式的实际应用案例,帮助大家掌握它的使用方法,一起来看看吧!

在使用之前,我们首先考虑以下问题:

我的设计背景是什么?选择哪种适合当前场景、任务或流程的交互式设计模式?

这种交互设计模式有几种不同的形式,能承载哪些不同的内容?

这种交互模式的局限性是什么?

该交互模式在产品的其他地方使用过吗?在什么情况下?需要相应的调整吗?

分析以下三个案例:

案例1:ActionShet
交互设计模式有哪些类型?应该如何使用?(上) (1)移动设备的屏幕可以说是寸土寸金,所以actionshet呈现了一些与当前页面相关的操作和内容,以承载更多的内容,减少对用户的干扰。用户可以通过点击按钮唤出控件。

(2)当一般选项较少时,我们选择列表形式。当选项较多时,建议选择宫格形式,以避免列表滚动造成的误操作。需要注意的是,actionsheet只能支持点击即时跳转的交互,不支持输入,也不能用于表单。

(3)可防止用户误操作。

(4)事实上,Android也有类似的控制器,但他没有取消按钮,因为Android有物理返回按钮。同时,一些iOS应用程序在使用过程中没有将取消按钮放在底部,有些甚至在右上角放置关闭按钮。

(5)它通常由各种软件设计,但交互模式不能携带太多的内容,因为它是为了让用户快速操作当前页面。

下篇文章继续给大家分享第二个案例,感兴趣的同学可以去看看。

以上就是“交互设计模式有哪些类型?应该如何使用?(上)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。