Like A Girl

Pushing the conversation on gender equality.

Code Like A Girl

La disculpa perfecta

Rediseñando errores de páginas.

Escrito por Chrystal King y traducido al español por Maria Alejandra Yepes para Code Like A Girl

Traducción: Mi error

Los errores son parte de la vida y no deberías evitar cometerlos. En vez de eso ¡acéptalos! porque son una oportunidad para crecer y ser mejor. La forma cómo respondes a una equivocación afecta el resultado final de una situación.

En el mismo sentido, la forma en que el sitio web que diseñes responde a un error puede afectar la experiencia del usuario. Una respuesta negativa podría llevar a un usuario a dar click en la temida flecha “atrás” y dejar tu sitio y probablemente no regresar jamás. Mientras que una respuesta positiva podría volver un momento de molestia en un momento de encanto, suavizando la fricción.

Traducción: “Nada que ver aquí, sólo puliendo cosas” → Un usuario en su viaje por la página web

Los errores que salen en las páginas son oportunidades para responder a equivocaciones. Podría ser un error del usuario, como digitar mal la url. A veces, no es culpa de uno, un usuario podría equivocarse usando en la búsqueda un link que no existe. O peor, un error del tipo “404” podría aparecer por tu responsabilidad, por ejemplo, cuando pones en el sitio web un link que no existe.

Similar a cuando alguien riega una bebida en tu camisa favorita o incluso cuando un desconocido te pisa. Avanzar en la solución empieza con una disculpa. Algo salió mal y es extraño pero lo siguiente qué pase es clave para la relación futura entre ambas partes.

En un mundo perfecto, una buena disculpa se ve así:

Disculpa + Responsabilidad + Solución

Disculpa

Esta es la base principal. Esto le muestra a la otra personas que tienes empatía hacia ellos. La palabra “lo siento” es una buena manera de empezar pero hay un montón de formas de ofrecer una buena disculpa sin tener que decirlo. La clave en este caso es reconocer que algo salió mal.

Responsabilidad

Asumir la responsabilidad nos evita la sensación de quedarnos pensando quién hizo esto. Te deja tomar el control de la situación y moverte a hacer las cosas correctas.

Solución

El toque final. Como no hay nada que puedas hacer acerca del pasado, ofrecer una solución es tu oportunidad para reparar el daño causado. Piensa en esto como un llamado a la acción que les permita a ambas partes tener un final feliz.

Traducción: La disculpa perfecta. El helado siempre ayuda. (づ。◕‿‿◕。)づ

En realidad, un error en una página no debería ser diferente a disculparse en persona, es comunicación entre seres humanos. Sin embargo, la tradicional repuesta “404” puede hacer sentir al usuario como que está hablando con un robot. (¿Te acuerdas del computador en el Laboratorio de Dexter?)

Esta confusión es peligrosa porque las máquinas sin rostro no generan emociones. Y sin ninguna emoción ligada a la situación, es más fácil para un usuario dejar un sitio web sin pensarlo dos veces.

Si fueras a estructurar tu página “404” como una buena disculpa, deberías recordarle a los usuarios que tú eres humano como ellos. Esto conlleva a un resultado más positivo — ellos perdonándote por tu error y felizmente, continuar navegando en el sitio web (~˘▾˘)~

He rediseñado (de manera no oficial) unas cuantas páginas “404” que podían mostrar un mayor arrepentimiento.

Noticias BBC

Tan grande como es la BBC y su página de error no lo es. Esta página carece de responsabilidad en su disculpa pues usan la palabra “nosotros” explicando por qué el error podría haber sido culpa de ellos, yo arreglé esto. No me alejé de la voz de la marca aunque quité mucha de la información que tenían inicialmente. Introduje también una jerarquía visual para hacer los llamados a la acción más claros. Un botón de búsqueda es mejor remedio que múltiples links porque el usuario puede encontrar lo que ellos estaban buscando originalmente.

Nota de la traductora: La imagen de la derecha corresponde a la versión rediseñada. La autora propuso menos información y agregó un botón de búsqueda que le facilitara al usuario encontrar lo que estaba buscando

Flickr

De hecho no hay nada malo con la página de error de Flickr, sólo que no muestra a los usuarios lo maravillosos que de hecho son. Yo asumo que la mayoría de usuarios de Flickr son individuos que aprecian las buenas características visuales, entonces ¿por qué no trabajar sobre eso? Yo introduje una imagen ganadora que ilustra el trabajo de un usuario existente, puse un link que con fortuna distraerá al usuario del hecho que está en una página de error.

Nota de la traductora: La imagen de la derecha corresponde a la versión rediseñada. La autora propuso una foto de uno de los actuales usuarios de Flickr, con esta imagen espera distraer al usuario visitante de la idea de qué está en una página no encontrada.

Clarks

Tiene la clásica “404” página de error que estoy segura nadie lee. En este caso me decidí por una propuesta más directa y que está en línea con la marca existente. Como solución, introduje un llamado a la acción que despliega los grandiosos zapatos que ellos venden.

Nota de la traductora: La imagen de la derecha corresponde a la versión rediseñada. En este caso, la autora fue más directa y en vez de una página de error clásica muestra un catálogo de los productos que la empresa vende.

Skyscanner

90% de la información que procesa el cerebro es visual. Las imágenes en sitios web de viajes son una oportunidad para conectarse con las emociones de los usuarios. Intencionalmente seleccioné una imagen que capta la atención del usuario en un intento por evocar una emoción del tipo FoMO (por sus siglas en inglés Fear of Missing out, necesidad de estar conectado por miedo de perderse de algo) Jugué con la manera conversacional en que se comunica Skyscanner y usé su “solución” como una manera atrevida de vender ofertas de vuelos.

Nota de la traductora: La imagen de la derecha corresponde a la versión rediseñada. En este caso, aprovecha la imagen para ofrecer una oferta de un vuelo a Malasia y pone un botón que lleva directamente a otras ofertas

En resumen

  • Las páginas de error son una oportunidad para recordar a tus usuarios que eres un ser humano.
  • Una disculpa es una oportunidad perfecta para demostrarlo
  • Siempre ofrece una solución, esto encantará a tus usuarios.

Espero que hayas disfrutando leyendo mis pensamientos. Me gustaría escuchar los tuyos

Comparteme lo que piensas escribiendo un tweet o dejando un comentario abajo

Si este artículo te parece valioso, ¡compártelo!