恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
弹窗的那些小细节,你懂吗?【app篇】
0.0°
2019-12-18 原创文章 经验/观点 举报 860 2 2 0

概述:全面屏的到来,也催生了一系列的设计上的探索,模态窗口不能不谈。那么模态窗口是弹窗吗?毋庸置疑模态窗口一定是的,弹窗是一个为激起用户的回应而被设计、需要用户去与之交互的浮层。


弹窗的类型可以大致分为模态窗口和非模态窗口两种。


模态窗口是对用户的操作路径进行打断进行提示是一种强提示页面的层级上比较高,作用是对用户的操作路径进行强干预,使能够引起用户的高度的注意,在app 中一般不会随便的乱用,出现的次数太多很影响用户的体验,产生焦虑感。一般都以浮层的形式进行弹出。


非模态窗口是一种相较于模态窗口而言提示性比较弱产生的干扰比较少,对用户的操作路径一般不会产生割裂式的打断。在页面中的变现比较轻,是一种及时的反馈出现的时间比间短,大概就几秒钟所以对用户的干扰比较小。


模态窗口

首先我们来聊一下模态窗口的种类型。



1;运营类弹窗

这种主要是以图文为主想引起用户的足够重视,有的专注于拉新,有的专注于近期做的活动等。

比如bilibili每次进入都会弹出一个窗口提示推出的青少年模式,对未成年的成长也是做到的极致的呵护,产品主要想传达产品还有这个功能,希望用户能够选择合适自己的模式,达到符合规定的目的。

这种在启动时用户在等待内容弹出的面板的做法相对于在操作过程中对用户的的操作进行打断体验好的多,并且弹出的内容是关乎用户下层的内容,并产生一种内容的一致性所以对用户来说体验会相对好一些。


2内容类弹窗

以确认框框和内容为主不会有图片,主要展示内容为主

比如网易严选新用户的条款的弹窗,一般都会有操作按钮的两个选项,用以请求用户的确认。




这种弹窗的主要是为了请求用户的确认,以达到操作继续的作用。很多产品都会有这个,主要目的还是在进入希望用户能够专注于内容,但是一般用户都没有耐心去认真的阅读条款。


3浮层类弹窗

这类主要是以半浮层和全浮层为主,作用很明显全面屏的时代为了应付单手操作的痛点。

这类浮层的的特点是操作内容在下半屏更容易进行操作,交互更加高效和便捷页面的转场也更加符合用户的心智模型。


boos的属于全屏的浮层。这类浮层的特点是对上一个页面的内容的补充,属于第二层级。在顶部留出上一级页面对的状态条不让用户产生迷失感,并提升用户的识别度,提升用户在页面的跳转流畅度,方便用户快速寻找到自己的位置,提升页面的跳转率。


滴滴页面的属于半屏的浮层,半屏的浮层多用于地图类和电商类的产品,这类产品以效率为主,并且考虑到用户所处的环境,一定会把单手操作考虑到,所以在不遮挡的上半屏的情况下使操作尽量保持在下半屏,这也符合人机交互中的内容在上操作在下的原则。使用户用完即走的不会影响当前的页面。4 下拉菜单类弹窗


当用户点击一个区域后,会出现一个下拉框对操作进行一个反馈,这类弹窗的作用主要是对页面内容进行补充和延伸,提升界面的整洁性。其实还是依照希克定律,为了增强用户的操作流畅度,让用户在操作中不产生过多的选择,提升操作的流畅度,并提升界面的整洁。

非模态窗口


1通知条

这类弹窗一般一般会出现在屏幕顶部,用户点击后会消失,也有一直在顶部的,这类弹窗承载的内容比较少,不会在内容上有按钮,属于一种比较弱的干扰,有时候不会被用户注意到。



2 Hud/Toast

hud属于iOS的系统控件是在调节音量时弹出的音量显示条,显示后会自动消失,这类弹窗的特点比较多有的app中在刷新后有的会出现现在顶部,有的则在页面中心出现,目的是给用户的操作一个及时的反馈。在页面的设计中使用率很高,因为这种方式的适用性很高,因此设计上需要花一点心思

这类弹窗的好处是出现在顶部不会遮挡内容,方便用户进行操作,并且也符合用户的浏览顺序,更好的提升信息的浏览效率




Powered by Froala Editor

更新:2019-12-18

收藏

2人已收藏

  • 1

    作品

  • 0

    粉丝

  • 57

    关注

    猜你喜欢

      2019-12-18 原创文章 经验/观点 举报 860 2 2 0

      弹窗的那些小细节,你懂吗?【app篇】

      0.0°

      你确定要举报弹窗的那些小细节,你懂吗?【app篇】

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年12月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录