写点什么

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

  • 2019 年 12 月 31 日
  • 本文字数:731 字

    阅读完需:约 2 分钟

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

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


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


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


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


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


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


2019 年 12 月 31 日 14:44261

评论

发布
暂无评论
发现更多内容

虚拟化管理软件比较(Eucalyptus, OpenNebula, OpenStack, OpenQRM,XenServer, Oracle VM, CloudStack,ConVirt)

hanaper

私有分布式账本技术还是公共区块链?

Geek_987812

[ Golang 中的 DDD 实践] 值对象

baiyutang

golang 设计模式 领域驱动设计 DDD 10月日更

100台机器上海量IP如何查找出现频率 Top 100?

秦怀杂货店

IP 海量数据 top

用时三个月,阿里P8大佬总结出来的最深《Java性能优化全攻略》限时分享!

Java 架构 面试 程序人生 编程语言

Serverless 工程实践 | Serverless 应用优化与调试秘诀

阿里巴巴云原生

阿里云 Serverless 云原生

强化学习RL AWS 自动驾驶DeepRacer ROS 架构 易筋 ARTS 打卡 Week 71

John(易筋)

ARTS 打卡计划

使用 Ansible 部署 Elasticsearch 集群

Se7en

阿里P8最全总结PDF:Tomcat+虚拟机+Spring全家桶+MyBatis源码等

Java 架构 面试 程序人生 编程语言

接棒运动赛事!工厂里也有热血竞技?

白洞计划

MyBatis 批量插入数据的 3 种方法!

王磊

Java mybatis springboot

在线2-36任意进制转换工具

入门小站

工具

VNC服务安装配置与使用

耳东@Erdong

10月日更 vnc

看完阿里大牛的数据结构学习笔记,我直接手撕了500道Leetcode题

Java 程序员 架构 面试 算法

如何区分封闭图形的内部和外部

Changing Lin

10月日更

最长回文子串 -- 三种解答

秦怀杂货店

数据结构 算法 最长回文子串

【Vuex 源码学习】第九篇 - Vuex 响应式数据和缓存的实现

Brave

源码 vuex 10月日更

还在郁郁寡欢?啃完666页Java面试高频宝典,十月保你定级腾讯T3-2

Java 架构 面试 程序人生 编程语言

以太坊的黄金时代:模块化的区块链范式的开端

Geek_987812

看山聊 Java:检查日期字符串是否合法

看山

Java 10月日更

架构实战营模块九作业 - 毕业设计

王晓宇

架构实战营

“区块链+农业”推动产业“提档升级”

Geek_987812

linux之iftop命令

入门小站

Linux

都2021年了,还在算法上折跟头?这本《字节跳动面试必问算法秘籍》送给你!

Java 架构 面试 程序人生 编程语言

内网域渗透分析(实战总结)

网络安全学海

网络安全 信息安全 渗透测试 WEB安全 漏洞挖掘

设计微博系统中"微博评论"的高性能高可用计算架构

Rabbit

【LeetCode】无重复字符的最长子串Java题解

HQ数字卡

算法 LeetCode 10月日更

自我提升:高效能人士的 7 个习惯学习笔记(二)

程序员架构进阶

效率 自我管理 自我提升 10月日更

新一代容器平台ACK Anywhere,来了

阿里巴巴中间件

阿里云 云原生 中间件 ACK ACK Anywhere

偷瞄大佬书签栏,16个C++必备学习网站,建议收藏

奔着腾讯去

c++

重置不良的编程陋习

devpoint

编码习惯 10月日更

聊聊IO夯的那些事

聊聊IO夯的那些事

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