网页弹窗设计规范（网页设计 弹窗）

本文目录一览：

• 1、工信部要求适老板APP禁广告弹窗,广告有多让人厌烦?
• 2、规范化入门交互设计
• 3、交互原则:交互设计7大定律详解
• 4、UI设计中,弹窗设计规范总结
• 5、工信部:要求适老版APP禁广告弹窗,这些广告弹窗会如何影响老年人?_百度...
• 6、交互组件「弹窗」设计规范

工信部要求适老板APP禁广告弹窗,广告有多让人厌烦?

1、对于浮动窗口这个让人头疼的问题，工信部专门提出，广告内容和插件不要出现在老版和分开的老版APP的界面上，广告或临时广告弹出窗口也不要随意出现。同时，移动应用中不应该有诱导下载、诱导支付等诱导按钮。

2、尤其是现在互联网中强制广告很多，存在容易误导老年人的问题，所以改造后互联网网站和手机APP完成改造后的适老版、关怀版、无障碍版本，将不再设有广告插件，特别是付款类操作将无任何诱导式按键。

3、近日，工信部集中整治APP开屏弹窗骚扰，要求68家头部互联网企业进行整改。

规范化入门交互设计

1、当一个页面内信息板块过多，或者一个信息组合中信息层级过多通过列表式设计容易使用户出现视觉误差时，卡片式的设计就再合适不过了，卡片式设计的缺点是对页面空间的消耗非常大，需要上下左右各有艰巨，就会导致一瓶呈现的信息量很小。

2、部分已有的规范内容进行升级再整理，同时根据使用场景和优使用频率，将控件分类和调整排序，这样基本上交互规范的框架就可以建立起来。

3、让按钮的触控区域和按钮的实际尺寸脱钩，这个就需要程序做支持了，这是最一劳永逸的做法，可以应对各种不同的情况，但要注意一点：触控区域代替了按钮，执行响应的任务，那么触控区域本身就应该代替按钮，执行遵守上文所说的一系列规范了。

4、面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。

5、UI 设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。

交互原则:交互设计7大定律详解

1、新乡重夫防错原则（POKA-YOKE） 本篇为中篇。 上篇《交互原则：交互设计7大定律详解（上）》席克定律介绍： 席克定律，Hick’s Law，也叫Hick–Hyman law，是以英国和美国心理学家 William Edmund Hick 和Ray Hyman命名的。

2、接近法则：泰思勒定律告诉我们，复杂性是守恒的，我们应该平衡复杂性的天平向谁倾斜，以最大限度地提高整体效益。防错原则：防错原则告诉我们，用户的错误是不可避免的，我们只能减少和降低他们犯错的可能性。

3、菲茨杰拉德定律 1954年，Paulfitz首先提出了一个数学模型来预测从任何点到目标中心所需的时间，但它在人机交互（HCI）和设计领域产生了最广泛和深远的影响。从起始位置移动到最终目标所需的时间由两个参数决定。

4、灵活高效原则 汽车油门一新手常常看不见，而且对于高手来说可以通过它快速与汽车互动。这样的系统可以同时满足有经验和无经验的用户。允许用户定制常用功能。

5、基本原则/标准 易用性易用性包括：易理解性、易学习性、易操作性。

6、频繁展示你的主旨来加深印象 6 将选项与按钮区分开来 诸如颜色，层次及模块间的对比这些视觉上的设计可以很好地帮助用户使用产品：他时刻知道当前所处的页面以及可以转到哪些页面。

UI设计中,弹窗设计规范总结

模态弹窗会打断用户的正常操作，要求用户必须对其进行回应，否则不能继续其它操作行为；非模态弹窗则不会影响用户的操作，用户可以不对其进行回应，非模态弹窗通常都有时间限制，出现一段时间后就会自动消失。

布局合理化原则 在进行UI设计时需要充分考虑布局的合理化问题，遵循用户从上而下，自左向右浏览、操作习惯，避免常用业务功能按键排列过于分散，以造成用户鼠标移动距离过长的弊端。

不对称如果轴线两侧的控件布置不再是一一对应尺寸相近，那就是不对称的设计。不对称的设计会给人明显的失衡感，可能会令人不舒服，但是也能造就残缺美，当然这要看你具体怎么做。

工信部:要求适老版APP禁广告弹窗,这些广告弹窗会如何影响老年人?_百度...

规范中明确，适老版界面、单独的适老版APP中严禁出现广告内容及插件，也不能随机出现广告或临时性的广告弹窗。同时，移动应用程序中应无诱导下载、诱导付款等诱导式按键。

工业和信息化部4月7日发布《互联网网站适老化通用设计规范》和《移动互联网应用（APP）适老化通用设计规范》。

近日，工业和信息化部在新闻发布会上首次就这个问题，决定在今后网站和APP等推出适老版，用科技的技术教会老年人对软件的使用，不失为一种妙计。

工信部在这一次的公开会议上就直接表示，在以后的老年人手机上，不能够再允许app拥有广告插件，这个规定对用户实在有天大的好处了，因为我本人就受到这些广告的影响。

交互组件「弹窗」设计规范

非模态弹窗一般被设计成用来告诉用户信息内容，而模态弹窗除了告诉用户信息内容外还需要用户对其进行功能操作。1 模态－DialogDialog对话框是一种模态弹窗，需要用户对此弹框进行操作后才能继续执行其他任务。

尊重用户使用习惯：比如：提供弹窗关闭按钮，作为安全措施；同时，提供体现便捷的交互手段，比如：点击蒙层区域隐藏弹窗、弹窗自动隐藏等。

于是决定以 iOS 官方设计指南为主要依据，并参考 Material Design 和其他相关规范，对 “弹窗” 相关的控件进行梳理分类。