上次我们介绍了模态弹窗和非模态弹窗 B端产品--弹窗应该如何选择(一),模态弹窗分为对话弹框、内嵌表单弹窗、分步弹窗、文件选择,复杂信息展示等,非模态弹窗分为:通知提醒框、警告提示,全局提示,气泡卡片,文字提示等。
这么多的弹框样式,我们在设计的时候应该如何取舍呢。

在我们日常的设计中,常常在弹框、抽屉、新建页当中摇摆,到底应该使用哪种交互形式会更好,我们好像说不出其中的理由,这种时候是不是会套用女生的“第六感”;根据女生的第六感,我觉得这种交互形式更合适。
但我们是这么草率的人吗,当然不!我们都是用道理,通过页面的分析,去了解事物的本质,来说服大家。
今天我们将会从“页面的内容量”、“页面的连贯性”、“页面的切换成本”来进行一个分析。
页面的内容量
内容量包括:页面的文字、图片、表格、视频以及各种复杂的交互。
从内容量来说,新建页>抽屉>弹窗,新建页承载的内容量最大。但是我们不能从单一维度内容量的多少去考量哪种交互方式更适合。
还要根据实际情况去分析,比如内容的深度和广度,内容深度更深的采取抽屉更合适,内容广度更大的选择弹窗形式更合适,而新建页则是属于内容深度和广度同时比较大的。
也就是说弹窗的承载量相对新建页和抽屉来说是最小的。
目前常见的弹窗尺寸有四种,分别为samll、medium、large、X-large
使用的场景也不太一样
small:提示
mediun:对话弹窗
large:多文本录入
X-large:信息详情页
弹窗宽度会根据内容量进行宽度的调整。

页面的连贯性
当我们的产品需要新开一个页面展示的时候,页面的连贯性是最差的,因为用户返回上一级比较麻烦。新建页相对来说是比较独立的,连贯性相比较弹窗就会弱一些。
从交互形式来看,页面的连贯性新建页<弹窗<抽屉。
比如我们现在要设计一个详情页,需要展示大量的客户信息以及表格数据等,这时候你肯定会觉得采取弹窗不太合适,感觉抽屉或者新建页更合适。
具体采用抽屉或者新建页要根据具体的业务具体分析,没有一概而论的说法,比如在CRM产品中用户需要不断切换进行数据的比对,或者查看销售的更新状态,在用户连贯性的体验上,抽屉相对新建页更合适。抽屉可以承载较多的页面内容量,以及各种数据图表表单的提交,另一方面用户的连贯性体验也比较好。

页面的切换成本
当一个二级页面使用频率很高的情况,就证明了用户需要在A页面和B页面进行来回切换,这时候就要考虑切换的成本。
B端与C端的区别在于降本增效,本着产品效率至上的原则,我们从设计角度出发是不是要考虑下这种交互方式是否有改进提升的地方。
从微信和微博的视频小程序我们也看到这一现象的改变,以前微博查看评论需要跳转页面,而现在并不需要用户进行来回的切换,设计师采用的浮窗的形式,减少了页面间的切换成本,用户体验也更加的好。

最后
我们有时候觉得一个设计好看,却又说不出来哪里好看。设计里面似乎有太多“只可意会不可言传”的理念。其实你觉得好看的设计风格都是遵循了一定的设计理念,比如设计的亲密性,重复性等等。
其次我们希望设计出更好的产品,首先要了解设计的核心,规则是用来打破的,但首先需要知道规则是什么。





