De vez en cuando, su sitio web tiene un enlace roto o eliminado que todavía está flotando en algún lugar de Internet, o un usuario escribe un error tipográfico en la URL. Entonces alguien termina aterrizando en una página de error 404, confundido, perdido y preguntándose “¿a dónde voy desde aquí?”
Un error 404 es un código de Protocolo de transferencia de hipertexto (HTTP) que le indica que no se puede ubicar el servidor del sitio web o la página específica a la que intenta acceder. Hay otros tipos de errores HTTP, pero los errores 404 son los más comunes.
Un enlace roto durante su experiencia de navegación es un gran problema para algunos sitios web, pero incluso una página 404 puede ser una oportunidad. Puede disminuir la frustración de sus usuarios cambiando una página de error 404 insulsa por algo un poco más divertido.
Si está buscando diseños para probar, busqué en páginas altas y bajas y encontré 20 de las mejores 404 páginas de las que puede aprender.
1. Gimnasio
Por qué funciona:
Gymbox es una empresa de fitness con sede en Londres que se enorgullece de sus modernas clases de fitness y de su personalidad de marca.
Esta página 404 funciona porque estás más desconcertado con el video de la página 404 que con el error real de la página 404. Nada dice que estás en el lugar equivocado como un hombre con una blusa corta, pantalones cortos y un empuje pélvico inspirado en los años 90. Seguro que volverá a hacer clic en la página de inicio en poco tiempo.
2. Deriva
Por qué funciona:
A nadie le gusta aterrizar en una página 404. Es por eso que siempre es mejor disminuir la decepción que sus usuarios en línea podrían enfrentar cuando aterrizan en uno.
La página 404 de Drift es una de las más divertidas que hemos visto. Los usuarios mal dirigidos son recibidos por un video incrustado de DJ Khaled perdido en el mar.
La página dirige al visitante a la página de inicio con el enlace, y luego recuerda a los usuarios que las cosas podrían ser peores: podrían ser DJ Khaled perdido en el mar.
3. Zorro del siglo XX
Por qué funciona:
Puede cambiar la frustración por el placer mediante el uso de imágenes, subtítulos y videos de la cultura pop cuando esté creando sus propias páginas 404.
Dado que Fox alberga la mayoría de estas películas, es natural que las incorporen a su sitio web. Van un paso más allá al agregar un elemento de azar: la referencia de su película de 404 páginas cambia cada vez que aterrizas en ella.
Podrías encontrar fragmentos de Edward Scissorhands, Young Frankenstein, Napoleon Dynamite y más. ¡Haz clic aquí para ver lo que obtienes!
4. imán
Por qué funciona:
Catalogado por CNBC como una de las mejores páginas de error 404 de Internet, Magnt lo dice audazmente como es: o no sabes escribir o rompieron algo. Puede decidir cuál es la causa de su error de página 404.
Puede seguir los pasos de Magnt y probar algunos enfoques audaces o creativos para sus páginas 404 con algunos subtítulos irónicos.
5. Hootsuite
Por qué funciona:
¿Aún no sabes cómo diseñar tus páginas 404? Puede incorporar el logotipo de su empresa o la mascota de la marca en el diseño. Tome Hootsuite, por ejemplo: para sus páginas 404, mostraron su mascota, Owly, que falta en un cartón de leche, junto con las razones por las que esta página podría faltar.
6. armonía
Por qué funciona:
Su página 404 puede incluso ser una oportunidad para vender sus servicios. Eso es lo que hizo eharmony con sus 404 páginas.
Un sitio de citas de gran éxito, afirmaba que, aunque la página no estaba disponible, había millones de solteros de eharmony por ahí.
7. Camino Azul
Por qué funciona:
Blue Path es una firma de consultoría de estrategia de datos con un toque de humor, humor de sitios web para ser específicos; Blue Path te permite saber cuán perdido estás con su página de error 404.
La página 404 le muestra un informe detallado de la tasa de delincuencia de Atlanta desde enero de 2015, porque es un delito que aún no los haya contratado. Otra forma increíble de vender sus servicios a los visitantes.
8. Centro de correo electrónico del Reino Unido
Por qué funciona:
Alguien tiene que echar la culpa por un error 404. Entonces, ¿qué hizo Email Center UK?
Creó una página 404 interactiva donde puede seleccionar qué empleado será despedido, junto con otra opción más suave para permitirles conservar su trabajo volviendo a la página de inicio.
9. IMDB
Por qué funciona:
Anteriormente, hablamos sobre lo atemporales que son las referencias a la cultura pop. Regreso al futuro no es una excepción. Como página de películas, IMDB no defrauda.
10. Maravilla
Por qué funciona:
De acuerdo, tal vez las referencias a películas no sean lo tuyo, ¿por qué no pruebas chistes que funcionen dentro de tu nicho? Marvel agregó el Vigilante del universo a su mezcla de 404 páginas.
La compañía estaba segura de ganar puntos geniales con Black Widow en el fondo y el ojo siguiendo el cursor de la pantalla.
11. Steve Madden
Por qué funciona:
En cuanto a las disculpas, esta página 404 de Steve Madden se lleva la palma. El texto es largo pero capta la voz de un auténtico amante de los zapatos.
No tenga miedo de agregar alguna colocación de productos en sus páginas 404. Si vinieron a comprar, déjalos comprar y brinda atención al cliente en caso de que necesiten ayuda, ya que no encontraron lo que buscaban en tu sitio web.
12. MailChimp
Por qué funciona:
El 404 de Mailchimp es bastante divertido con la forma no tan sutil de decir que estás tan perdido como un burro con la cabeza en un agujero, mientras te dirige suavemente de regreso a la página de inicio.
13. Taco Bell
Por qué funciona:
Taco Bell es una marca que ha dominado el arte de ser divertido y delicioso al mismo tiempo. Su página les dice a los usuarios que la página que estaban buscando no existe, a menos que estuvieran buscando un taco animado.
14. Pixar
Por qué funciona:
Pixar decidió confiar en su estrella de Inside Out, “Sadness”, porque eso es lo que se siente al aterrizar en una página 404, y cualquiera que esté familiarizado con la película reconocerá la broma de memoria a largo plazo. (Personalmente, creo que es bastante lindo, ¿no?)
15. Hojas T
Por qué funciona:
Te prometo que esta es la última referencia de la página 404 de Regreso al futuro que compartiré (pero debes admitir que esa película es un clásico).
TSheet es una aplicación de programación que se enorgullece de su precisión y análisis oportuno. De acuerdo con eso, hicieron referencia a la línea en la que el Dr. Emmet Brown logra exactamente 88 mph usando su Flux Capacitor.
16. Zumbido
Por qué funciona:
Siempre puedes mantenerlo simple. Buzzfeed lo hizo, con su mascota gato moviendo la cola de un lado a otro para hacerte saber que falta algo o que cometiste un error tipográfico.
17. lego
Por qué funciona:
Lego ha estado entre los diez primeros cuando se trata de 404 páginas, y es fácil ver por qué con una página como esta. No puedes evitar iluminarte cuando lo ves (lo opuesto a tu reacción habitual a una página de error). Es de marca, colorido, caprichoso, divertido y efectivo.
18. 9GAG
Por qué funciona:
9GAG es el padre de todos los memes y la comunidad que lo impulsa. Albergan una amplia gama de videos, imágenes y GIF de todo el mundo. Cuando llegue a una página 404 en 9GAG, se encontrará con Vincent de Pulp Fiction buscando a Mia (que se ha convertido en un símbolo cultural de confusión) con la leyenda: “Aquí no hay nada”.
Sin embargo, no dejan a los usuarios en la estacada, sino que dejan la opción de descargar la aplicación.
19. AirBnB
Por qué funciona:
A nadie le gusta dejar caer helado recién sacado, al igual que a nadie le gusta aterrizar en una página de error 404. Así que AirBnB decidió usar una ilustración simple para mostrar eso.
Esto demuestra que su página 404 no tiene que estar ahí afuera o estar llena de cultura pop y glamour: puede ser tan simple como usar una ilustración simple para agregar algo de color y emoción.
20. buzón
Por qué funciona:
Desde la actualización de la marca de Dropbox en 2018, han cambiado casi todo, desde su página web, interfaz, hasta su página de error 404.
Si está actualizando la marca de su propio negocio, no olvide agregar sus páginas 404 a la mezcla. (Lo creas o no, importa).
Resumen
Ahí lo tienes, 20 de las mejores 404 páginas para adornar Internet. Puede tomar los consejos de cada página 404 y usarlos cuando cree los suyos propios.
De simple a complejo, de video a imágenes, hay muchas cosas divertidas que puede hacer para reemplazar ese aburrido texto predeterminado de “página no encontrada”.
¿Cuál fue tu página 404 favorita y por qué? Comente abajo y hágamelo saber, me encantaría escuchar.
