Mensajes de error

App compra online / App food delivery

CHALLENGE:

Desarrollar dos tipos de mensaje de error para dos casuísticas diferentes:

  1. Un producto que ha perdido la conexión a internet: El usuario necesita estar online para poder utilizar el producto.
  2. Un producto en la fase inicial de crear cuenta: En concreto, la usuaria ha indicado un nombre de usuaria ya existente.
CLIENTES:

App de compra online de un gran superficie y app de food delivery.

(Ejercicio realizado para el Postgrado en Content Design y UX Writing de Shifta by Elisava).

SOLUCIÓN APP DE COMPRA ONLINE:

El mensaje de error que he diseñado se muestra a través de un aviso que interrumpe la actividad del usuario con la app y no puede finalizar el proceso de compra. Se compone de 3 elementos:

  • El texto del título (en negrita y a mayor tamaño para captar atención) informa del problema al usuario y, a continuación, en el bodycopy plantea una forma de solucionar el problema.
  • La imagen da apoyo visual reforzando la llamada de atención.
  • El botón con CTA anima al usuario a continuar con su actividad en la aplicación.

SOLUCIÓN APP DE FOOD DELIVERY:

Además del literal en el que se explica el error, se refuerza el mensaje con el color rojo que se incluye en la tipografía, el borde de la caja de texto y el icono con el signo de exclamación. Todo para apoyar visualmente que el nombre introducido no es correcto y captar la atención del usuario.

Para añadir rapidez a la solución, he añadido la opción previa de tres variantes del nombre elegido que sí están disponibles, con la intención de guiar al usuario para evitar repetir el error y que pueda abandonar el proceso de registro.