B 端产品设计中,弹窗可以做哪些事情?(一)

阅读数:3 2019 年 12 月 31 日 14:44

B端产品设计中,弹窗可以做哪些事情?(一)

在设计 B 端产品时,产品经理和设计师总会为写一个问题争执不休:在有限的页面空间,是否还能放些什么?而弹窗它可大可小,且能在当前二维页面之外衍生无限的空间,几乎可以做到所有页面能做的事,同时对于开发来说随便在 html 中加一个和一句话就能生成一个最简单的提示弹窗。是的,在产品设计中,弹窗真的太“方便”了!

或许正因如此,弹窗可能是产品设计中最被滥用的一种常用控件了。如果用户打开一个链接或是按钮后充斥的是一层层的弹窗,用户会感觉你的产品太复杂太难用!更糟糕的是,有的产品会很粗鲁的弹出各种“提示”、“警告”,还需要强制用户去点击或关闭——可能设计者以为这种”温馨提示“是“已用户为中心”,但很多时候我们完全可以以一种更为温和的方式来提醒用户(如 toast、悬停浮层、输入框旁边的橙色文字等)。了解弹窗有哪些类型、可以做什么,能够帮助我们在设计时做出更合理的决策。

弹窗,是一种“展现于页面之上的一种信息容器”,在 x、y 轴的平面空间之外扩展了页面的维度和深度,它是一种比页面更灵活的信息容器。细分下来会有很多类型,但并没有一种很明确和统一的叫法。在移动应用流行以前的网页设计中,有对话框(Dialog)、警示框(Alert)、弹出层、弹框、浮层(popup)、气泡……现在,因为响应式设计和多平台统一的趋势下,甚至也有将 android 的 toast 提示、Actionbar,以及 ios 的透明指示层(HUD)和也算作是“弹窗”的一种。同时,非模态各种浮层和窗口,类型和用法千差万别;鉴于此,我在这里重点探讨我们在 B 端产品(PC 端)中常用的传统意义上的“弹窗”。

以功能和用途为维度,笔者将弹窗分为三种类型:信息展示、任务、反馈。

本文转载自 Think 体验设计公众号。

原文链接: https://mp.weixin.qq.com/s/pRvR6B2qK7nraKxCESdc3A

评论

发布