优秀的 弹出对话框 设计

在UI设计时,经常会需要 设计 弹出对话框,以下是个样式设计:

说明

Title space : 标题区

contents space : 内容区

function space: 功能区

在功能区的 user decision making 箭头表示:“用户决策方向”,有两个方向 ”正向“或者”负向“ 或者说 ”肯定“和”否定“。 在这里,期望用户点击的方向,有利于用户操作的方向,为正向。

使用明显的 易于引起注意的 颜色标识 正向 的操作,更容易被关注和点击,甚至会被习惯性点击。

负向 和 可选项(Optional) 采用不已引起注意的颜色。

-------------------------------------------------

参考:书籍 《神一样的产品经理》 第270页

优秀的 弹出对话框 设计,布布扣,bubuko.com

时间: 2024-10-22 01:47:13

优秀的 弹出对话框 设计的相关文章

SharePoint 2010 Pop-Up Dialogs SharePoint 2010 弹出对话框

SharePoint 2010 Pop-Up Dialogs SharePoint 2010 弹出对话框 SharePoint 2010 使得往你的网站添加对话框内容变得出乎意料的简单.内置的功能允许你从站点任何地方抽取内容,然后显示在模态对话框中,出现在页面的前端.当它涉及到现代Web技术的时候,这就是很标准的东东啦,但是易用性是真正使SharePoint对话框变得如此引人的主要原因.本文中,我们将探讨SharePoint 2010 平台带来的对话框功能,并且我们会发现自定义内容的新方法,来给

JavaScript中的三种弹出对话框

JavaScript中的三种弹出对话框 *****本文来自互联网****** 学习过js的小伙伴会发现,我们在一些实例中用到了alert()方法.prompt()方法.prompt()方法,他们都是在屏幕上弹出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性更精彩,实际上我们经常会在进行网页浏览时简单这种类型的对话框,在用户与应用程序进行双向交流时,经常要用到对话框.avascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prom

安卓弹出对话框——Alertdialog(一)

首先看各种样式的对话框: 我们看到,Dialog有很多的子类实现,所以我们要定义一个对话框,使用其子类来实例化一个即可,而不要直接使用Dialog这个父类来构造. 二.AlertDialog 今天我们重点要来了解的就是AlertDialog对话框,我们看到,AlertDialog是Dialog的一个直接子类. 使用AlertDialog,我们可以显示一个标题,最多3个按钮操作,以及一组选择框或者是自己定义的弹出框. 这里借用android的官方文档提供的一个图来看看AlertDialog框的组成

python selenium 处理JS弹出对话框(六)

在实际系统中,在完成某些操作时会弹出对话框来提示,主要分为"警告消息框","确认消息框","提示消息对话"三种类型的对话框. 1.警告消息框(alert) 警告消息框提供了一个"确定"按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说用户必须先关闭该消息框然后才能继续进行操作. 2.确认消息框(confirm) 确认消息框向用户提示一个"是与否"问题,用户可以根据选择"确定"按钮

JS弹出对话框的三种实现方式的意义

最近开始学习JavaScript,最开始讲的就是alert().confirm()和prompt()三种JS弹出对话框.三种弹出对话框分别是警告.确认和提示消息. 第一种警告消息框 (alert)     alert 方法有一个参数,即希望对用户显示的文本字符串.该字符串不是 HTML 格式.该消息框提供了一个"确定"按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作. <script> alert("Hello

service里面弹出对话框

如何在service里面弹出对话框先给一个需求:需要在service里面监听短信的接收,如果接收到短信了,弹出一个dialog来提示用户打开. 看看效果图:(直接在主桌面上弹出) service中弹出提示框: AlertDialog.Builder alertDialog = new AlertDialog.Builder(this); alertDialog.setMessage("有新消息,是否查看?"); alertDialog.setPositiveButton("否

[Firefox附加组件]0003.弹出对话框

Firefox中使用面板(panel)模块来显示弹出对话框,面板的内容通过HTML编写.你可以在面板上运行content script,尽管在面板里的脚本无法直接访问插件代码,但是你可以在面板脚本和插件代码间交换信息.这次,我们做了一个会在单击时显示面板的动作按钮.面板上有一个<textarea>元素,用户按下return键时,<textarea>的内容会被发送给插件代码主程序.插件代码主程序会在控制台输出日志. 开发步骤 1.初始化项目,终端窗口运行以下命令. mkdir Dia

安卓飞机大战(三) 弹出对话框

在游戏时,不管是退出游戏还是选择战机,都要弹出一个对话框,需要以下代码 按一个按钮弹出对话框 Layout文件:(添加一个按钮) <Button        android:id="@+id/button1"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="准备起飞

经常使用的android弹出对话框

我们在平时做开发的时候,免不了会用到各种各样的对话框,相信有过其它平台开发经验的朋友都会知道,大部分的平台都仅仅提供了几个最简单的实现,假设我们想实现自己特定需求的对话框,大家可能首先会想到,通过继承等方式,重写我们自己的对话框.当然,这也是不失为一个不错的解决方式,可是一般的情况却是这样,我们重写的对话框,或许仅仅在一个特定的地方会用到,为了这一次的使用,而去创建一个新类,往往有点杀鸡用牛刀的感觉,甚至会对我们的程序添加不必要的复杂性,对于这样的情形的对话框有没有更优雅的解决方式呢?