页面不存在(执行网页面不存在)

页面不存在(执行网页面不存在)空状态为空白色,是对无数据页面的补充,是零数据的设计形式。好的空状态页面设计可以给用户带来更好的交互体验。笔者对此进行分析,希望对你有所帮助。 一、概念很多设计新手在设计产品界面时,很容易忽略空状态…

大家好,我是讯享网,很高兴认识大家。

空状态为空白色,是对无数据页面的补充,是零数据的设计形式。好的空状态页面设计可以给用户带来更好的交互体验。笔者对此进行分析,希望对你有所帮助。

搜索商品却没有找到的状态查看商品时加载不出来或出错的状态购物车里没有商品时的状态地址管理页面中收货地址为空的状态提交订单后的状态

1. 异常状态类型

最常见的空状态类型有:

首次使用——新产品没有内容可以显示时,例如打开新注册的印象笔记时会遇到这种情况。内容被清除——当用户完成类似清空消息或收件箱等操作后,会出现一个空白的屏幕。出现错误——产品由于网络问题造成离线时,会出现空状态的使用。无结果——如果用户进行搜索,但是查询内容为空时会发生这种情况。由于B端产品使用场景是在工作中进行,对于B端的业务产品来说,会多一些异常状态。B端产品常见的异常状态有:

1)403

通常您没有权限访问此页面。在B端产品中,由于用户角色的权限,有的用户可以看到某个页面的操作,有的用户无法打开。当一个未经授权的用户打开一个链接,他将被提示403。

相应的操作:

因为权限关系,意味着这个用户没有权限操作或者查看这个页面,这种场景出现的概率极低。通常只需按下返回主页按钮,用户就可以点击返回主页或工作台。

2)404

04是http状态码,表示请求的页面不存在或已被删除。

相应的操作:

如果页面不存在或者被删除,可以给出返回首页按钮,引导用户返回首页进行其他业务操作。

3)500

服务器遇到意外情况,导致无法完成请求处理。一般来说,当服务器端的源代码出现错误时,就会出现这个问题。

相应的操作:

对于失败的服务器,你可以给用户一个刷新按钮或者关闭按钮。在这种情况下,页面无法执行其他操作。

4)没有结果

最常出现在B端查询界面。输入查询条件后,没有匹配的结果。

相应的操作:

您可以提醒用户尝试重新输入查询条件。

5)数据是空

空的数据更多的出现在新用户刚进入系统的场景中。不会生成新数据,将出现空数据的表和详细信息。

相应的操作:

当数据为空时,在B端产品中比较少见,也需要区分情况。任务类型的数据为空,可以给用户一个好评或鼓励的正反馈,让用户的本能层感知到产品的情绪化。

二、如何设计B端异常状态页面

我总结了一下B端状态异常的页面,大概有五种设计类型:

1. 纯配图、图形

2. 纯文案

3. 插画+文案标题

如果决定使用插画和文案,请确保它们是有层次的,不会互相影响。一个好的插画可以给页面带来足够的趣味性和参与性。这时候可以用简单常用的文案。

4. 插画+文案标题+按钮

5. 动画+文案标题+描述文字

常见设计表单:

1)线性、平面、2.5D、3D

本文由@陈怡原创发布。每个人都是产品经理。未经许可,禁止复制。

来自Unsplash的图像,基于CC0协议。

此观点仅代表作者本人,大家都是产品经理。平台只提供信息存储空服务。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。
本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://51itzy.com/14850.html
(0)
上一篇 2024年 1月 19日 17:00
下一篇 2024年 1月 19日 17:51

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注