触摸屏除开工控在生活中还有哪些重要的应用场景？你不可能没见过
触摸屏技术在现代生活中已经广泛应用，涵盖了许多领域和设备。
人机界面（HMI） ：触摸屏被广泛用于工业控制系统的操作面板，提供直观的用户界面，使操作员可以通过触摸进行设备控制、监视过程状态和调整参数。
生产线监控 ：触摸屏用于监控和管理生产线的运行状态、生产数据和设备性能，从而实现生产过程的实时优化和控制。
自助服务终端 ：在银行、机场、餐厅等场所，触摸屏用于自助服务终端，如自动取款机、自助点餐机、自助登机柜台等。
信息互动展示 ：在展览、博物馆和科技馆中，触摸屏用于交互式展示，让观众可以通过触摸屏查看详细信息、播放视频或进行互动体验。
医疗设备 ：在医院和诊所中，触摸屏被用于医疗设备，如医疗信息系统、电子病历系统、手术室控制面板等。
教育和培训 ：触摸屏设备在教室、培训中心和图书馆中广泛应用，帮助学生进行互动学习和多媒体教学。
家庭和消费电子 ：智能家居设备中的触摸屏，如智能家居控制面板、智能音响等，使得用户可以轻松管理和控制家庭设备。
触摸屏技术的应用不断扩展和创新，已经成为现代生活中不可或缺的一部分，极大地便利了用户的操作和互动体验。
组件详解｜弹窗、抽屉、折叠面板，用法有什么区别？
本篇文章，作者将分析弹窗、抽屉和折叠面板三个组件的用法特征，并对这三个组件的使场景提供对应的使用建议，能给产品设计的伙伴提供一些参考，希望能对你有所帮助。
同样都是交互反馈组件，你可能会想：弹窗（Modal）、抽屉（Drawer）和折叠面板（Collapse）的区别是什么？有哪些特定的使用场景？
本文就来详细分析下这三者的区别和联系，帮助你做好应用。
一、弹窗 Modal
弹窗（Modal）也被叫做 “对话框” ，当需要用户处理关键的事务、又不希望跳转页面打断用户的工作流程时，可以在当前页面正中打开一个浮层，承载相应的操作。
其用法特征是：
需要呈现的内容篇幅相对较少 。常用于针对某些内容进行补充说明 、需要用户处理关键信息 、重要的警告提示 等，不会跳转页面而打断用户的操作流程。通常是由系统触发 （对用户来说属于被动接受 ）。对于弹窗的整体高度和宽度，并没有绝对的标准或规定，你可以根据页面的视觉舒适度和功能需要自行确定。整个产品的弹窗尺寸应尽量保持统一、有规律 。二、抽屉Drawer
抽屉（Drawer）是从屏幕边缘滑出 的浮层面板。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到到原任务。
在一些场景中，该组件可以使用两个层级 ，第二层抽屉可以由第一层抽屉中的内容唤起。关闭时需要按顺序 一层层关闭。
不推荐使用两个以上层级的抽屉：
其用法特征是：
树需要呈现的内容篇幅相对较多 ，样式也更为多样 。常用于针对某内容进行补充说明 ；展示不紧急 的细节信息；进行信息补充编辑 等。不会跳转页面而打断用户的操作流程。通常由用户触发 （对用户来说属于主动唤起 ）。对于抽屉的整体高度和宽度，并没有绝对的标准或规定，可根据页面视觉和栅格框架布局自行确定。整个产品的抽屉尺寸应尽量保持统一、有规律 。三、折叠面板Collapse
折叠面板（Collapse）是可折叠 / 展开的内容呈现区域 。在一些场景中，该组件可以使用两个层级 ，也即在这部分内容区域中可以嵌套 一个新的折叠面板：
其用法特点是：
对内容进行分组和归类 ，保持页面整洁。对次要 / 不需要完整阅读 的内容进行隐藏，缩短页面，提高屏效 ，减少用户的滚动操作。当折叠面板中的内容长于网页窗口高度时，整个折叠面板应垂直滚动。尽量不要在单个折叠面板内垂直或水平滚动 。默认状态下是收起状态 ，有的场景中也会默认展开第一条 ，其余几条可默认收起。四、使用建议
1. 关于使用场景
弹窗 Modal：常用于重要警告、关键信息 提示和紧急 信息处理；通常是由系统触发 。抽屉 Drawer：常用于补充详细信息 、展示和编辑 内容，呈现非紧急信息。通常是由用户触发 。折叠面板 Collapse：常用于分组归类、次要 内容，用于提高屏效 。通常是由用户触发 。2. 不建议仅用内容篇幅来判断使用哪个组件
假设我们规定多于 5 行内容的反馈用抽屉，少于 5 行则用弹窗，那么很有可能会导致在同一个页面中，点击相同类型的功能时，一会儿弹出的是弹窗，一会儿则是抽屉。
因此仅用内容篇幅作为判断依据会对用户预期 造成一定的困扰，也会给产品的交互反馈一致性 带来问题。
专栏作家
元尧，微信公众号：长弓小子，人人都是产品经理专栏作家。一线互联网大厂B端体验设计师，清华大学美术学院本硕连读。曾负责国内最大开源组件库Ant Design组件的设计和运营工作，目前负责国际业务线B端产品体验设计和组件库的搭建工作。
本文原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自 Unsplash，基于 CC0 协议。
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
相关问答
控制 面板 的主要作用是什么?控制面板是Windows图形用户界面一部分,可通过开始菜单访问。它允许用户查看并操作基本的系统设置,如添加/删除软件,控制用户帐户,更改辅助功能选项。一、打开...
生态板的 应用 领域 有哪些 ?在今年更多的生态板大品牌都将零甲醛添加的植物大豆胶应用于生态板中,因此在基于从前使用E0级环保胶粘剂的基础上,生态板的健康保障更上一层楼。毫不夸张的说...
各种显示屏 面板 区别?1.对比传统LCD,AMOLED屏幕非常薄,并且可以在屏幕中集成触摸层,做超薄机更有优势。2.AMOLED自发光,单个像素在显示黑色时下不工作,显示深色时低功耗...2、可视...
想买显示器，但是参数、 面板 类型搞不懂， 有哪些 显示器推荐吗?如果大家有留意超能网的CES系列报导技嘉篇的话,相信都知道技嘉今年会推出一个新系列的显示器,那就是GIGABYTE系列。相对于一直以来的AORUS系列来说,GIGABYTE系...
ps里面的图层 面板有 什么用呢?PS图层是学习PS必须知道并且最基础的知识点。说简单点,PS图层面板就是编辑图片时候的一个内容管理器。它将我们编辑的所有元素分离开,并叠加显示在一个视图上...
【塑料的种类和用途】作业帮[回答]常用塑料品种性能及用途1、聚乙烯:常用聚乙烯可分为低压聚乙烯(HDPE)、高压聚乙烯(LDPE)和线性高压聚乙烯(LLDPE).三者当中,HDPE有较好的热性能、...
什么 面板 的显示器好?液晶面板主要分为2大类:TN和广角面板,TN类面板生产技术成熟,良品率高,价格便宜,缺点是视角小,色彩只能达到16.2M色,不利于色彩的还原。广角面板则依此分为...
windiws11安全中心有什么用?windows安全中心是windows系统的一个安全综合控制面板,包含有防火墙状态提示,杀毒软件状态提示,自动更新提示等系统基本安全信息。1.平时使用电脑,一般都...
电脑的CDEF盘分别是用来放什么的-ZOL问答开始--运行--输入gpedit.msc---用户配置---windows组件---windows资源管理器---防止从我的电脑访问驱动器打开属性面板选中,选中已禁用选项,单击确定。再找.....
打开手机，翻过有图标的主屏幕之后，出现的页面，叫作什么?下拉通知栏面板可在此页面进行快捷开关操作,应用通知也在此页面显示。点击按钮可开关WiFi,移动网络,震动等功能。空白区域显示应用通知,短信,等信息,点开...
