大家好,我是讯享网,很高兴认识大家。
空状态为空白色,是对无数据页面的补充,是零数据的设计形式。好的空状态页面设计可以给用户带来更好的交互体验。笔者对此进行分析,希望对你有所帮助。
空地位是B端产品不可或缺的一部分。未定义,以网购为例,回想一下常见空状态:
搜索商品却没有找到的状态查看商品时加载不出来或出错的状态购物车里没有商品时的状态地址管理页面中收货地址为空的状态提交订单后的状态
一个好的空状态能让用户感知到当前系统的真实状态,未定义,明确下一步。比如用户在表格中输入相应的过滤内容,如果没有匹配结果,需要反馈一个空状态通知用户,让用户在过滤后感觉到系统状态是没有匹配,而不是系统没有工作,然后通知用户下一步的操作,比如换关键词。
1. 异常状态类型
最常见的空状态类型有:
首次使用——新产品没有内容可以显示时,例如打开新注册的印象笔记时会遇到这种情况。内容被清除——当用户完成类似清空消息或收件箱等操作后,会出现一个空白的屏幕。出现错误——产品由于网络问题造成离线时,会出现空状态的使用。无结果——如果用户进行搜索,但是查询内容为空时会发生这种情况。由于B端产品使用场景是在工作中进行,对于B端的业务产品来说,会多一些异常状态。B端产品常见的异常状态有:
1)403
通常您没有权限访问此页面。在B端产品中,由于用户角色的权限,有的用户可以看到某个页面的操作,有的用户无法打开。当一个未经授权的用户打开一个链接,他将被提示403。
相应的操作:
因为权限关系,意味着这个用户没有权限操作或者查看这个页面,这种场景出现的概率极低。通常只需按下返回主页按钮,用户就可以点击返回主页或工作台。
2)404
04是http状态码,表示请求的页面不存在或已被删除。
相应的操作:
如果页面不存在或者被删除,可以给出返回首页按钮,引导用户返回首页进行其他业务操作。
3)500
服务器遇到意外情况,导致无法完成请求处理。一般来说,当服务器端的源代码出现错误时,就会出现这个问题。
相应的操作:
对于失败的服务器,你可以给用户一个刷新按钮或者关闭按钮。在这种情况下,页面无法执行其他操作。
4)没有结果
最常出现在B端查询界面。输入查询条件后,没有匹配的结果。
相应的操作:
您可以提醒用户尝试重新输入查询条件。
5)数据是空
空的数据更多的出现在新用户刚进入系统的场景中。不会生成新数据,将出现空数据的表和详细信息。
相应的操作:
当数据为空时,在B端产品中比较少见,也需要区分情况。任务类型的数据为空,可以给用户一个好评或鼓励的正反馈,让用户的本能层感知到产品的情绪化。
二、如何设计B端异常状态页面
我总结了一下B端状态异常的页面,大概有五种设计类型:
1. 纯配图、图形
这种形式在商业产品中很少使用,在飞机草稿和一些小众产品中比较常见。一图胜千言,这是最理想的情况。在真实的场景中,单一的画面并不能说明目前正在发生的事情以及如何摆脱困境。不推荐。
2. 纯文案
纯文案可以简洁明了地描述问题或状态,帮助用户快速定位问题点。适合极简产品,对视觉没有极端要求的B端产品,有个性设计语言的小众产品等。缺点是略显单调,无法进一步引发场景和共鸣。创造更多价值。
3. 插画+文案标题
对比主流空状态内容形式,通过精心设计的插画陈述产品状态,引导体验路径甚至传达品牌价值,辅以相应的精准文案。从传达信息的角度帮助用户了解自己的现状、问题和解决方案。
如果决定使用插画和文案,请确保它们是有层次的,不会互相影响。一个好的插画可以给页面带来足够的趣味性和参与性。这时候可以用简单常用的文案。
4. 插画+文案标题+按钮
按钮具有更强的操作引导作用,强烈引导用户点击操作按钮。这时候操作按钮的跳转逻辑就很重要了,需要能够真正帮助用户解决问题或者缓解异常情况下的焦虑。
5. 动画+文案标题+描述文字
在空状态设计中,使用友好恰当的文案内容,可以带来意想不到的效果。配合特别设计的插画,可以设计出成功的空状态。所以空状态的设计不容忽视!
常见设计表单:
1)线性、平面、2.5D、3D
变态页面的视觉设计使用中性或幽默的色调;与产品的品牌风格保持一致。文案规则:文案传达有用信息;告诉用户页面在没有任何动作的情况下做了什么。
本文由@陈怡原创发布。每个人都是产品经理。未经许可,禁止复制。
来自Unsplash的图像,基于CC0协议。
此观点仅代表作者本人,大家都是产品经理。平台只提供信息存储空服务。
本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://51itzy.com/14850.html