美文网首页
设计模式——空状态

设计模式——空状态

作者: 嘎嘎开心 | 来源:发表于2022-04-23 09:08 被阅读0次

打开一个新应用程序并看到一个悲伤的空白页面并不令人鼓舞,是吗?了解如何将空状态转化为良好的用户体验,而不会让用户感到沮丧并迫使他们离开。

向用户解释为什么页面是空的

空状态页面只是生活的一部分。它们发生在第一次使用、用户清除数据或出现某些系统错误时。

看起来完全死胡同的事情可能会变成肯定的胜利。一个独特的插图加上适当的措辞是一个很好的方式来给人留下良好的第一印象,鼓励用户采取行动,而不是用“死”的布局来恐吓他们。

空状态为您的产品添加一些个性提供了绝佳的机会。

基本空状态

恶劣的天气、失败的互联网连接——有时我们无能为力。基本的空状态只是简单地宣布页面没有可显示的东西——然而。即使没有 CTA 按钮或其他文本,您也可以提供一个简短的指南,说明用户可以做些什么来继续他们的旅程。

总是建议一些东西——至少是“刷新页面”。

动作空状态

动作空状态应该鼓励用户采取行动。确保号召性用语按钮与文本中的消息相对应。如果你想向用户推荐其他东西——例如阅读文档——在副本中添加一个链接。

不要过度使用图像

空状态不应该是空的,不要误会我们的意思——它们确实发生在还没有内容可显示的时候。但是,您可以利用这个机会吸引用户探索您的产品。另外,你可以展示你的创造力。无需加倍努力 - 令人愉悦且直接的图像足以增强文字并引导用户采取行动。

确保图像与您的品牌标识一致。如果它是针对建筑工程师的应用程序,那么空旷状态的活泼小猫可能会失控。

使用相关插图

文字和视觉效果的正确组合可以为空状态页面带来魔力。人们处理视觉信息的速度提高了 60,000 倍,适当的图像可以帮助用户获取信息并减轻情绪。例如,如果你设计一个机票预订应用程序,而不是一个空白无聊的“你没有要显示的航班”页面,你可以陪它一起等待起飞的飞机。

错误的图像会误导和混淆用户。

具有描述性

告诉用户他们能做什么而不是不能做什么。当然,要保持积极态度。像“你有 0 个朋友”这样的消息会直接伤害某人的感情。尝试提供令人振奋和鼓励的信息,以帮助用户与您的产品互动。

错误管理

这听起来可能很苛刻,但大多数用户并不关心您产品的问题。他们想知道的是您是否正在解决问题以及他们在此期间可以做什么。如果可能,请向他们展示解决方法,提供替代操作,或者至少确保您将尽快解决问题。

对于具有全球受众的产品,请避免使用技术术语,因为用户可能不理解它们。

不要过度混乱仪表板

对于刚接触产品的用户来说,仪表板可能尽可能稀疏。在仪表板为空的情况下,图像可能弊大于利。他们冒着分散用户注意力并阻止他们完成第一个目标的风险。尝试一些简单的文本。

多个空状态

有什么比一个页面上同时出现两个空状态更糟糕的呢?没错,就是三个。通过将操作划分为主要、次要和三次操作的优先级,引导用户度过这个不愉快的场景。不要将多个操作放在同一个级别上,否则用户会迷失方向。

帮助用户

当用户面对空虚的状态时,他们认为这是一个失败的时刻。不要让他们气馁,觉得这是他们的错。用通俗易懂的语言解释发生了什么以及用户可以做什么。您还可以通过提供可见的操作项来帮助他们。

404页

毫无疑问,每个用户至少看过一次 404 页的页面。如您所知,这意味着该页面不存在,并且通常用户无事可做,只能返回上一页。但是,您可以将其转变为令人愉快且令人难忘的用户体验。尝试提供一个引人入胜的插图,一个简单的返回方式,当然,还有一点幽默来减轻情绪。

本文内容为转载

相关文章

  • 设计模式——空状态

    打开一个新应用程序并看到一个悲伤的空白页面并不令人鼓舞,是吗?了解如何将空状态转化为良好的用户体验,而不会让用户感...

  • 设计模式-状态模式

    设计模式-状态模式 设计模式 状态模式的关键是区分事物内部的状态

  • 空状态设计

    之前关于空状态看了一些文章,整理如下: 导致空状态的几个原因: 初次使用(用户未操作) 清空,完成等状态(用户操作...

  • 设计模式-状态设计模式

    1.定义 对于某个操作,由于其状态的不同,表现出的行为会不同(如遥控器进行音量增加的操作,在电视是开机状态下是可以...

  • 设计模式——状态模式

    设计模式——状态模式 在状态模式中,类的行为是基于它的状态改变的。这种类型的设计模式属于行为型模式。 优点: 减少...

  • 设计模式——状态模式

    前言 设计模式是指导一个程序猿以更好的姿态处理一些问题,而不再像刚学编程的我们,只会使用if-else分支语句,或...

  • 设计模式--状态模式

    基本常识:策略模式与状态模式是双胞胎,在出生时才分开。 假设公司有个糖果机,1当糖果机由糖果,投入25分钱,转动曲...

  • 设计模式——状态模式

    在阎宏博士的《JAVA与模式》一书中开头是这样描述状态(State)模式的:状态模式,又称状态对象模式(Patte...

  • 设计模式《状态模式》

    引言   上一节我们说了策略模式。这一节我们讲讲策略模式的双胞胎弟弟:状态模式,这个模式大家可能不常见,也不常用,...

  • 设计模式——状态模式

    定义 状态模式,又称状态对象模式(Pattern of Objects for States),状态模式是对象的行...

网友评论

      本文标题:设计模式——空状态

      本文链接:https://www.haomeiwen.com/subject/iqdidrtx.html