首页 > 科技未来 > 内容

从微信、钉钉等App来看,常见的六种加载加载设计

发布于:2024-06-17 编辑:匿名 来源:网络

大多数App都需要与服务器交换数据。

App向服务器发送数据请求,服务器收到请求后将相应的数据传输给App。

App如果接收成功,会显示数据内容。

如果接收不成功,会报数据接收失败。

在这个数据交换过程中,由于网络原因,需要一定的时间,这意味着用户必须等待加载完成。

这时就用到了loading加载机制。

从微信、钉钉等App来看,常见的六种加载加载设计

它告诉用户该应用程序正在努力为您加载数据。

请放心吧。

不要不耐烦。

好的加载设计可以减少用户的等待焦虑,而不合理的加载设计会让用户骂骂娘。

标题栏加载:微信、钉钉、钉钉&微信微信、钉钉等均采用这种形式。

聊天列表页面的聊天记录存储在本地,因此页面内容不为空。

此时,加载不需要用户的视觉焦点。

只需要在标题栏中显示应用程序正在加载即可。

如果加载成功,加载的标题栏就会消失。

如果由于网络错误导致服务器无法连接,标题栏中会显示未连接状态。

当页面内容比较简单,需要加载一次才能显示时,白屏loading就会使用这种白屏加载样式。

这种加载方式,在加载完成之前用户是看不到任何内容的,所以如果时间超过太长,必须提示用户加载失败的原因,而不是一味地打转。

同时,让加载图标变得更有趣也会减少用户等待时的焦虑感(上右图比左图让用户感觉更好)。

进度条的加载样式 Safari & 微信进度条多见于浏览器,包括PC和手机浏览器。

有些App页面会做成H5的形式,这些页面大多也会采用进度条的风格来显示加载过程。

Toast 当用户执行操作时,为了防止用户继续操作导致数据加载失败,使用Toast样式来表示数据正在加载,同时限制用户继续操作手术。

在这种情况下,用户一般只能进行返回上一页的操作,而无法进行其他操作。

为了防止数据一直在加载,可以在Toast上添加取消按钮,让用户主动停止加载状态。

由于加载数据失败的情况很少发生,所以在Toast上添加取消按钮的应用并不多。

下拉刷新 下拉刷新广泛应用于大多数应用程序中。

这种加载机制保证了用户可以看到本地缓存的数据,同时也可以通知用户页面正在刷新。

同时,用户还可以使用下拉手势来调整页面。

选择重新加载数据在一定程度上满足了强迫症患者。

默认图片/占位符 当页面的框架固定,只需要加载框架内的数据时,使用这种刷新样式,即先加载框架,再加载框架内的数据。

如果框架中的内容为空,则会用占位符或预设图像填充。

以上简单介绍了六种常见的加载加载方式。

虽然有六种样式,但其实加载原理只有两种:一是整体加载页面数据,加载完成后一次性全部显示;第二种是先加载部分内容,然后加载剩余内容(先加载文本,后加载图像;先加载框架,再加载框架中的数据)。

我常说的一件事是,设计形式永远是为产品功能服务的,而产品功能就是为了满足用户需求。

了解了这些加载负载的设计形式后,我们再进一步思考一下:这些形式是为了减少用户等待数据加载时的焦虑。

那么有没有更好的机制来减少用户等待时的焦虑呢?当然有。

第一:优化App的加载算法,缩短App与服务器交互的时间。

这就需要开发者精益求精。

这从根本上解决了问题,因为它直接减少了加载数据的时间,这也减少了用户需要等待的时间。

第二:使用预加载机制。

以阅读应用程序为例。

当用户阅读第一页时,应用程序已在后台加载以下页面。

当用户转到第二页时,不需要等待加载,因为应用已经提前为用户加载好了。

这种加载机制对于用户体验特别好,但是有一个问题,就是要预测用户行为,加载其他数据,会消耗大量流量。

因此,在WiFi网络环境下建议采用这种预加载机制,而在蜂窝网络这种状态下则不使用预加载机制。

这需要与开发者进行讨论和沟通,以确保预加载机制完美运行。

第三:异步处理。

没有任何应用程序能比 Instagram 做得更好。

不知道大家有没有发现,在使用Instagram的时候,感觉特别流畅,即使是在网络不好的情况下。

这是为什么?因为当网络不好而你喜欢一个朋友时,Instagram不会提示你网络不好并且操作失败。

相反,它会提示您点赞成功。

其实它只是记录你的like操作。

下来,等到网络好的时候,再将点赞行为上传到服务器,就可以完成点赞行为了。

这是为了减轻用户的操作负担,让产品自己解决问题,而不是把问题抛给用户。

请记住,这些是目前应用程序的六种常见加载样式。

当然,还有其他的加载设计风格,但这有什么关系呢?您已经掌握了产品加载的原理,真正理解了加载机制,从而能够适应变化。

本文最初由人人都是产品经理社区(微信公众号:UE培养)作者@邹志楠发表。

未经同意不得转载。

从微信、钉钉等App来看,常见的六种加载加载设计

站长声明

版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

标签:

相关文章

  • LP开始接受10年任期

    LP开始接受10年任期

    新的一幕正在悄然发生——“今年我们在筹集人民币基金,我们正在和LP讨论延长基金期限。 ”年末,华南本土一家知名创业投资机构募集资金,负责人向投资界透露,他计划将这只专注于硬科技投资的新基金周期从原来的7年延长至7年。 年至10年。 无独有偶,近期的风险投资家之一大

    06-17

  • 欢牛蛋糕屋完成近千万美元A轮融资,顺为资本独家投资

    欢牛蛋糕屋完成近千万美元A轮融资,顺为资本独家投资

    投资圈(ID:pedaily)据2月17日消息,原创甜品烘焙连锁品牌欢牛蛋糕屋宣布完成近美国融资1000万美元A轮融资。 本轮融资,由顺为资本独家投资,指数资本担任独家财务顾问。 本轮融资将主要用于门店扩张、供应链建设、品牌推广和团队建设。 目前,国内烘焙市场已达到近亿规模,

    06-18

  • 东车日报 -理想汽车否认裁员计划 - FF收到通知:不符合继续上市标准 - 德州特斯拉工厂开始生产

    东车日报 -理想汽车否认裁员计划 - FF收到通知:不符合继续上市标准 - 德州特斯拉工厂开始生产

    介绍宏光MINIEV GAMEBOY版上市 智能精灵#1亮相,外观延续Avita Co概念车设计品牌限量版比亚迪ATTO 3在澳门首秀并正式上市 保时捷Safari谍照曝光德州特斯拉工厂动工,Cybertruck将于明年投产,补充高德利汽车回应网上有关裁员计划的传闻:假消息 新研究发现电动滑板车受伤率比

    06-21

  • 台积电以A16新工艺争夺芯片霸主,为人工智能的未来做好准备

    台积电以A16新工艺争夺芯片霸主,为人工智能的未来做好准备

    趣工程芯片制造龙头台积电(TSMC)推出了名为A16的新技术。 此次发布标志着其每年生产新型超先进 1.6 纳米 (nm) 芯片的重要一步。 虽然命名听起来与苹果在 iPhone 15 系列和 iPhone 14 Pro 上使用的 A16 处理器非常相似,但该处理器本身是由台积电制造的,所以不要混淆。 该公

    06-06

  • 财经视频PaaS平台“飞虎互动”完成过亿元B+轮融资

    财经视频PaaS平台“飞虎互动”完成过亿元B+轮融资

    财经视频PaaS平台“飞虎互动”今日宣布完成新一轮过亿元融资,领投由顺为资本投资,老股东继续跟投,财务顾问元一资本担任独家投资者。 本轮融资后,飞虎将继续完善平台产品,服务泛金融客户和海外金融客户。 将进一步开发创新业务产品,持续引领业务视频化潮流,赋能金融机

    06-17

  • 上半年全球新增独角兽44家,中国仅4家 -全球资讯

    上半年全球新增独角兽44家,中国仅4家 -全球资讯

    创头条Crunchbase整理的数据显示,今年截至目前,全球新增未上市独角兽企业44家。 这组公司的总估值迄今已筹集近1亿美元,平均每家公司3亿美元。 这44家企业来自11个国家,其中美国27家、中国4家、英国3家、以色列和印度各2家。 这些公司中,估值最高的三家分别是英国电动汽

    06-18

  • AI携手生物科技,微生态制药能否实现弯道超车?

    AI携手生物科技,微生态制药能否实现弯道超车?

    今年9月22日,辉凌制药宣布,其药物RBX的有效性和安全性已获得美国FDA咨询委员会的一致批准,离获批上市越来越近了。 微生物药物领域即将进入商业化阶段。 自2008年美国启动人类微生物组计划以来,微生态医学及微生物相关技术的发展进入加速阶段。 在政策推动下,涌现出Evelo

    06-17

  • 【创业24小时】2024年1月11日

    【创业24小时】2024年1月11日

    2024年1月11日各大行业公司十字路口YY直播:从3年“欢聚”到百度“回归”点击查看科大讯飞分拆方案医疗业务并上市:后者年营收5亿,有星火医疗大模式支撑。 HMD和诺基亚都逃不过“七年之痒”。 后者可能会彻底退出圈子。 单击查看新的 Apple Pencil 专利,或为 Vision Pro 做

    06-18

  • 新能源重卡企业“威都科技”完成数亿元A轮融资,十个月获三轮融资

    新能源重卡企业“威都科技”完成数亿元A轮融资,十个月获三轮融资

    据投资界(ID:pedaily)6月2日消息,新能源重卡公司维都科技近日宣布获得数亿元A轮融资。 本轮融资由方源资本、耀明资本领投,合肥创新投资跟投,老股东融庆物流、金沙江创投等继续跟投。 据悉,本轮融资将用于进一步推进维都科技重卡产品研发、市场拓展和产业整合,加速旗

    06-17

  • 武汉大学与深圳市探讨集成电路产业合作

    武汉大学与深圳市探讨集成电路产业合作

    武汉大学近日,深圳市与武汉大学召开交流座谈会,共商集成电路产业合作。 受微电子学院徐红星院士委托,院长助理刘伟教授、半导体委员会负责人、校友企业代表等详细介绍了微电子学院的历史沿革、发展现状、创新资源、科研成果等。 武汉大学微电子学科产业.在集成电路领域的经

    06-06

  • 蔚来融资史上的两笔神技

    蔚来融资史上的两笔神技

    李斌再次施展魔法。 日前,蔚来宣布获得阿布扎比投资机构CYVN 22亿美元战略投资。 加上CYVN战7月向蔚来投资11亿美元,蔚来今年累计获得约1亿人民币融资。 这是每个人都想得到的来自中东的钱。 在大多数人的记忆中,蔚来上一次如此被资本救赎还是在年初。 2016年,蔚来病入膏肓

    06-17

  • 皮肤科医疗公司耀铭科技完成数千万元A轮融资,宏盛资本领投

    皮肤科医疗公司耀铭科技完成数千万元A轮融资,宏盛资本领投

    据投资界1月25日消息,近日,皮肤科互联网医疗公司耀铭科技完成领域,完成数千万元A轮融资。 本轮融资由弘盛资本领投,元芯科技(妙手医生)跟投。 优麦博士APP是优麦科技创业时打造的第一个产品。 它定位于在线学习和协作。 目前,平台用户数量已突破3万,覆盖全国90%以上的

    06-18