童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

关于弹窗四大控件的3个问题

10月2日 小米粒投稿
  本文作者对弹窗4大控件进行了对比分析,非常好地阐释了不同控件的应用场景,并通过案例进一步加深了对控件应用的理解。
  大家平时做完一个项目有没有总结的习惯呢?最近我一直在分析弹窗相关的知识点,原本觉得弹窗很简单没啥可分析的,大家基本也清楚什么情况下该用什么弹窗,但是发现一些同学在设计时仍然会出现滥用的情况,主要原因还是知识没有内化。
  如何才能把看过的文章内化成自己的知识呢,那就是多发现问题,比如之前我在写弹窗的总结文章时就发现了3个问题:
  问题一:警示类弹窗用Alert好还是ActionSheets好?
  问题二:Toast的位置在界面顶部、居中、底部都有,三者哪个好?
  问题三:Snackbar和Toast有啥区别?
  当然发现问题并不能达到知识的内化,重要的是去分析并解决这些问题,这样以后在设计时就能做到有理有据,不会滥用了。
  一、了解四大控件
  谈问题之前我们先了解写这些英文控件分别代表什么:Alert(对话框)、ActionSheets(控制面板)、Toast(小提示)、Snackbar(快捷提示)。
  Alert:对话框是一种模态弹窗,当用户将进行一些危险或者不可逆操作时,系统将会以Alert对话框的形式提醒用户是否还继续操作,起到警示的作用,其阻断感强,操作不可忽略。
  ActionSheets:控制面板是Alert的一种延伸,也是模态弹窗,用户必须进行操作,弹窗才会消失,和Alert的区别是ActionSheets拥有更多的功能按钮,其重点在操作。
  Toast:是一种非模态弹窗,他一般出现在页面的任何位置,显示几秒然后自动消失,其阻断感弱,一般用来显示操作结果,或者表单未填写提示。
  Snackbar:是GoogleMaterialDesign中提供的一种兼容提示与操作的消息控件。其和Toast类似,在不操作的情况下几秒后自动消失,同时向下滑动也可忽略消息。
  二、界面位置的强弱
  通过分析上面提出的三个问题,不难看出其实就是位置强弱的选择,因此在解决问题之前,我们先来了解下APP界面中位置的强弱对比。
  一个界面我们可以将其分为上中下三个部分,如下图:
  其中中间部分为用户的视觉焦点,最吸引用户的注意,当然对用户的干扰也比较大,因此在使用时往往将重要的弹窗信息放在此处,比如对话框、二次确认等。
  上下两个部分的权重相当(上部略大于下部),对用户的吸引和干扰都小于中间,因此我们可以把通知、不太重要的操作放在这两个位置。
  三、解决问题
  了解了界面中位置的强弱,我们在回到最初的问题,就能更好的判断了。
  1。警示类弹窗用Alert好还是ActionSheets好?
  在一般的Alert和ActionSheets的对比文章中,大多区别是ActionSheets可以包含更多的按钮,同时暂用空间小,而Alert一般只支持2个按钮。
  但是当都是警示类弹窗、都只有2个按钮又该如何判断呢?这时候就可以通过弹窗的强弱来判断。
  微信提倡用完即走,因此当用户退出时并没有做过多的挽留,这时候我们可以使用ActionSheets控件,其阻断感小,用户能很快的完成退出操作。
  QQ从弹窗的文案上我们就能看出,当用户退出时连续登陆的记录将被清零,QQ达人图标变灰,通过这样的方式尽力挽回用户。因此采用Alert对话框阻断感更强,更合适。
  2。Toast的位置在界面顶部、居中、底部都有,三者哪个好?
  Toast的位置从常规来看,安卓端一般在界面底部;iOS端在界面的中部,但并不是所有产品都遵循这一原则。
  有的产品也将Toast放在顶部,同时iOS中也有部分APP放在底部。那么具体什么位置好一点呢?同样我们可以根据位置的强弱进行分析。
  淘票票选择电影最佳观影区提示,这些提示信息对用户操作并没有影响,因此放到中部可以减少对用户的阻断感,同时相对底部来说又更容易被注意到。
  菜鸟裹裹当为选择收件人地址时,点击立即下单系统会采用Toast提示你,这时候放到界面中间能够很好的引起用户注意。
  猫眼的选座提示,其实和淘票票一样的功能,但是其放在界面底部,对用户的干扰最小。
  3。Snackbar和Toast有什么区别?
  在应用时Snackbar和Toast有点类似,现在也可以看到一些APP已经将Toast换成了Snackbar,那他们有什么区别呢?
  Snackbar和Toast的一样有时间限制,若用户不回应,他将在几秒后自动消失,其区别是Snackbar提供一个或者2个功能按钮。
  AudioClip当我选择标记音乐时,他直接用Snackbar提示需要登录,这样并不会打扰用户当然的操作,如果用户不想登录,直接忽略即可。
  划重点
  当你不知道用Alert还是ActionSheets时可根据弹窗的强度来选择,如果强度大就选择Alert,强度小九选择ActionS
  Toast在使用时首先可根据平台规范来选择,其次在部分位置可根据具体场景来放置;
  当反馈信息不需要太强的阻断感时,采用Snackbar代替Toast也是一个不错的选择。从用户体验上来说,用户操作起来会更顺畅。
投诉 评论 转载

看一个武侠故事,明白权限的那些事儿在武侠故事里,功能权限和数据权限体系的解说由“李平”之口娓娓道来。01:大理寺官衙的一棵古树下,一位青衣书生正拿着一篇案牍在读。丝丝凉风吹过,腰间的半片古玉随风飘荡……轻教育知识服务行业的破局之路本文从3个角度入手,分析了传统教育模式和互联网教育模式的不同利弊,探索了新的破局方向,即轻教育能成为突破知识服务行业瓶颈的路径?从2018年下半年起,知识服务行业面临了增……OTA实战分解(1):快速阅读API及场景应用如何快速阅读一个API并且转化为线上场景应用,这应该是产品经理尤其是B端产品经理必备的技能。本系列文章将从笔者亲身的一些OTA旅游产品对接经历入手,分享一些踩过的坑,背过的锅。……海外销售业务流程分析:产品继之前讲述的海外销售业务流程中的客户管理部分,笔者将继续来讲讲海外销售业务流程中的产品部分。一、SPU及SKU销售系统同样离不开产品,以“货”为中心,即要管理好销售……关于数据埋点,你需要了解这些基本知识本文作者从工作实践出发,梳理总结了关于数据埋点的相关基本知识,与大家分享。产品汪每天都在和数据打交道,你知道数据来自哪里吗?移动app端内的用户行为数据大多来自埋点……关于弹窗四大控件的3个问题本文作者对弹窗4大控件进行了对比分析,非常好地阐释了不同控件的应用场景,并通过案例进一步加深了对控件应用的理解。大家平时做完一个项目有没有总结的习惯呢?最近我一直在分析弹……订单履约:商品配送时效如何展示?本文将为大家介绍不同平台计算配送时效的方式,以及订单履约过程中的种种与配送时效相关的问题。天天问问题:《“次日达”、“半日达”和“1小时达”“2小时达”真的会影响你的购买……弹窗设计的基本样式和10大应用场景作者对弹窗的基本样式进行了分析梳理,并总结了使用上需要注意的要点,与大家分享。在设计Dialog弹窗时,我们大多时候直接拖控件,直接提交一个基础的规范给前端,甚至只是给几……类图是怎样炼成的?类图可以用来展示类的结构和与其他类的关系,是一个重要的结构建模的工具。01:学过UML的人对类图想必都不陌生,作为结构建模的核心工具,类图充当着沟通现实世界与概念世……iOS13,暗黑模式不是所有产品都适合iOS13带来暗黑模式,这样的设计对于用户体验有什么作用呢?产品如何要适配暗黑模式,有哪些问题需要注意呢?其实是想更新一篇长文,但是呢,为了让自己看起来经常更新,所以我把……如何从0到1打造一款AI产品?随着AI技术的不断发展,我们看到有越来越多成功的AI产品被研发出来,它们有效地改善了人们的生活与工作。在这样的背景下,AI产品设计正在成为一项重要的技能,被人们所关注。笔……掌握四个交互方式,提升用户体验交互设计常常出现在产品经理的工作中,关乎用户体验的交互设计可以从哪些角度进行优化呢?产品经理经常会提到交互设计这个词,那么什么是交互设计呢?交互设计,又称互动设计,……
传达出设计的“灵魂”关于设计文档的分析产品付费设计Axure之复用减少你服务中的痛苦服务于优质的网站设计客户从IPv6到物联网:下一代用户体验设计用户研究的有趣案例和轶事产品思考:硬币的两面传达出设计的“灵魂”关于交互文档的分析中国移动设备用户体验调研报告案例减少用户的思考Gmail的界面设计互联网产品经理常用软件及工作平台
孩子成为高度近视的4个阶段,你知道吗?《摄影师》经典读后感有感迪迦奥特曼剧中那些惊为天人的小姐姐,小时候光看迪迦打怪兽了行纪房屋买卖合同有哪些关系长沟钓鱼怎样打窝长沟钓鱼什么位置好三个维度看华为梅诗呈六四叔周宁:地方门户该如何改革媒体角色?热议聚热点网 数码知识华为Mate10Pro防水吗防水等级防水功能效果Win8本地IP地址根据路由器情况完美设置方案婴儿车越宽大越好吗家的方向作文1200字

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界