发布时间:2021-1-6 分类: 电商动态
的空数据类在设计产品原型时,大多数设计人员或产品经理设计主流程的主界面,然后设计其他各种场景的界面,最后设计异常界面,空数据界面等。那么,空数据接口中有哪些类型?在本文中,让我们看一下设计规范中的空数据类型。
空数据类型一共有三类:
初始状态
清除状态
错误状态
还附上了脑图,组件控件分类(如果你只是通过组件控件,很难满足功能划分的需要,所以我会扩展这个范围,分类不仅包含组件和控件,所以请不要关心细节。)
初始状态
定义:初始化状态,没有任何内容,要求用户执行某种操作以生成内容的接口。
使用:提示用户执行某种操作以显示内容,而不是没有内容。
例如,京东App,当用户未将产品添加到购物车时,进入购物车界面,并将提示购物车界面为空。在给出用户提示后,给出相应的输入按钮以指导用户操作。如果直接给出一个空白界面,那么用户可能会认为该界面是错误的并且不堪重负。
Gmail直接使用插图画家提醒用户收件箱为空。
初始状态的组成部分:
相关插图/图片。
解释副本。
操作输入按钮或单击文本(不是必需的)。
通常,对于初始状态的设计,传统实践是具有简明副本的简单图示,以及用于在必要时引导用户的操作行为的按钮。
目前流行的设计趋势是插图越轻,越简单越好,以免抢劫复制信息。
清空状态
定义:通过删除或其他用户操作清除当前页面内容,从而导致空接口。此时,您需要有一个明确的提示,并告诉用户如何处理它。
用法:提示用户界面为空的原因是用户删除了内容。
空状态是初始状态的进一步细化。清空状态的界面与初始状态设计非常相似,唯一的区别是文案提示。
清空状态的组成部分:
相关插图/图像
促进对副本的解释
操作输入按钮或可单击的文本(不是必需的)
一些产品设计根据初始状态直接在空状态下设计接口。这也是可能的。缺点是没有通知用户空状态是由初始化还是清空引起的。
出错状态
定义:由于网络,服务器或未找到其他结果等,无法加载内容,并生成空接口。此时,必须有明确的提示并告知用户如何处理它。用户操作反馈的无结果界面也可以在设计时考虑到这一点。
目的:通知用户当前空接口是由某些错误引起的。
例如,当网络异常时,无法加载页面,显示空数据页,并给出复制提示和单击重试按钮。微博国际版还提供复制提醒,小插图和点击按钮。
无法获取搜索信息和数据时生成的空数据接口。例如,当iOS本机邮件不搜索内容时,将生成空数据状态界面。当搜索没有结果时,网易考拉提供了一个新的解决方案。
删除原始界面内容后,用户单击输入时发生的错误状态。例如,QQ浏览器通过新闻列表点击,输入新闻详细信息,因为文章被删除,会出现错误状态提示。