7 tipos de estados vacíos y cómo usarlos

Los estados vacíos deberían estar vacíos, ¿verdad?

Entonces, ¿por qué gastar 2000 palabras en cómo escribirlas?

Bueno, para empezar, porque incluso si una aplicación o un sistema no tiene nada que mostrar al usuario, igualmente tiene que decírselo. Es sólo una cuestión de si dice “sin datos” y los envía en su camino, o si les da ese algo extra.

Y en segundo lugar, los estados vacíos son increíblemente valiosos para los usuarios.

Los estados vacíos ayudan a los usuarios >

Utilice la aplicación y obtenga valor de ella tan pronto como la inicien. Comprenda cómo utilizar un sistema (cualquier sistema). Realice más acciones y utilice más funciones del producto; por lo tanto, aproveche al máximo su producto. Llegue a donde quieren ir más rápido.

¿Cómo puede un espacio supuestamente vacío hacer todo eso?

Echemos un vistazo a los 7 estados vacíos más comunes que encontrará y cómo convertir un callejón sin salida en una carretera abierta. Las diferencias entre estos estados son sutiles, pero críticas.

¿Alguno de estos estados aparece en su producto?

Los usuarios aún no han creado ni recopilado los elementos que se supone que deben aparecer aquí (normalmente ocurre en el primer uso, pero también puede aparecer en el uso continuo).

Aquí es donde eventualmente mostraremos los elementos creados o recopilados por el usuario.

Ejemplos:

Aún no has guardado ningún artículo en tu lista de deseos. Aún no has agregado ningún paciente para realizar el seguimiento. Aún no has configurado servidores para el sistema. Aún no le has dado ningún permiso a este usuario. Aún no has agregado nada a tu carrito. Aún tienes No has subido ningún vídeoAún no has seleccionado los widgets del panel para mostrarAún no has creado ninguna automatizaciónAún no has creado ninguna carpetaAún no has escrito tu primera publicaciónAún no has configurado ninguna alertaTodavía no has fijado tu lugares favoritosAún no has creado ningún álbumAún no has configurado ningún activo seguroAún no has invitado a amigosAún no has configurado un clienteAún no has escrito tu primera pregunta de la encuesta

No escribimos 'no' [items] todavía', eso simplemente no tiene sentido. Entonces, ¿qué deberíamos escribir?

1. Un título — que describe el estado y le permite saber que no ha comenzado [doing whatever needs to be done] todavía.
Ejemplo: Aún no has configurado ninguna alerta
O: Configura tu primera alerta

2. Motivación – Por qué debería guardar o crear este elemento, cómo me beneficiará o cómo hacerlo realmente.
Ejemplo: Las alertas te mantendrán actualizado, para que no tengas que preocuparte por perderte algo importante.

3. llamada a la acción — Un botón o enlace destacado para crear el primer elemento.
Ejemplo: Crear alerta

Otro ejemplo:

Título: Aún no has guardado ningún libro en tu lista de Favoritos
Motivación: Para guardar un libro que te llamó la atención, para que puedas volver a él fácilmente más tarde, haz clic en el ícono del corazón.
Botón: Explora nuestros más vendidos

Y algunos ejemplos más:

Alternar

Todoist

Este es un poco diferente, pero sigue los mismos principios de tocar un punto débil y alentar a los usuarios a actuar. Semplice es para crear carteras:

simple

Por qué es importante

1. Compromiso
En el primer uso, esta es nuestra oportunidad de involucrar a los usuarios con acciones directas; No solo decir explicarles lo que hace el producto, sino dejarles experiencia él. Cuanto antes empiecen a obtener el valor real del producto, más probabilidades habrá de que sigan usándolo.
2. Usabilidad
A veces los usuarios quieren empezar, pero no saben exactamente cómo. Unas pocas palabras y un botón pueden enviarlos por el camino correcto. Todos ganan.

Los datos que deberían aparecer aquí automáticamente aún no se han creado. Los usuarios deben hacer algo para que los datos lleguen a raudales

Esta área eventualmente mostrará datos, una vez que sean generados automáticamente por la actividad del usuario. En este escenario, no son los usuarios quienes recopilan o crean elementos activamente: es el sistema el que los crea, recopila y presenta como resultado de la actividad del usuario.

Ejemplos:

Los datos de clics para sus anuncios aún no están disponibles [because the user hasn’t created any ads]Aún no se han detectado amenazas a los activos [because the user hasn’t defined any assets to secure]Aún no hay datos de apertura del boletín disponibles [because the user still hasn’t sent it out]No hay datos de visualización para mostrar [because the user hasn’t uploaded any videos]El registro de actividad aún no está disponible [because the user has not yet been active in the system]Los resultados del análisis de la prueba aún no están disponibles [because the user hasn’t uploaded any tests for analysis]Aún no hay reseñas de productos [because the user hasn’t sold anything]

Si no escribiéramos simplemente “sin datos”, ¿qué debería ¿nosotros escribimos?

1. un título — que describe el estado actual e informa que no hay nada que mostrar (pero lo habrá en el futuro).
Ejemplo: Aún no hay registros para mostrar

2. Una explicación – sobre cómo funciona la función + motivación y valor, cuando sea relevante.
Ejemplo: Después de invitar a los usuarios y darles permisos, podrá ver con qué frecuencia inician sesión en el sistema y qué acciones realizan.

3. Llamada a la acción — Un botón o enlace destacado para realizar la acción necesaria.
Ejemplo: invitar a usuarios

Otro ejemplo:

Título: ¿Cuanto te queda?
Explicación: Configure sus objetivos presupuestarios para ver cuál es su situación y tomar decisiones financieras más inteligentes
Botón: Establece tu primer objetivo

Y otro:

Por qué es importante

1. Usabilidad
Cuando los usuarios se aventuran en un nuevo producto digital, intentan visualizar cómo funciona, dónde está todo y cómo encajan las cosas. Un estado vacío que se llena automáticamente a medida que avanzan les ayuda a saber qué sucede desde el principio al mostrarles qué acciones producen otras acciones y cómo funciona todo en conjunto.
2. Valor
Este tipo de estado vacío refleja claramente para los usuarios lo que el sistema hace por ellos y qué valor les proporciona. En otras palabras: Tú haces tu parte, nosotros nos encargaremos de extraer y presentar los datos importantes.

Los datos que deberían aparecer aquí automáticamente aún no se han creado. El sistema necesita tiempo y los usuarios no pueden acelerarlo

A veces, los usuarios han hecho todo lo necesario para poner en marcha los engranajes del sistema, pero sólo se necesita más tiempo para producir datos confiables. Esto sucede principalmente con productos que ejecutan cálculos estadísticos o de rendimiento o recopilan datos de rendimiento.

Por ejemplo, si lanzamos un anuncio para una campaña paga, los datos de las primeras 24 horas a menudo no serán confiables, porque el anuncio aún no ha llegado a una audiencia lo suficientemente amplia o relevante. Esto producirá un estado vacío que indica que aún no hay datos de rendimiento disponibles.

Otro ejemplo: Si tenemos un panel que debería mostrar los datos de este mes en comparación con los datos del mes anterior, pero recién comenzamos a usar el sistema la semana pasada, no habrá ningún dato con el que comparar.

Si no queremos escribir “los datos no están disponibles”, ¿qué debería ¿nosotros escribimos?

1. Un encabezado – que describe la situación y dice que no hay nada allí todavía, pero solicita al usuario que regrese más tarde.
Ejemplo: Vuelve pronto para ver tus datos de rendimiento

2. Una explicación – sobre cómo funciona la función + motivación y valor, cuando sea relevante.
Ejemplo: El sistema necesita al menos 24 horas para recopilar suficientes datos confiables

En este caso, normalmente no necesitamos un botón de CTA porque los usuarios no pueden hacer nada para acelerar el sistema. Podemos agregar uno si hay algo más que los usuarios puedan hacer mientras tanto, por ejemplo, compartir el anuncio con otros para aumentar la exposición. La clave es pensar en cómo podemos ayudar a los usuarios a ayudarse a sí mismos. A veces no podemos y ellos simplemente tienen que esperar. Y así es como son las cosas.

Otro ejemplo:

Nada con lo que comparar todavía
En 10 días te mostraremos cómo se compara este mes con el anterior, para que puedas ver tu progreso y optimizar tus acciones.

Y dos más:

Transferimos

Por qué es importante

1. Usabilidad
La copia que simplemente dice “los datos no están disponibles” deja al usuario en la oscuridad: ¿Hay algún problema? ¿Hay algo que puedan hacer para que los datos fluyan? Y si no, ¿cuándo estarán disponibles los datos? Un estado vacío bien escrito ata todos estos cabos sueltos.
2. Aprendizaje y valor
Un estado vacío bien escrito no sólo ahorra preguntas y frustraciones a los usuarios, sino que también puede enseñarles cómo funciona el sistema, darles una sensación de control y enfatizar su confiabilidad.

Los usuarios han eliminado o eliminado todos los elementos de la lista, porque así es como funciona el producto.

Veamos una aplicación de productividad con una lista de tareas.

En su primer inicio de sesión, los usuarios verán el primer tipo de estado vacío que mencionamos, porque aún no han creado ni agregado ninguna tarea (por lo que el texto diría algo así: “todavía no has agregado ninguna tarea a tu lista | Para que su día sea productivo, agregue al menos tres tareas importantes que desee realizar | CTA: agregue su primera tarea).

En uso habitual, los usuarios:
> Agregar tareas
> Luego elimine las tareas una por una, una vez completadas
> Luego llega a un estado vacío nuevamente

Sólo que esta vez es completamente diferente.

Esta vez puedes decirles algo como:

¡Fantástico! Has completado todas las tareas.
Sal de fiesta, o si estás en racha >
[CTA] Agregar una nueva tarea

Otros ejemplos:

Lista de alertas ya atendidasLeída o bandeja de entrada completamente ordenadaLista de documentos leídosPrograma de capacitación completamente completado

…y cualquier otra cosa que deba ser atendida.

Qué debería ¿nosotros escribimos?

En lugar de volver al primer estado vacío, que no es relevante en estos casos, podemos felicitar a nuestros usuarios por ocuparse de sus negocios. Realmente no hay necesidad de agregar nada más que elogios, a menos que queramos que tomen medidas adicionales.

Ejemplos:

Todoist

Todoist

Por qué es importante

1. Experiencia personal
Un estado vacío genérico e irrelevante hace que el producto parezca mecánico. Un estado vacío que se aplica a la situación permite a los usuarios saber que están siendo vistos, que se están anotando sus objetivos y que su éxito es un motivo para celebrar.
2. Recógeme
Un estado de vacío alentador puede hacer que sus usuarios se sientan competentes. Se descubrió que los elogios fortalecen el vínculo entre los usuarios y el producto que los elogiaba. Además, son geniales para tu cutis :)

Los usuarios no pueden ver los datos porque esta función no está incluida en su plan. Necesitan actualizar para verlo.

Bueno, este no es un estado completamente vacío, porque el sistema tiene datos para mostrar, pero es similar a un estado vacío porque los datos no están disponibles para los usuarios.

Los estados vacíos de este tipo son una oportunidad perfecta para motivar a los usuarios a comprar y actualizar su plan, porque si han llegado a esta pantalla, esta información debe interesarles.

Por eso sería realmente un desperdicio escribir “Estos datos solo están disponibles en el plan PRO, actualízalo ahora”.

En cambio, podemos utilizar aquí los principios del marketing de productos y demostrar el valor de la característica específica de la que estamos hablando: cómo exactamente puede ayudarlos.

Aquí están algunos ejemplos:

Todoist

Todoist

Acompañarme

Los usuarios escribieron una palabra o frase directamente en el campo de búsqueda y el sistema no arrojó ningún resultado.

Si no queremos escribir “sin resultados”, ¿qué debería ¿nosotros escribimos?

1. A título – eso implica responsabilidad, algo así como: 'No pudimos encontrar lo que buscabas'.

2. Tenemos entonces varias opciones, según la situación y el producto:
– Volver a lo básico: sugerir que arreglen o cambien el texto de entrada
– Presentar resultados que estén relacionados con el término buscado.
– Sugerir búsqueda avanzada
– Dígales que les avisaremos una vez que tengamos lo que estaban buscando.
– Ofrezca agregar el artículo que estaban buscando a su sitio/producto.

Ejemplos:

Alternar

Los usuarios configuraron filtros de búsqueda y el sistema no pudo generar resultados.

Si no queremos escribir “sin resultados”, ¿qué debería ¿nosotros escribimos?

1. Un encabezado – que tiene la culpa, algo…