赞助商
立即赞助

超多案例!超全面的提示框设计总结

UI设计3年前 (2021)发布 流光
2.8K 0 0

章分享了弹框都有哪些,及弹框应该怎样使。

前言

任何一款应程序都了示。当我们需要告知户某些特殊消息时就会到弹框,但是户在执行一系列连续作时突然被一个示打断,这样就会影响到用户体验。所以,什么况下应该提示用户,怎样提示能减少用户扰?下面我整理的一些关于消息提示的使用方法,分享给家。

告知类弹框

超多案例!超全面的提示框设计总结

般用于告知用户某类消息,用户需再做出选择,击「我知了」后,弹框消失。

操作类弹框

超多案例!超全面的提示框设计总结

一用于告知用户某类消息,需要用户在种选择中做出选择,其中如果涉及无法恢复的执行操作,需要殊理用于警示用户,比如按钮上文字颜色殊理或者二次确认。

有勾选的弹框

超多案例!超全面的提示框设计总结

一般用用户首次使用应用程序时阅读并同意用户协议,同意此协议的勾选框默认是不勾选的,需要用户手动勾选「同意」才能点击「继续」,否则「继续」按钮是置灰的,无法点击。

多产品在真正投放市,会涉及多法律协议和法律条款。对于用户而言,这些条款内容比较专业,内容也多,多用户不会点击进去查全部的详细内容,但是对于公而言,这些协议和条款就重要,是必须存在的。所以在交互计上就需要多加考虑,怎的交互方式既能保证可以让用户见并知晓,能不干扰用户。

有需要交互设计师注意,关于法律条款查看,除了用户在首使用应用程序时可以查看具体内容,在应用其他地也应该提供法律条款入口,以便用户可以随时查看。

多选择弹框

超多案例!超全面的提示框设计总结

当用户可以有三种选择的候,弹框的式如上。最常见的就是在给应用程序做出评价的候,这需要注的是三种选择的顺序排列,一情况下会把最想让用户做的放在第一位,最不想让用户做的放在最后一位。当然,在体的项目中还要体情况。

底部弹框

超多案例!超全面的提示框设计总结

种提示的内容及操和普通弹框是一样的,只不展现形式上有变化,弹框是从界面底部展示出来。

这种提示方式可以减少弹框出现在界面中间给用户带来的干扰,但是使用此种提示的候需要注,你的交互计文档需要保持交互的一致性,就是最好不要出现界面中间弹框和底部弹框混的情况,这用户体验会大折扣。

toast提示

超多案例!超全面的提示框设计总结

一般用执行一个动的反馈,成功或失败,等待或结束,异常提示等。种提示没有弹框么强烈,展示1-2s自动消失,只是告用户当前程序的状态,不需要用户的互动操,对用户的干扰很弱,以展示在界面的任何位置。

有候等待过长,可以加入情化计,计出一些有趣的内容,减少用户等待的烦躁。

toast提示

超多案例!超全面的提示框设计总结

类的消息提示比弱化,用告用户某信息,提示内容显示1-2s自动消失,不需要用户互动操,消息内容放置在界面上方以免遮挡住界面主内容,而且在提示的程中,界面上的功能仍支持操。

此类提示需要注文字不宜过多,需要简。如果文字过多,用户还来不及查就消失了,这的提示就没有任何义了。

超多案例!超全面的提示框设计总结

这种提示较前一种多了动关闭功能,一用于消息内容比较重要,需要用户参交互中的情况。

广告弹框

超多案例!超全面的提示框设计总结

一般用告营销活动的宣传,用户在刚打开应用程序的时提示,需要用户手动关闭。点击查看详情以查看更详细内容。

这种提示框占据界面的面积比普通弹框大一些,对用户存在一定干扰。为了减少干扰,需要和视觉计一起完成这个提示计。

版本升级弹框

超多案例!超全面的提示框设计总结

一般用应用程序有新版更新时,用户在刚打开应用程序的时提示,用户以查看版升级的功能选择立即升级或者其他。当,种样式不仅版升级,当提示文字时,均以使用。

界面右上角的关闭可显示也可不显示,大家可以体项目情况。

全屏弹框

超多案例!超全面的提示框设计总结

一般用应用程序刚启动时,内容通常是告活动,先为主,在视上给用户一印象。

此界面一最多停留5s,所以建议不要做过多计内容,文案也不要过多,突出主题即可,否则用户还来不及阅读就结束了。

用户活动不感兴趣时也可以快速跳过,击界右上跳过按钮即可。

全屏弹框

超多案例!超全面的提示框设计总结

这种全屏展示一用于动画展示,有趣的动画可以非常有效的吸引用户,可以用于介绍产品的新功能、核心功能,如果用户兴趣的话,还可以选择重播,再一遍。

品定位不,宣传然也不样,我们在做交互设计时候可以不拘于常规设计,也可以在常规设计基础上发散思维,多样化设计。比如上这宣传,我们是否可以增加转发到不社交平台功能,过新颖功能去吸引更多用户。

最后

大家论使用哪提示,定不要忘了使用提示初衷是什么,定要使用提示框吗?其,提示框文内容要保持风格,文案要精简,意思表要晰,这样才能保证应用程序体风格,而也会自己品加分。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@豁牙子的阿昕 :准备就要过年啦!在过去的一年,设计神器小分队分享了很多字体资源库。让我们在面对甲方爸爸变幻莫测的需求...
字体网站
为空页,简单理解就是当前页面内容为空白,分别会在初次使用、完成或清空内容、出错的情况下出现。本文将简要阐述关于「腾讯...
ui设计
进行了2个多月的APP大改版即将结束,为此产品技术团队真的是尽心尽力,猛追猛赶,非常辛苦。然而越是大项目,越需要在结束时...
App改版
当你需要展示一段持续提示,却又不想打断用户操作。用 Dialog 弹窗会打断用户操作,Toast 又不够明显,Snackbar 会自动消失,...
Banner
网易UEDC – 仉长娟 :从事 B 端产品交互设计工作的半年时间里,有幸接触了面向开发和运维人员的 B 端业务类列表交互设计工作...
Web设计
设计冲刺最早由谷歌提出针对带领团队快速做创新设计并验证设计的基本流程。下面通过这篇文章,带着大家来感受我们这次设计冲...
世界杯
王M争:用户在使用产品过程中,难免会犯错。一个好的产品可以降低用户犯错的概率,并且提升错误被解决的效率。通俗点说就是帮...
容错性
编者按:看似简单的登录框,暗藏了多少值得推敲的用户体验?这10个细节,就是你和设计高手的区别。 技巧1:更明显 你不应该让...
实用技巧