沐鸣登录网站腾讯出品!PC端弹窗设计五步决策法

此外,在设计师的日常工作中,也经常会遇到以下情况:
- 概念混淆
不论是在设计师之间,还是和产品或开发沟通过程中,常出现有人在说弹窗,有人在说模态,沐鸣登录网站有人在问 “你们说的是对话框还是 popover ” 的情况。
- 用法模糊
尽管 Apple HIG 等较为权威的设计指南已经对弹窗类型做出了梳理,但这些指南主要聚焦于移动端,在 PC 端仍然欠缺弹窗设计的完整决策标准。尤其是在一些业务流程复杂的 toB 产品中,这种决策问题更为明显。
针对以上问题,杏耀注册登录网本文阐述了弹窗的概念与分类,为 PC 端弹窗设计提供了一种决策路径,并给出了相应的设计建议。
本期提纲:
弹窗概念与分类
PC 弹窗设计:5 步决策法
总结与建议
弹窗概念与分类
- 弹窗 Popup
从广义上讲,弹窗(popup)顾名思义泛指弹出的窗口,是一种信息容器。如图所示,从容器形态上划分,弹窗主要有以下几类:
腾讯出品!PC端弹窗设计五步决策法
弹窗的类型
对话框 Dialog
“Dialog” 的本义是指人与人之间的对话,引申到界面交互上,是指人与机器的互动。对话框是一种需要引起用户明确操作的弹窗。视觉上常居中于屏幕。虽然对话框可以是模态或非模态的,但由于本身视觉形式阻断感强,大多都是模态的。(关于模态的定义见下文)