Una página 404 – Mejores prácticas e inspiración para el diseño

Si aún no está familiarizado con el término, una página de error 404 es una página que tiene la tarea de anunciar al usuario que el enlace al que ha intentado acceder está interrumpido o no existe. No hace falta decir que obtener un resultado en la página de error 404 es irritante para cada usuario que se enfrenta a esto. Para que esta aparición sea un poco más soportable para los usuarios, muchas páginas web se han comprometido a personalizar su página de error 404, para que parezcan más “divertidos” y únicos. Por lo general, hago esto incorporando humor, inteligencia y un diseño que contenga originalidad creativa en su página.
Si también tiene un plan para diseñar su propia página 404 de esta manera, entonces mire algunos ejemplos de 404 páginas ya realizadas pueden servirle como una inspiración agradable. Por lo tanto, decidimos compartir una lista de ejemplos de 404 páginas de error llenas y únicas que pueden ayudarlo durante la creación.
¿Cómo debería ser una página de error 404 como
Primero, mencionaremos algunas características que, en nuestra opinión, deberían tener una página de error 404 personalizada. Algunas de estas estrategias han sido aplicadas por muchos sitios web influyentes.
1. debe coincidir con el estilo general de su sitio web
Si nos preguntas, esta debería ser una idea simple. Hay tantos temas de WordPress que se crean especialmente para adaptarse a la atmósfera de un tipo particular de negocio o la naturaleza de los servicios o productos que promueve el sitio. Por lo tanto, es natural ajustar el diseño de su página 404 tanto en la plantilla de su sitio como en el tema general de su sitio. Por ejemplo, si es un sitio web de restaurantes especializado en comidas finas, sería bueno incluir una imagen de una mesa elegante, así como su nombre en su página de error 404. De esta manera, sus visitantes al menos no Olvida que sirve buena comida, a pesar de los inconvenientes que han enfrentado en este momento. Debido a los muchos sitios web gratuitos y los numerosos recursos con ilustraciones vectoriales, puede mejorar el aspecto de su error 404 de acuerdo con sus necesidades2. Debe contener una forma de excusas
Tener un error emergente 404 no solo es molesto, es algo que no debería haber sucedido primero. Por lo tanto, siempre es una buena idea incluir algún tipo de excusa en su página de error, donde resalta que lamento los problemas del usuario de alguna manera.
3. Una página de error 404 debe incluir una barra de búsqueda
Esta también puede ser una buena práctica. Si agrega una barra de búsqueda en su página de error 404, puede hacer que los usuarios permanezcan en su sitio web para continuar explorando.
4. Considere agregar un enlace
Al igual que una barra de búsqueda, un enlace útil puede funcionar más bien que malo. Este puede ser cualquier enlace que considere importante, como el blog, la página de contacto o incluso su página de inicio. Además, agregar un enlace a WordPress es muy fácil. Aliviarlo con humor
Ya mencioné el humor antes. Ya sea lleno de espíritu, autoconfianza o simplemente extraño, usando el humor en situaciones que realmente pueden ayudar a aliviar su estado de ánimo o visitante. Quién sabe, su enfoque relajado y cómico puede incluso tener una impresión más positiva en su marca en general.
En resumen, si tiene una buena idea para una línea llena de espíritu que puede ir en su página de error 404, no dude en agregarla, porque la actitud humorística es bienvenida por muchos. E incluso si sus visitantes no creen que sea divertido, siempre es mejor mantener las cosas felices que ser como una máquina.
Nota:
También puede establecer una redirección en su página de error 404. Por ejemplo, si se produce un error, su página se puede redirigir a su página inicial. Esta, sin embargo, no es la mejor solución, porque si algo está mal con su página de inicio, al principio regresa.
Pero antes de hundirse en los mejores ejemplos que hemos preparado, date tiempo para refrescar tu memoria sobre la construcción de la página 404 en WordPress:
Cómo hacer una página de 404 personalizada en WordPress
Nuestras opciones inspiradoras para la página de error 404
Ahora que sabe qué elementos pueden hacer una página de error 404, le daremos algunos ejemplos de 404 páginas de error que han atraído nuestra atención con el sentido del humor y el impacto general de su diseño.
Ver la página
Esperamos que la forma en que se ve esta página de error 404 no presente cómo reaccionará cuando esté experimentando este problema. Pixar decidió agregar un personaje llamado tristeza de una imagen popular de 2015, de adentro hacia afuera, con un mensaje que le aconseja que no tome cosas como estas demasiado personales. No podríamos estar de acuerdo.
Mailchimp

Ver la página
Después de lanzar una nueva marca y identidad de diseño, MailChimp también cambió el aspecto de la página de error. El sitio web especializado en los servicios de boletín de correo electrónico ha decidido incluir una imagen no convencional de un burro cuya cabeza está enterrada profundamente en un agujero, lo que indica que ha buscado en cada grieta del sitio y puro. Y no hay una página simple para encontrar . Bueno, es obvio que el burro ha hecho todo lo posible para encontrar esa página para usted, por lo que no tiene sentido estar demasiado frustrado.
Foto

Ver la página
Este sitio web profesional basado en la fotografía está especializado en la captura de retratos de recién nacidos, bodas y otros eventos familiares. Por lo tanto, es apropiado haber decidido incluir una imagen de un pequeño niño manchado que hace una crisis de enojo en su página 404. Incluso si la imagen muestra que el niño ha venido a comer un pastel, el texto sugiere sutilmente que la página usted estaban buscando se comieron y. Pero, ¿cómo puedes molestar a un niño que llora? ¡Simplemente fue curioso y terminó para tragar su página por un accidente!
Tormenta de nieve

Ver la página
Las 404 páginas de Blizzard Entertainment tienen un giro. Además de una ventana rota y un menú distorsionado (que todavía funciona, por cierto), hay un mensaje que culpa al usuario por el error. Fueron un poco audaces en su enfoque, ya que esto es definitivamente un cambio en los mensajes de excusa habituales que tienden a aparecer en las páginas de error. Sin embargo, sigue siendo único y estimulante, por lo que distraerá al menos a algunas personas de este giro inesperado.
Ver la página

La vista de un antagonista de Angry Birds completamente derrotado en el sitio oficial de este juego solo porque no se puede encontrar la página podría tener un efecto reconfortante en una persona que lo ve. Después de todo, no hay nadie más que un cerdo malo que pueda unirse a su desgracia.
Volante
Ver la página

Flywheel es una empresa especializada en ayudar a los desarrolladores y diseñadores a construir sitios web de WordPress. Su página 404 es de naturaleza simplista, pero incluye algunos elementos de diseño web cautivadores. Hay un “realmente loco!” Mensaje que en realidad es un juego de palabras inteligente, dado que un número cero es en realidad un agujero negro animado que ha absorbido lo que parece ser una computadora portátil con una página rota.
Carpeta
Ver la página

Cada buen diseñador de UX reconoce que, al concentrarse en resolver los mayores problemas que tiene un usuario, debe adaptarse y cuando salga del guión. Es por eso que las personas humildes de Carwow crearon una maravillosa página de 404, con un juego de carreras de autos para cuando las páginas no cobran según el plan.
Destilado

Ver la página

El humor británico a menudo se caracteriza por el hecho de que no se toma demasiado en serio. Los propietarios de la empresa son británicos, por lo que en esta situación, de hecho, se vuelven a sí mismos. Lo hicieron dibujando dos personajes elegantes que están profundamente inmersos en su conversación sobre una página que no funciona. Durante este tiempo, le da al usuario consejos sobre lo que deben hacer a continuación, utilizando frases británicas que suenan cómic en este contexto. Personalmente, lo perdí cuando llamaron a la página “Cuatrocientos cuartos mensaje de error” y cuando comentaron que “su mayordomo web remediará su error en una pandilla”.
Ver la página
Slack es una plataforma de colaboración que ayuda a las empresas y empresas a trabajar juntas y avanzar. Pero si aterriza en su página 404, considérate realmente perdido. Su página de error muestra una linda animación que se mueve y si dibuja el cursor del mouse en la pantalla. Incluso si es visualmente cautivador, este es un ejemplo de una página que no tiene correlación con el contenido del sitio web, pero aún así hace bien su trabajo.

Inspirar y prepararse para la experiencia
Además de los ejemplos de 404 páginas creadas cuidadosamente, utilizadas por marcas famosas, hay muchas otras plantillas excelentes a las que puede llamar. Diseñado por artistas con cuidadosamente experimentado en cada detalle, estos son nuestros favoritos.
Ver la página

Diseñado por Lena Zaytseva, esta plantilla es un gran ejemplo de error interactivo y no ipic página 404. Mínimo, pero efectivo, combina blanco y amarillo con textos animados. Las palabras con el nombre del sitio están separadas por “404”. Al mismo tiempo, su mensaje principal junto con el botón de retorno aparece en la parte inferior de la página. Esta solución es excelente para sitios web inquebrantables y nichos creativos. Ver la página
Aunque esta página 404 puede parecer simple al principio, es un buen ejemplo de cómo la simplicidad puede ser efectiva. Con un tono azul dominante y una ilustración 3D inteligente, muestra que 404 páginas originales no tradicionales pueden marcar una diferencia real. Si desea que su presentación en línea se destaque, esta puede ser la más apropiada.
Ver la página
Las páginas de error 404 nos hacen sentir principalmente que estamos perdidos en el espacio. Según esta metáfora, este ejemplo de 404 página es una forma sólida de redirigir a los visitantes del sitio a la página inicial. Los maravillosos gráficos y elementos planos son el punto central de esta plantilla. En un caso, desea una página de 404 que sea una pequeña obra de arte y puede funcionar perfectamente para cualquier sitio creativo, no dude en probar esto.

Ver la página
Diseñado por Caroline Lee, este aspecto audaz de 404 páginas se ajusta excelentemente para cualquier persona que prefiera el estilo retro, multicolor. El ambiente de esta plantilla nos recuerda a los videojuegos pioneros y una antigua era de la televisión. La mezcla de colores brillantes como rosa, amarillo, azul y verde y las diferentes dimensiones de las formas se adaptarán a cualquier diseño o estudio de juegos.

Ver la página
Si hay una palabra que puede describir este aspecto, ¡sería amarillo! Inspirado en la estética Pop Art American, este ejemplo 404 combina dos tonos de amarillo, puntos y rayas icónicas. Si desea traer algo de arte en ese tipo de página, esta es una forma de seguir. Ver la página

La simplicidad a veces tanto ofrecer. Esta plantilla es la mejor prueba. En el lado izquierdo, hay una ilustración de un guitarrista con una guitarra con una cuerda rota. El poderoso simbolismo de esta ilustración se adapta perfectamente al contexto de la página 404. Por otro lado, hay un mensaje simple con el botón Atrás.
Conclusión

La mirada de las páginas de error 404 ya existentes puede ser divertida, pero crear una puede ser una historia completamente diferente. Se necesita inteligencia, creatividad y un poco de apertura para trabajar. Sin embargo, esperamos que algunas de nuestras sugerencias al menos lo ayuden a comenzar bien.
Esperamos que este artículo haya sido útil. Si le gustó, ¡no dude en consultar algunos de estos artículos!

Los mejores 10 sitios web con ilustraciones vectoriales
Los mejores sitios web de stock de fotos

20 grandes marcas usando WordPress