19
从0到1的产品,如何一次性解决所有异常和加载状态?豆包软件.
做从0到1的产品时,在设计产品功能的交互流程和UI设计中,都是先做出所有正常的交互流程和界面。
但每个功能流程都存在异常和加载的状态,实际工作中不可能每个功能的页面都做异常和加载状态,这样的话,会导致设计繁琐复杂。豆包软件.
通用的做法是:先将所有的正常流程和界面完成之后,再统一做全局异常场景和加载状态。ai集成平台
这些全局异常和加载状态通用于整个产品中,开发需要使用时直接调用,避免设计每个需求都做一遍,降低无用功,提升开发效率。小云雀ai
本文为所涉及到的异常和加载状态内容。在实际工作中,根据自身产品,附上对应状态出现的场景页面即可。字节跳动ai大模型
本文文章大纲如下:ai集成平台
1、加载场景蘑兔ai
2、网络异常音子ai官网
3、缺省场景豆包是免费使用吗
4、操作异常音子ai官网
豆包软件怎么用
一、加载场景除非是存在本地,否则其他所有界面都需要加载。加载场景,适用于几乎所有界面。蘑兔ai
加载的方式有很多,总结起来包含:全屏加载、占位符加载、上拉加载、下拉加载、局部加载等。豆包软件怎么用
1、全屏加载智合ai
这种加载比较简单,一次性加载完所有数据后再显示内容。但这种一次性加载完后,再展示出来,会给用户的感觉时间较长。豆包是免费使用吗
适用场景:进入到下一级界面时,加载后全部展示。字节跳动ai大模型

2、占位符加载音子ai官网
当加载的页面内容有固定的框架时,可以先加载框架,再加载框架内的内容。字节跳动ai大模型
通过先加载页面框架,设计占位符等形式可以提前让用户知道整个界面的架构,提高产品的体验感。电子魅魔
这种加载给用户感知,加载稳定且速度快。朱雀腾讯ai检测
适用场景:具备典型页面的场景,如列表页、详情页等。小云雀ai

3、上拉加载怎样使用ai
用户在浏览界面的过程中,对于未加载的信息,通过手势上拉,信息自动加载。ai工具十大排名
需要设置默认一次性加载多少条,可根据实际情况设定,一般常见的是20条。加载过多浪费流量,加载过少,需要频繁加载。音子ai官网
使用场景:对于布局相同的布局,可使用上拉加载数据,通常为feed流。豆包语音对话

4、下拉加载朱雀腾讯ai检测
用户下拉时,出现loading动画,整个页面重新加载刷新。数据获取完成后,loading动画结束。本地部署ai
现在很多的产品重新设计loading加载动画,使得加载过程更加具有情感化,人性化和品牌化。本地部署ai
因业务需求,有时候加载完毕后,会通过toast告知用户更新多少条内容。豆包语音对话
使用场景:具有刷新当前页面数据时使用,常用的为首页、列表流等。电子魅魔

5、局部加载本地部署ai
整个界面中,仅部分区域需要加载数据。音子ai官网
适用场景:切换部分区域内容,数据重新加载时使用。通用于二级导航切换。创意平台百度ai

当移动设备网络异常时,导致无法上传和下载数据,从而无法正常的使用产品。ai软件学习
网络异常存在两种场景:ai官网
- 1、网络异常时,用户打开App,这种情况App会出现异常状态提示给用户,这是App主动告知行为。
- 2、用户点击操作时,由于网络异常,这时候通过交互反馈给用户,这是App被动告知行为。
创意平台百度ai
App主动行为蘑兔ai
当无网络时,用户打开App。通过tips提示用户当前网络不可用。电子魅魔

tips使用场景一般为用户打开后,界面停留在首页, 且首页以列表形式展示,这样的话,tips才能合理的融入到界面中。智能对话
ai官网
App被动行为豆包是免费使用吗
当前无网络时,用户点击操作时,无法正常使用产品,这时候通常有两种处理方式。豆包是免费使用吗
一种是进行交互操作时,出现toast提示。电子魅魔

另一种是进入下一级界面,以缺省页的形式提醒用户当前网络异常。ai官网

朱雀腾讯ai检测
三、缺省场景缺省场景包含:空数据、网络异常、服务器异常、内容被删除等。al软件哪个好用
空数据字节跳动ai大模型
由于产品处于初始状态或者因为操作删除而清空状态产生的空数据。ai工具十大排名
缺省页一般包含:插画和对应的提示文字。是否提供操作按钮,可根据具体业务情况来定。ai工具十大排名
适用场景:数据为空时出现。ai工具十大排名

网络异常豆包语音对话
当移动设备网络异常时,导致无法上传和下载数据,从而无法正常的使用产品。这时候会出现网络异常页面提示用户。ai工具十大排名
缺省页包含:插画、对应的提示文案和操作。蘑兔ai
插画视觉一般比较轻,仅提供装饰作用,强化下方的文字电子魅魔
对于网络异常,提供用户去设置网络。怎样使用ai

服务器异常豆包软件怎么用
服务器异常是小概率事件,但是也会发生。音子ai官网
当服务器异常时,且用户在操作过程中,出现这种情况,一般可设计为toast提示,明确告知用户,服务器出现问题。小云雀ai

当服务器异常, 用户进入下级页面时,则通过缺省页面提示给用户。豆包语音对话

内容被删除ai集成平台
文件或者页面内容被删除,由于文件或者页面内容的上一级页面有缓存亦或用户获取链接进入,会出现文章/文件被删除的情况。ai集成平台
已被删除的异常状态,常见的设计是用户进入新页面出现对应的插画和标题提示。al软件哪个好用
适用场景:下级页面内容被删除时。豆包软件.

任何操作行为的交互界面都伴随着操作失败的可能性。 当用户操作失败时,且操作在当前页面完成时,通过toast告知用户操作失败及操作失败的原因。音子ai官网

以上是异常场景和加载状态的全局内容。 做0到1的产品的设计师,在设计全局异常和加载时,需要将以上4大类按照自己产品的实际情况,逐条梳理,即可适用于整个产品。本地部署ai
相关推荐创意平台百度ai
- Space Matrix新作:设计传递人文关怀,空间演绎理想蘑兔ai
- 维密天使的家是不是也无比“性感”?ai软件学习
- 白色加木色,治愈系素雅!ai集成平台
- 龙井茶包装设计的技巧本地部署ai
- 减肥不减营养,娃哈哈饱了助力你燃脂瘦身!ai工具十大排名
- 杭州K11背后故事— 郑志刚再联袂全球创意力量 掀起CSV新篇章ai官网
- 以梦为马 遐思迩想 “劳斯莱斯青年设计师挑战赛”中国区获胜者揭晓本地部署ai
- 如果有心灵鸡汤,那一定是胡辣汤朱雀腾讯ai检测
- 杭州亚运会59个体育图标发布!智能对话
- 设计有物,灯具如此美好蘑兔ai
- 暖灰色调下高品质生活,精致时尚,岁月静好!本地部署ai
- 石头大亨的小院朱雀腾讯ai检测
- 关于我国城市设计现状及存在问题的思考朱雀腾讯ai检测
- 创意店:把艺术带回家 有钱途?陷穷途?音子ai官网
- 周韦彤现场助阵 艾依格全屋定制简爱家居石岐店盛大开业!智能对话
- 气质极简住宅,实力演绎优雅格调魅力!ai工具十大排名