手机版

百科生活 投稿

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

百科 2025-10-18 06:22:53 投稿 阅读:1364次

关于【对话框是什么】:对话框是什么(对话框形式),今天涌涌小编给您分享一下,如果对您有所帮助别忘了关注本站哦。

  • 内容导航:
  • 1、对话框是什么(对话框形式)
  • 2、一、蔬菜市场
  • 3、第二,信息传递
  • 4、第三,P2P
  • 5、第四,协作
  • 6、从弹框到标点,关于对话框的场景化探讨

1、对话框是什么(对话框形式)

嗯,比如标题,是菜市场的一声呐喊,引出了这篇文章。

2、一、蔬菜市场

最近去菜市场,总感觉有人在盯着我,时不时的叫我?

“得了吧,哎,XXX便宜卖了。”

一开始没注意,突然觉得有人在叫你。其实只是卖家的叫卖。普通的叫声并没有引起我的注意,但是为什么上面的呼叫方法给了我们建立联系的暗示?

农民市场

嘿,用来引起注意或鼓励。表示怀疑、惊讶或狂喜,或用于歌曲的叠句中,无明确含义。

在日常交流中,“你好”在某种程度上是我们在不知道对方名字或者想直呼其名的情况下,想要与对方建立联系的一种称谓代名词。当然,这在某种程度上是不礼貌的。类似的词还有“嘿~”(比如民谣里用这个语气词做开头)。而这种在菜市场随处可见的喊话,无非是利用人的潜意识对外界信息的敏感规律来设计。

微博是广播式的沟通,QQ短信等等都是对话框或者点对点的对话。通过目标定向将广播信息交互升级为点对点也很常见。比如一个社区对话,大家都在,微信官方账号滥用推送文章标题“有人@你”的伎俩!

3、第二,信息传递

随着人类社会的集群化,声音作为主要的交流工具,必然会随之爆炸。再者,围绕着群体生活,有各种带有重要信息的声音。想象一下我们的祖先群居在一起,谈论着他们自己的狩猎和水果采摘。如果每个人都时刻注意倾听来自外界的所有声音信息,那么信息量是巨大的,人们要花在信息处理上的精力就更大了。

然后,人们发明了名字,一个是为了标记你作为载体的身份;第二,作为信息在交流中指向的实体代码。Java之类的语言中也有监控机制。通常,一个听众什么也不做,只是一直听。直到听到某种“方向性”的信息,类似于一种信号,一种激烈战斗的表现。一旦听到,就执行特定的操作。然后在正确的时间做正确的事。通常情况下,你不必关注外界太多嘈杂的信息,但一旦信息指向自己,就被当作高优先级处理!

在整个人生中,只要你形成了你的自我和你对连接个人代码的认知,你就会随时随地的监控和反馈这些代码。即使在拥挤的市场里,只要有人喊他的名字,他就会立刻四处寻找喊他的人。可以看出,如果信息发送和传播有更明确的指向性,就会有更好的接收转化率。这让我想起一个例子:

遇到危险时,不要漫无目的地呼叫人群。当你向所有人喊出“救救我”的时候,此时所有人收到的信息就是。我只是群体中的一员,他求救的目标是所有人。不,我还有其他人帮他。这时候信息和责任会被人群分享稀释,这就是所谓的责任分担效应。

相反,你需要在人群中找到一个看起来很强壮并且能帮助你的人。他说:“大叔,请帮帮我”(我想起釜山行里的暖男大叔)。那么所有传递的信息都明确指向他,信息所承载的社会责任负担也由大叔承担。那么他伸手帮忙的可能性就会大大增强。

4、第三,P2P

从上面我们可以看出,在信息传播中,点对点的信息转化率更高。而漫天撒网的信息转化率低,但受众广。一个是精准投放,一个是广撒网。其实两者可以结合吗?

撒网是信息传递的范围和数量,而个性化内容在精准投放时是点对点投放。

如果是在市场上卖的,也是满场哭,只是把方向性的“过来喂”换成了叫你的名字。这是买卖双方点对点信息通道的建立,对卖家来说是极好的。但对买家来说可能是一场灾难。

今日头条是点对点传播的优质特例。它的内容是完整交付的,但特定内容只显示给符合其用户偏好的用户。这就是基于个性化推荐的内容服务。这就是我理解的P2P信息传播。不仅仅是连接的点对点交流和对话的形式,更是内容服务和消费者之间的点对点匹配。

5、第四,协作

网络技术中有对等网络,也称为P2P(Peer to Peer)技术。介绍如下:

在P2P网络环境中,多台相互连接的计算机处于对等位置,每台计算机功能相同,没有主从关系。一台电脑可以用作服务器,为网络中的其他电脑设置共享资源,也可以用作工作站。一般来说,整个网络不依赖于专用的中央服务器或专用的工作站。

对等网络

回报市场P2P信息传播以社会分工合作为目的。买卖双方在各自的社会分工中,将自己的资源转化为具体的价值,在与社会中的其他个体建立联系后,按照信息流通的方式进行适当的资源交换和流通。在这个社团的俱乐部网络中,每个点都是一个拥有独一无二的个体。失去一个点会有利益和其他驱动力让别人代替,以维持整体的平衡和稳定。

从菜市场的一声呐喊,联想到个体之间的信息如何更加定向有效,到个体之间的协作网络。信息传播说到底就是点与点之间的信息传递,点与点之间最后服务的对象是整个大集团。

让每个个体通过进化带来自己的群体属性,然后在同伴之间形成自适应的柔性协作网络。总之,一切社会现象,归根结底都是进化现象,群体现象!

作者:道菜畦

6、从弹框到标点,关于对话框的场景化探讨

对话框作为一个丰富程度仅次于父级页面视图的容器,极大地方便了我们的体验,免去了我们离开当前页面去执行任务的麻烦。虽然说,对话框会打断我们正常的流程,原则上需要慎用,但是,我觉得只要不滥用、用对了场景,它就是合适的。

下面,我们就在茫茫应用大海中,试图找寻一下「对话框」的足迹。在此之前,我们需要先了解一下什么是对话框。

「对话框」作为「弹框」大家族中的一员,要理解对话框,首先需要了解整个家族和它们的成员。

一、「弹框」大家族

说明:这部分主要介绍定义、作用、类型、优缺点、主要区别、总原则。

 对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

1.1 理解「弹框」和「模态」

「弹框」是指在原「父级视图」层级之上弹出的,用于信息反馈、任务发布的一个插入式交互控件。

「模态」是一种状态,一种提供高度集中的操作环境的状态。

弹框分成「模态」和「非模态」两个小家族,模态家族的人比较强硬,而非模态家族的人相对温柔一点。两家的主要区别:是否强制用户对其进行回应。

模态弹框:弹出时父级视图的操作被中断,用户需要首先解决弹框中的任务或者取消返回,才能去做其他事情。

非模态弹框:弹出时不会中断其他页面的功能,通常在超时或用户进行任意点击操作之后自动消失。

两者的优缺点见下表:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

弹框的存在,可以让用户立即有效聚焦于当前最紧急的信息;也可以让用户在不用离开当前页面的前提下,完成一些轻量的任务。如淘宝中选择商品详情的视图,就提供了模态化的体验,让用户能更专注于完成视图中的任务。

1.2 「弹框」的家族成员户

「弹框」家族共有7户人家,其中既有「模态」家族的,也有「非模态」家族的,它们分别是:

  1. 对话框-Dialog:Android的定义。涉及重要或有风险的操作,一般在屏幕中间位置,需用户决策。
  2. 警告框-Alert:iOS的定义。内容同「对话框」
  3. 动作栏-Action bar:对话框加强版,多个功能按钮,展示形式多变。一般从底部出现,用于选择。
  4. 浮层-Popup:界面某一区域浮出的半透明的临时视图,可展示多个选项,可出现在屏幕任何位置。如,微信的+浮层。用于选择,更具指向性。
  5. Toast:Android的非模态弹框。告知用户操作结果或状态变更,是一个文本形式消息的胶囊提示框,可在屏幕任何位置出现,不可操作。
  6. HUD:iOS的非模态弹框。提供轻量级反馈,一般居中,以文字+图标形式出现,不可操作。Snackbar:Android的非模态弹框。针对操作的轻量反馈机制,位于手机屏幕底部,一般以文本和按钮(可选)的形式出现。

具体的对比,见下表:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

整个家族成员的关系和定位见下图,每一种弹框的形式位置都不同,它们对用户的干扰也不同。

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

在熟悉了「弹框」大家族之后,我们来认识一下「对话框」这一户人家的情况。

二、「对话框」是个强硬户

「对话框」是在原「父级视图」层级之上弹出的,需要强制用户对其作出回应的交互控件。作为模态家族的成员户,对话框带有该家族的遗传密码:「天生脾气暴不好惹」。

“对话框”是其在Android平台的大名,在iOS区行走江湖时,它又叫“警告框”,我们统一称它为「对话框」。

一个标准的对话框有5大构成要素:

  1. 容器;
  2. 标题(可选);
  3. 文本;
  4. 选项;
  5. 遮罩。

如下图所示(图片来源:Material Design Guidelines)

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

「对话框」这一户共有6名主要家庭成员,他们分别是:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

每一名家族成员性格不同,但是它们都有一个共同的使命:守护自己的家园。为了应对各种突发情况,它们也在原来的基础上,发展出了各种不同的能力。

2.1 警告类 对话框

老大:警告对话框,代号“感叹号”。

感情比较丰富。一般在发生错误、问题、安全等紧急重要或有无法挽回的风险时出现,强制打断用户流程。具有5项基本能力:

  1. 信息冲突警告:信息内容有重复或冲突。比如,手机重复注册、时间不一致、重复领取优惠券、重复缴纳账单等冲突类型。
  2. 安全风险警告:出现账户、生命、财产等安全问题,或者操作后将产生无法挽回结果,比如,账号被盗风险、资金被刷风险、受伤风险等。
  3. 连接有误警告:客观因素造成的连接失败,包括网络、服务器有问题。
  4. 操作错误警告:「用户方」主观造成的操作错误,包括数值空缺直接提交、操作频繁,权限不足等。
  5. 业务问题警告:「产品方」造成的业务问题,比如,产品下架,产品停止运营的紧急通知等。

以上能力,按照「信息-风险-连接-操作-业务」组织,是根据人的认知过程「理解」-「兴趣」-「行动」的逻辑顺序。

具体应用场景如下:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

3.2 确认类 对话框

老二:确认对话框,代号“问号”。

细心思虑周全。考虑到存在人为错误或误操作,而给予用户第二次决策机会,提供反悔的余地。具有5项基本能力:

  1. 核对信息正确:保证信息的正确性。如核对金额、家庭地址。
  2. 确认身份授权:保证信息的合法性。如进行指纹验证,三方授权。
  3. 确认规则后续:保证用户的知情权。如进入直播后只能观看不能评论,是否继续;即将前往第三方;后续无法修改,不可取消,是否往下。PS:跟「功能告知」的区别:这个是动态的、流程的,并且有进一步操作。如,规则满30元才能使用,是否继续往下。
  4. 确认选择条目:保证用户的选择权。如选择男女性别,支付方式等。
  5. 确认允许操作:防止用户的误操作。如允许蓝牙共享照片,确认购买,确认删除,确认离开页面等。

以上按照「从信息到操作」的方式组织,信息既有正确性,也有合法性;有单条信息的确认,也有多条信息的选择。

具体应用场景如下:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

3.3 告知类 对话框

老三:告知对话框,也叫「提示对话框」,代号“句号”。

文静知识渊博。会帮助用户理解新功能,发现有趣的点,掌握任务进度、产品状态、操作结果,甚至监控协议政策调整。具有7项基本能力:

  1. 新手帮助告知:对于首次使用的用户,基本功能的说明。
  2. 新版功能告知:对于新版发布的功能进行告知,如个别功能的调整,如何使用等。
  3. 辅助功能告知:隐藏的、不易发现、趣味性的、不是很重要功能适时告知,增加趣味性。
  4. 结果预测告知:对即将发生的结果提前告知,一般只是告知,没有进一步的行动指引。跟「1-B_安全风险警告」相比,程度要轻,影响要小。跟「2-C_确认规则后续」相比,“告知”程度轻,以陈述语气提示不影响主流程的信息;而“确认”程度重,强调对结果及主流程的影响,以提问语气询问是否继续。
  5. 进度状态告知:与「具体业务」相关,表示当前业务的进度、产品状态的变化,如外卖订单的状态,电商拼单状态、设备账户状态、打车业务变化状态。
  6. 操作完成告知:与「具体业务」相关,表示操作完成后的成功或失败告知,分成两小类:(1)只注明事项,没有引导行为;(2)带有引导操作行为的。
  7. 业务调整告知:协议政策的更新、个别业务的调整、第三方的免责声明

按照「基础功能」—「具体业务」—「政策法规」的逻辑组织顺序。

具体应用场景如下:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

3.4 引导类 对话框

老四:引导对话框,代号“逗号”。

好动漂亮口才好。主要针对于分支流程,因为用户的需要、后台的需要、运营的需要,而希望用户去完成的一系列任务。具有4项基本能力:

  1. 新手操作引导:基于用户的认知能力的不同,对于新功能、新用户的操作引导。区别于前文的「3-A_新手帮助告知」,这个有具体的操作选项引导,而告知只是提醒,没有行为引导。
  2. 功能流程引导:基于后台的业务需要,对于一些分支功能的引导,包括绑定手机号、身份证上传、权限使用、信息更新、版本更新、产品评价等。
  3. 贴心智能引导:给予用户更好的体验,提供主要功能以外的贴心帮助,比如,自动展示粘贴的文本,自动记忆之前的浏览位置。
  4. 运营手段引导:基于运营活动的需要,提供附加的增值功能引导,比如,引导开通指纹,引导续费,引导兑换、引导评价、引导阅读等。

具体应用场景如下:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

3.5 输入类 对话框

老五:输入对话框,代号“冒号”。

爱好写字记录。对于一些沉浸式或者简易型的任务视图,需要做一些简单的信息录入,假如跳页又过于繁琐,这时可采用输入对话框。一般使用较少,因为手机空间本来就有限,对话框空间更小,不方便输入。它具有2项基本能力:

  1. 安全验证输入:用户身份验证,比如,手机号、验证码、支付密码等。
  2. 文本备注输入:文字的录入。比如评论,付款备注等。

具体应用场景如下:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

3.6 全屏类 对话框

老六:全屏对话框,代号“省略号”。

爱做梦少年。一些需要沉浸感和强表现力的简易任务可使用,从而不需要在页面间切换,方便快捷,但应用得比较少。具体应用场景如下:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

终于介绍完了「对话框」一家的6位主要成员,那它们成员之间的关系怎么样呢?

三、「对话框」成员关系

对于6位「对话框」按照轻重缓急的排序是:

警告类 > 确认类 > 告知类 > 引导类 > 输入类 > 全屏类

根据它们的代号也可以判断「对话框」的归属:感情强烈的属于警告框;询问语气的属于确认框;不带情感色彩的陈述语气的表示高职类;话说了一半,有进一步行动的就是引导框;需要调用键盘的就是输入框;而全屏在父级视图上堆叠的,就剩下全屏框了。

具体的关键识别特征:

  • 警告类:感叹。程度最重,有无法挽回的风险。
  • 确认类:疑问。主干任务。
  • 告知类:陈述。静态的。提示为主,无引导操作。
  • 引导类:继续。分支任务。动态的。引导操作为主,适当提示。

每一类对话框拥有的场景能力,见下图:

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

四、「场景归类」的实际意义

主流平台设计指南告诉我们,模态弹框会打断用户当前操作流程,所以「使用弹框要克制」。总原则是:能在界面展示就不用弹框,能用非模态弹框的就不要用模态弹框。

具体的使用原则有:

  • 弹框使用尽量克制;
  • 文字需要精简,使用行为召唤动词。
  • 注意区分复杂任务和轻量任务,选择对应的弹框类型。
  • 反馈要及时。
  • 可使用引导帮助选择。

也许,根据以上「弹框」的设计原则,我们就能把「对话框」设计得符合平台规范和设计开发需求。过程中,我们还会根据「控件样式」来定义「对话框」的规范,比如:

  • 是否有标题?
  • 是否需要换行?
  • 是否多于两个选项?
  • 是否有图标?
  • 是否有输入框?

比如,以下分别是微信小程序和Ant Design中定义的对话框规范。

对话框是什么,微信对话框是什么(关于对话框的场景化探讨)

这样的定义既保证了控件设计的一致性,也避免了我们重复设计,有利于开发对同一种类型对话框的的多次调用。

而这里,我们从另一个视角——「使用场景」将对话框再次定义。

在设计过程中,我们都是在了解了用户心理,明确产品意图和使用场景的基础上,展开我们的工作。「对话框」是我们用户体验地图的服务触点之一,它们串联起了用户的场景故事;这些故事使我们的设计有源可考。根据「使用场景」定义,也更利于我们的设计发散思考,更符合我们“以人为本”的设计思维,保证产品的易用性和可理解性。

以下是对应场景的对话框的样式:

本文关键词:窗口和对话框是什么,临时对话框是什么,腾讯会议显示视频预览对话框是什么,windows的对话框是什么,对话框是什么。这就是关于《对话框是什么,微信对话框是什么(关于对话框的场景化探讨)》的所有内容,希望对您能有所帮助!

本文链接:https://bk.89qw.com/a-316277/

最近发表
网站分类