Contenidos
Su página 404 debe mostrar la creatividad y la personalidad de su marca y, al mismo tiempo, ayudar a los usuarios. Aquí hay 40 ejemplos increíbles de 404 páginas para inspirarte.
Si está desarrollando un sitio web o ayudando a administrarlo, debe estar preparado para cuando las cosas salgan mal.
Los enlaces se rompen, las páginas se mueven y los usuarios terminan en algún lugar inesperado de su sitio web.
Esto puede causar una gran interrupción para las personas que usan su sitio, lo que podría llevarlos a abandonar su sitio web para buscar lo que quieren en otro lugar.
También existe la posibilidad de que pueda afectar su clasificación de búsqueda si las personas llegan a páginas rotas desde enlaces entrantes.
Ahí es donde entra en juego la página 404: actúa como un reconocimiento cortés de que las cosas no están donde deberían estar y empuja a los usuarios a volver a encaminarse dentro de su sitio web.
Puede haber una gran cantidad de valor oculto dentro de una página 404 que hace más que simplemente indicar que falta algo, convirtiendo un mensaje de error en algo útil y con propósito.
Es por eso que hemos compilado una lista de excelentes ejemplos que muestran el potencial de una página 404 para mejorar la experiencia del usuario en lugar de restarle valor.
¿Qué es una página 404?
Una página 404 es una página de destino que indica a los visitantes de su sitio web que la página que solicitaron ver no está disponible o, en algunos casos, no existe.
Entonces, en lugar de mostrarle al usuario una página en blanco, se muestra una página 404 para explicar lo que sucedió.
Idealmente, los usuarios nunca llegarían a páginas faltantes, pero la realidad es que los enlaces antiguos pueden pasar desapercibidos o continuar existiendo en otros sitios, incluso para aquellos con sitios web bien mantenidos.
Potencialmente, esto puede resultar en una mala experiencia de usuario en su sitio web, y esos usuarios posiblemente abandonen su sitio web para buscar lo que quieren en otro lugar.
Esto, a su vez, puede tener un impacto negativo tanto en el tráfico como en la clasificación de su sitio web si no se maneja adecuadamente.
¿Cuándo podrían los usuarios llegar a las páginas 404?
Hay una variedad de razones por las que se le puede mostrar una página 404 a un usuario:
- El servidor está caído.
- La página nunca existió.
- El usuario escribió mal la URL.
- La URL está rota.
Todo esto puede ocurrir debido a un enlace interno roto dentro de su sitio web o cuando un usuario es redirigido a una página de su sitio desde otro lugar de Internet.
Debido a que hay una amplia variedad de razones por las que se puede mostrar una página 404 a un usuario, es mejor tener una página 404 sólida que minimice el posible efecto negativo que podría tener en él.
¿Cómo es una página 404 una oportunidad de marca?
Una página 404 sigue siendo parte de la experiencia del usuario en su sitio web y está totalmente bajo su control, a pesar de que su viaje ha tomado un rumbo desconocido.
Eso significa que el contenido de su página 404 puede diseñarse como mejor le parezca, formando una parte clave de su sitio web como cualquier otra página que necesite diseñar para representar su marca.
Si los usuarios sienten que su paso en falso en su sitio no ha sido castigado ni ignorado, sino que se debe a un problema previsto, puede ayudarlos a retener su atención y mantenerlos en el sitio.
Al utilizar una página 404 como otra oportunidad para que los visitantes del sitio web experimenten la personalidad de su marca, puede incluso acercarlos a su negocio y convertir una experiencia potencialmente negativa en una positiva.
¿Qué hace que una página 404 sea excelente?
Las mejores páginas 404 son aquellas que se sienten auténticas y brindan una respuesta adecuada a los usuarios que hace que su salida no planificada de su mapa del sitio se considere considerada.
Aún mejor, la página 404 puede ofrecer opciones de página alternativas para llevar a esos usuarios a otra parte dentro de un sitio web, lo que podría ayudarlos a encontrar lo que necesitan.
Aprovechar al máximo el tono de voz de su marca puede convertir el mensaje de error en algo mucho más amigable y afable, lo que puede compensar el inconveniente de la falta de información.
Incluso podría ser delicioso de formas inesperadas, como con imágenes interesantes o contenido de marca que puede parecer un contenido especial de huevo de Pascua dentro de su sitio web.
40 de los mejores ejemplos de páginas 404
1 Maravilla
Marvel hace uso de su extensa lista de personajes de cómics y la popularidad del Universo Cinematográfico de Marvel (MCU) para crear páginas 404 únicas y entretenidas para su sitio web. Marvel
La línea de apoyo debajo del mensaje de error 404 principal incluye un personaje relevante o una trama sobre elementos que se pierden, no están disponibles o son robados, lo que agrega mucho carácter a la página.
Junto con una imagen relevante, transforma la biografía de un personaje faltante o una lista de cómics en un error que resulta menos frustrante y más divertido.
2 Listo para sobrevivir
Incorporar referencias culturales populares puede ser otra forma de hacer que su mensaje 404 «Página no encontrada» sea más interesante, como lo ha hecho este sitio de supervivencia con una escena icónica de The Matrix.
Esto hace referencia a la elección que ofrece Morfeo en la película entre una pastilla roja o una pastilla azul, lo que le brinda a Neo las respuestas que busca.
Sin embargo, Ready to Go Survival juega con esta opción, ya que ambas opciones enlazan con la página de inicio, para que los usuarios puedan comenzar su viaje nuevamente y tomar nuevas decisiones desde allí. Ready to Go Survival
Esto reformula el mensaje de error como una opción, ofreciendo un camino a seguir en lugar de ser una página sin salida que podría dejar a los usuarios estancados.
3 Kualo
Kualo, proveedor de alojamiento web desde hace mucho tiempo, ha convertido su página de error 404 en una oportunidad para que los usuarios queden atrapados en un poco de nostalgia interactiva. Kualo
A los usuarios que encuentran un enlace roto se les dice que los Space Invaders son la causa y que ahora es su oportunidad de vengarse.
Si bien es posible que esto no proporcione a los usuarios la información que estaban buscando, al lanzarse directamente a una experiencia de juego práctica, los usuarios se mantienen interesados en un momento inesperado de alegría.
Esto crea más una historia sobre por qué los visitantes del sitio web ven un mensaje 404, que está más en consonancia con la personalidad de la marca.
Además, todavía existe la opción de regresar y retomar su viaje de usuario donde lo dejaron después de haberse divertido.
4 Steve Lambert
Dada la naturaleza inesperada de una página 404, es una gran oportunidad para crear un momento memorable en su sitio web.
Steve Lambert tiene un enfoque único a este respecto en su sitio web personal con su atrevido título “La página 404 no encontrada más incómoda en Internet”, en el que presenta un video de sí mismo que hace escalofríos haciendo chistes terribles. Steve Lambert
Si bien esta sería una característica habitual en la mayoría de los sitios web, se adapta al tipo de arte experimental de Lambert y ayuda a construir aún más su marca personal.
Al encarnar completamente su marca poco convencional, incluso dentro de su página 404, sus sugerencias de que el usuario cometió un error al acceder a su página 404 se sienten más irónicas y parte de la experiencia que un comentario acusatorio.
5 correochimp
Como plataforma de marketing por correo electrónico, Mailchimp se centra en la automatización y en hacer la vida más fácil a los profesionales del marketing. Mailchimp’s
Entonces, naturalmente, su página de error 404 está basada en la marca y en el mensaje para simplificar las cosas. Se responsabiliza por la página que falta y luego sugiere regresar a la página de inicio para encontrar un mejor lugar al que ir.
Sin embargo, la obra de arte dibujada a mano es lo que realmente marca el tono, con un burro de dibujos animados confundido mirando al vacío, como si buscara la página que falta, para respaldar el mensaje de la página.
La combinación de los dos captura el uso característico de Mailchimp de gráficos divertidos y humor tímido para infundir simplicidad con personalidad, lo que se espera convenza a los usuarios a presionar el destacado botón «Inicio de Mailchimp» y continuar su viaje.
6 Lógica izquierda
El diseñador Remy Sharp y el equipo de Left Logic amplían los límites creativos de lo que es posible usando JavaScript, con su página 404 funcionando de una manera que atrae al usuario de manera un poco diferente. Left Logic
Los visitantes del sitio web que terminan navegando a la página de error reciben un lienzo de pixel art en blanco donde pueden mostrar un poco de creatividad y dibujar sus propias obras maestras, con los envíos de otros usuarios que se muestran a la derecha para inspirarse.
Esta galería de obras de arte de otros usuarios es una forma encubierta de mostrar que el usuario no está solo en su viaje 404 y fomenta sutilmente la participación en el ejercicio antes de regresar a la página de inicio del sitio.
7 Magnético
Cuando terminas en la página 404 de Magnt, disfrutas de un poco de humor visual dentro de un diseño limpio. Magnt’s 404 page
En lugar de simplemente indicar el error, la marca ha creado un diagrama de Venn que cubre las dos bases principales por las que el usuario terminó aquí: un error del usuario o un problema del sitio web.
De cualquier manera, ambos resultarían en este mensaje de error 404 en negrita.
Este enfoque alegre de una página 404 le da un giro más humano a llegar a un callejón sin salida, suavizando la frustración y exponiendo la responsabilidad.
Con el botón Volver a inicio destacado dentro del diseño, la página proporciona un poco de ingenio antes de animar a los usuarios a volver al inicio de su viaje.
8 Lego
Como una de las marcas domésticas más creativas, Lego se mantiene ligera con su página 404, que juega con la leve sorpresa de terminar en algún lugar desconocido de su sitio web. Lego
La copia utiliza un lenguaje más familiar con «¡Oh, ladrillos!»
La imagen de Emmet, un hombre de Lego un poco asustado, de las populares películas de Lego, funciona junto con esto para crear empatía con la experiencia del usuario y una sensación mutua de sorpresa.
Esto coloca a ambas partes en una posición similar, por lo que cuando se le recomienda amablemente que regrese rápidamente a la seguridad de la página de inicio, los usuarios sienten que se están ayudando a sí mismos y a Emmet también.
9 Wendy’s
Cuando la gente piensa en Wendy’s, probablemente piense en sus hamburguesas exclusivas (Baconator o Dave’s Double) y en la mascota pelirroja de la marca. Wendy’s
Entonces, para la página 404 de Wendy’s, la compañía ha creado una versión de marca del antiguo juego de apilar hamburguesas «BurgerTime» en el que aparece la propia Wendy.
La página se abre con un mensaje 404 clásico antes de invitar a los usuarios a convertirse en jugadores y sumergirse en un poco de diversión.
A medida que los jugadores esquivan los hot dogs y dejan caer artículos de comida rápida en la bandeja de abajo, es posible que olviden sus frustraciones mientras quedan encantados con el juego nostálgico antes de presionar iniciar su viaje por el sitio web una vez más.
10 9GAG
El centro de humor de Internet 9GAG mantiene su página 404 simple pero perfectamente acorde con la marca. 9GAG
Si bien la copia es breve y va al grano, son las imágenes de fondo las que se centran, utilizando un giro en un GIF clásico de Los Simpson para resumir la sensación de ver un error 404.
Es probable que esa empatía con el usuario lo haga reír y caiga justo en el punto óptimo del tono de voz de 9GAG.
Los memes actúan como una abreviatura comunicativa que puede convertir la frustración en diversión a través de una experiencia compartida.
9GAG también utiliza esto como una oportunidad para empujar a los usuarios hacia su experiencia móvil, para que puedan desplazarse hasta el contenido de su corazón.
11 abrigo naranja
Como empresa autodenominada de “diseño web gourmet”, Orange Coat rompe moldes y ofrece un diagrama de flujo para su página 404 para redirigir el viaje del usuario. Orange Coat
Dirigiéndose al visitante del sitio web como un «viajero feliz de Internet», Orange Coat lo invita a responder una serie de preguntas de sí o no hasta que llegue al consejo correcto para que el usuario vuelva a encaminarse.
En lugar de simplemente ofrecer una única opción para regresar a la página de inicio, Orange Coat ve al usuario más como un individuo y ofrece un diagrama de flujo para guiarlo en la dirección que mejor se adapte a sus necesidades.
De esta manera, es más probable que los usuarios permanezcan en el sitio para encontrar lo que buscan en lugar de hacer clic e ir a otra parte.
12 DashThis
DashThis se especializa en software de informes de marketing, por lo que ha dirigido su página 404 al lado más nerd de su audiencia con una referencia clásica de El Señor de los Anillos disfrazada de visualización de datos. DashThis
Si bien el gráfico recrea Mount Doom y el Ojo de Sauron, el texto presenta un juego de palabras (404 = Mordor) para hacer que esta página de error sea un poco más alegre.
Incluso si esta referencia pasa por alto al usuario, hay tres enlaces justo debajo para volver a encaminarlo: enviarlo a la página de inicio, al centro de ayuda o a conversar con su equipo de soporte.
Este es un ejemplo fantástico de cómo combinar el propósito de la marca con algo de diversión irreverente y señalización realmente útil para ayudar a un usuario perdido.
13 Ayuda Scout
Help Scout se trata de ofrecer una plataforma simple, personal y poderosa para ayudarlo con sus tareas de marketing, y su página 404 no es una excepción. Help Scout
Ha personificado su marca al traer a Scout, un cachorro bastante adorable, para ayudarlo a encontrar otra opción dentro de su sitio que lo ayude mientras mantiene la copia cálida y alentadora.
Con múltiples opciones disponibles para ayudar, desde obtener más información sobre su plataforma hasta el botón de chat que aún está claramente visible en la parte inferior, la marca también atrae a los usuarios pidiéndole a cualquier persona que tenga su propio perro llamado Scout que envíe una foto.
Si bien es un nicho, es algo que hace que la marca se sienta más auténtica y humana: un buen toque para una página 404 que de otro modo podría parecer bastante robótica.
14 Asociación Mundial de Zoológicos y Acuarios (WAZA)
A veces, optar por un enfoque mucho más divertido y agradable para suavizar el aterrizaje en una página 404.
WAZA eliminó el mensaje de error habitual y en su lugar dejó que sus animales hablaran, con una extravagancia de flamencos graznando sobre la página web desaparecida. WAZA
Este enfoque más novedoso tiene como objetivo mantener al usuario interesado aprovechando el contenido de vídeo relevante antes de llevarlo sutilmente de regreso al sitio para continuar su viaje.
Las burbujas de diálogo que rodean a los flamencos lo llevan gradualmente de regreso a un enlace que lo dirige de regreso al sitio web principal, brindando al usuario un poco de brevedad antes de regresar a la página de inicio.
15 Camino Azul
Es posible que la estrategia de datos y la ciencia no sean las cosas más fáciles de integrar en una página 404, pero BluePath las ha integrado a la perfección con un ingenioso llamado a la acción incluido. BluePath
Se juega con la idea de que una página 404 es lo mismo que salirse del mapa del sitio, lo que demuestra que eres, en cierto modo, un poco especial para terminar aquí al salirte del camino habitual.
Aquí, la marca muestra su destreza en materia de datos con un panel interactivo de puntos críticos de delincuencia y aprovecha un texto un poco más atrevido con el juego de palabras: «¡porque es un delito que aún no nos hayas contratado!».
Esta es una forma creativa de potencialmente asegurar clientes potenciales a través de un giro equivocado en su sitio y juega con la personalidad de la marca BluePath.
dieciséis Spotify
Como uno de los principales actores en el espacio de transmisión de música, Spotify tiene una reputación que mantener con su página de error 404 para mantenerlo en línea con el resto de su marca. Spotify
Cuando la pista de un usuario a través del sitio de Spotify tiene un momento de rayado de disco, es recibido por imágenes de un tocadiscos que se detiene mientras la copia reproduce una referencia de Kayne de la vieja escuela: 808s & Heartbreak es el título de su cuarto álbum.
La fiesta no termina ahí, ya que Spotify señala tanto sus preguntas frecuentes como sus páginas de la comunidad como espacios alternativos para que los usuarios vuelvan a encontrar su ritmo.
Si nada de eso le conviene al usuario, también puede regresar y reproducir la página anterior en la que se encontraba para poder elegir un enlace diferente para seguir.
17 Miríada
Myriad es una agencia de producción de videos inteligente que opera desde Carolina del Norte, con una página 404 que se apoya directamente en sus raíces analógicas. Myriad
Cuando los visitantes del sitio web sintonizan una página que no existe, verán un patrón de prueba de barra de color SMPTE clásico y «¡Uy, NO HAY SEÑAL!» a todo volumen en la pantalla en un homenaje a las transmisiones de la era de la televisión CRT.
Este es un guiño a las dificultades técnicas que a veces surgieron en la transmisión, ahora reutilizadas para un tema más moderno que es completamente propio de Myriad.
El mensaje 404 está muy bien integrado de una manera que parece parte del diseño, con una llamada a la acción en la parte inferior para devolver a los espectadores al servicio habitual en la página de inicio.
18 Helecho
Las credenciales de Fern como estudio de diseño y animación significan que la gente probablemente espere experiencias excepcionales en su sitio web, y su página 404 no se queda corta. Fern’s
El texto en desplazamiento proporciona un movimiento llamativo, mientras que las imágenes ilustradas y un momento meme de Clay Davis de The Wire ayudan a transmitir la estética y la voz divertida de la marca de Fern.
Como un error 404 suele ser bastante raro, esto se siente como un vistazo detrás de la cortina a la creatividad sin filtros y el tono de voz de Fern, seleccionando elementos divertidos de una experiencia indeseable.
Para completar esto, hay dos líneas rápidas de texto que hacen que las personas regresen rápidamente al sitio principal para que puedan descubrir mi contenido divertido como este.
19 disney
Una empresa con personajes reconocibles al instante es Disney, con su enorme catálogo de películas animadas al que recurrir para hacer que su sitio web parezca más vibrante e interesante. Disney
Para su página 404, Disney presenta al personaje principal de Monsters Inc., Mike, para crear un poco de empatía y compartir la sorpresa del usuario al descubrir una página faltante.
La copia va al grano y hace referencia a un punto importante de la trama de la película: las puertas utilizadas para asustar, lo cual es un placer para los fanáticos de Disney que están al tanto de esto.
Luego regresa para llevar a los usuarios a la página de inicio para que puedan explorar otros elementos y posiblemente conocer a otros personajes favoritos de los fanáticos en el sitio.
20 figura
A primera vista, la página 404 de Figma parece engañosamente sencilla: solo texto helvético negro sobre un fondo blanco que transmite de manera sucinta el error. Figma’s 404
Sin embargo, los pequeños puntos azules en la numeración 404 invitan a los usuarios a jugar con la forma de estos números.
Esta sutil interactividad realiza algunas funciones: muestra la facilidad de las funciones de Figma, permite a los usuarios eliminar un poco de frustración al distorsionar los números y mantiene el diseño limpio. Por lo tanto, está claro que el colorido botón de inicio es la mejor opción a elegir.
21 Bebidas inocentes
Todos cometemos errores Es algo que todos tenemos que reconocer en ocasiones, y una página 404 parece un buen lugar para asumir la responsabilidad por la suya.
Eso es exactamente lo que Innocent Drinks ha hecho con su página 404, felicitando rápidamente al usuario por encontrar la página y luego asumiendo la responsabilidad por el error. Innocent Drinks
Luego se duplica con contenido divertido y alegre que lleva a los visitantes del sitio web a un breve recorrido por los errores anteriores de la marca.
Al hacer esto, se crea un momento de vinculación con el usuario y la página 404 ya no se siente como una experiencia negativa.
Además, la barra de menú roja en negrita sigue de manera receptiva el desplazamiento del usuario hacia abajo en la página, lista para llevarlo a otra parte del sitio una vez que haya terminado de disfrutar de los pequeños errores anteriores de Innocent.
22 gimnasio
A veces, desea transmitir a los usuarios que la página 404 es definitivamente el lugar equivocado y llevarlos a otra parte rápidamente.
Gymbox, una cadena de gimnasios con sede en Londres, ha tomado esta idea y la ha puesto en práctica.
Su mensaje de error 404 va un paso más allá que otros, informando a los usuarios que están «en el lugar equivocado», mientras que un GIF de John Travolta de «Perfect» girando en su propia clase de gimnasia suena de fondo.
Esto parece un instrumento tanto para la comedia impactante como para una leve incomodidad, redirigiendo estratégicamente a los usuarios a cualquier otro lugar del sitio web con la barra de navegación destacándose claramente en la parte superior de la página, lejos del contenido GIF.
23 jugo de Jamba
La popular marca de jugos Jamba Juice ha adoptado un enfoque de mejores prácticas para su página 404, manteniendo las cosas al punto con solo un toque de marca para que la página se sienta como en casa en su sitio web. Jamba Juice
El mensaje del medio entrega la información clave de una manera más orientada a Jamba, mientras que la copia de arriba proporciona una descripción más detallada de lo que significa, y las imágenes al costado refuerzan este punto.
Debajo, Jamba ha proporcionado una combinación de opciones que deberían cubrir la mayoría de las necesidades de los usuarios: un enlace a la página de inicio, una opción de menú y «encuentre su Jamba», para que pueda descubrir la ubicación de Jamba más cercana para tomar su próxima dosis de jugo.
Si bien esta página no hace nada sofisticado o inesperado, ofrece la experiencia de usuario clave para garantizar que la empresa haya hecho todo lo posible para responder a las necesidades del usuario antes de que haga clic.
24 Kinsta
El sitio de alojamiento de WordPress basado en la nube, Kinsta, adopta un enfoque de función sobre forma en su página 404, priorizando la utilidad sobre las imágenes llamativas o los factores novedosos. Kinsta
Los visitantes del sitio web que lleguen aquí serán recibidos con una copia práctica que explica por qué terminaron aquí y ofrece algunos enlaces para llevarlos de regreso a donde quisieran estar.
Lo que es aún mejor es que debajo de este mensaje hay un conjunto de recursos publicados recientemente que podrían ser de interés para el usuario, brindándole una variedad de puntos de partida para regresar al sitio web y encontrar contenido valioso en otros lugares.
25 guau
Crear una página 404 interactiva puede resultar complicado en términos de mantenerla relevante para su oferta de productos.
CarWow ha logrado implementar esto a la perfección con un juego de carreras simple y atractivo con un nivel de dificultad creciente. CarWow
Cuando (inevitablemente) chocas y te quemas, el juego en realidad te indica que busques un auto nuevo en la vida real para reemplazar el auto ficticio que acaba de arder en llamas.
Además, para aquellos que no están particularmente interesados en establecer un nuevo puntaje alto, hay un texto muy claro debajo con enlaces tanto al Selector de autos como a la página de inicio para responder algunas necesidades claras de los usuarios y ayudarlos a regresar al sitio web.
26 Estudio al borde del camino
Wayside es una práctica innovadora de diseño e investigación que intenta hacer las cosas un poco diferentes para reforzar la relación entre las personas y sus comunidades. Wayside
La forma de hacer las cosas de la marca se sale un poco de la norma, pero no porque sí, y lo mismo ocurre con su página 404.
Al aterrizar, su llamativo color verde se muestra en pantalla completa con un texto de mensaje de error claro, pero la gran diferencia es el cursor del mouse. Un robot triste sigue perfectamente tus movimientos por la página, indicando que esta página es un callejón sin salida.
Esto refuerza el mensaje de error muy claro en la pantalla, en el que el robot solo te deja en paz cuando regresas a la barra de navegación para elegir otra opción.
27 Pierre-Louis
Pierre-Louis Labonne es un encantador autónomo creativo con un sitio web que realmente muestra sus habilidades con una variedad de dispositivos y widgets digitales brillantemente diseñados. Pierre-Louis Labonne
Su página 404 no es una excepción, con una máquina digital que aparece para decirte: «Ups, no se encuentra la página que estás buscando».
Al girarlo, el texto se mueve y dos piezas del rompecabezas se mueven y se unen para leer «404».
Es un paquete de marca integral en el que incluso el mensaje de error está personalizado para Labonne, con un botón grande y audaz «Ir a casa» en la parte superior para que pueda volver a un terreno familiar.
28 Toro rojo
Un contenido de gran energía y visualmente impresionante constituye el pan de cada día de Red Bull cuando se trata de su marca. Red Bull’s
Desde su publicidad hasta sus eventos regulares de alto octanaje, al sitio web de Red Bull nunca le faltan elementos interesantes con los que interactuar. Entonces, para su página 404, Red Bull aprovecha esta riqueza de contenido de marca fascinante y lo coloca al frente y al centro.
De esta manera, los usuarios que terminan aquí son claramente informados de que falta la página y muestran un video bien editado de su evento más reciente para mantener su atención.
Si los visitantes del sitio web disfrutan de este video, es posible que se sientan inclinados a hacer clic en ¡Dame más!
29 tumblr
Tumblr ha pasado por muchas iteraciones durante casi dos décadas en Internet, y su página 404 es un gran ejemplo de cómo mantener a las personas interesadas y satisfacer sus necesidades en un solo golpe. Tumblr
Si los usuarios logran acceder a la página 404, reciben un clip de fondo psicodélico seleccionado al azar mientras el texto proporciona un fragmento divertido de personalidad.
Si bien informa a los visitantes del sitio web que aquí no existe nada, juega con la convención para felicitar a quienes buscan la página de error.
Lo que es más, después de tres o cuatro segundos, la página 404 redirige automáticamente a los usuarios a su página de tendencias, para que puedan continuar su viaje después de una breve pausa en el vacío 404 sin necesidad de mover un dedo.
30 Inversores
Hay muchas razones por las que una página 404 puede aparecerle a un usuario, pero puede ser complicado explicar o cubrir todas las bases en una sola página.
Por eso, a veces es más fácil recurrir a excusas probadas y verdaderas, como el clásico de Investors, «El perro se comió nuestra página». Investors
Es un enfoque muy irónico con una imagen adecuadamente linda de un perro sosteniendo una página del sitio web, y fomenta cierto nivel de perdón.
Este toque de personalidad e ingenio hace que un elemento algo técnico de la gestión de sitios web sea más sencillo al omitir la jerga de lo que causó el 404 y simplemente ofrecer una excusa tonta.
Lo que ayuda a unir esto es la barra de búsqueda que se encuentra debajo para ayudar a que los visitantes del sitio web regresen a donde quisieran estar con solo una breve interrupción.
31 Peligro crítico
Como organización sin fines de lucro que une a diseñadores para apoyar a organizaciones benéficas de vida silvestre en peligro de extinción, Critical Danger está muy orientada a un propósito y es relativamente seria en su narrativa. Critical Danger
Debido a que su contenido principal viene con una lente más editorial y considerada, su página 404 se divide usando solo tres letras: «¿Eh?»
La página conserva la temática rojo sobre rojo para transmitir la sensación de peligro y urgencia, pero luego inmediatamente busca que las personas regresen a la parte superior de la narrativa usando el texto debajo o reorientándolas con los enlaces en la parte superior izquierda.
Si bien no es una página 404 clara a primera vista, realiza su función con elegancia y capta la atención del usuario con un enfoque sensato.
32 Superlista
Superlist es otra marca que hace pleno uso del contenido GIF para transmitir los sentimientos asociados con una página 404. Superlist
Facilitada por una integración con Giphy, la página gira a través de una lista preestablecida de GIF, desde Moss en The IT Crowd hasta un motociclista golpeando la tierra, para transmitir la sensación de que las cosas van un poco mal.
Esto mantiene el contenido actualizado y al mismo tiempo establece limitaciones sobre los GIF que pueden aparecer en la página, en caso de que un usuario acceda a la página 404 repetidamente.
Al hacerlo, la página se burla de Superlist por tener un problema y anima a los usuarios a ver el lado más alegre.
Y una vez que un usuario se ha divertido un poco, puede presionar el botón en el centro de sus pantallas para regresar a la página de inicio y poner en orden su viaje.
33 Mundo mágico
Lo más probable es que, si estás buscando en el sitio web de Wizarding World, estés bastante familiarizado con Harry Potter y sus momentos icónicos. Wizarding World
El sitio conoce claramente a su audiencia, ya que evoca un momento clave de La Cámara de los Secretos para reflejar un error garrafal en su página 404.
Harry pronuncia mal su destino mientras usa polvo flu, una sustancia utilizada para teletransportar magos y brujas a largas distancias. Entonces tiene sentido que Wizarding World aproveche este momento en el que sus usuarios aparecen en algún lugar inesperado.
Canalizar momentos identificables como este a partir del material original puede parecer un huevo de Pascua para los usuarios, brindándoles un momento sorprendente de deleite que los acerca un poco más a la marca.
34 Tomás Bosch
Para un portafolio personal, es importante transmitir tanto su experiencia como su personalidad con bastante rapidez para poder generar un impacto.
Thomas Bosc, un talentoso desarrollador y diseñador web, muestra ambos en su página de error 404, comenzando con una foto de su yo más joven con un traje de mago sentado misteriosamente en el centro de la página. Thomas Bosc
Debido a que es la única función interactiva, naturalmente se sentirá atraído a hacer clic en ella.
Cuando lo haces, toma su escoba y se aleja para adjuntarla al cursor, dejando solo un mensaje «404» a su paso. Es un poco de magia que muestra las habilidades y la picardía de Thomas, que seguramente se destacará de otros dentro de su industria.
35 regatear
Siendo el centro de inspiración creativa que es, Dribble aprovecha la oportunidad que presenta un error 404 y lo convierte en otra forma para que un usuario encuentre el contenido que podría estar buscando. Dribble
Cuando los visitantes del sitio web llegan aquí, se les presenta el típico mensaje de error, junto con una herramienta para encontrar más inspiración que coincida con un código hexadecimal de color particular.
Esto funciona de manera similar al filtro de color en su página principal de inspiración pero con un enfoque más visual. Los usuarios pueden modificar el color del texto 404 usando el control deslizante a continuación, que luego genera los trabajos correspondientes en los que puede hacer clic para obtener más información.
Entonces, de alguna manera, la página 404 de Dribbble sigue siendo una parte útil del viaje de un usuario, incluso si termina allí por accidente.
36 Ecosia
Ecosia es mejor conocido como un motor de búsqueda ecológico que centra sus esfuerzos en revertir la deforestación y mantener operaciones con emisiones negativas de CO₂. Ecosia
Con tal compromiso con el aire libre y nuestro planeta, tiene sentido que la página 404 de Ecosia también se centre en sus esfuerzos de plantación de árboles.
Si los usuarios logran acceder a la página 404, verán una foto bastante hermosa de una selva tropical con vista a un río con el mensaje «¿Perdido en el bosque?»
De esta manera, su página 404 se vincula con la marca más amplia de Ecosia y se siente más como una experiencia considerada para cualquiera que se encuentre aquí.
37 Discordia
El gran enfoque de Discord está en la comunidad, reuniendo a amigos y grupos más grandes en línea que juegan o hablan juntos. Discord’s
Este sentido de pertenencia y conexión fluye a través de la experiencia más amplia del sitio web de Discord, siendo su página 404 otro ejemplo encantador de cómo poner su marca al frente y al centro.
La página 404 de Discord es similar a descubrir un vendedor secreto de comida en el extranjero, con un texto que recuerda esta experiencia.
Si bien es cálido y atractivo, lo lleva a algunos enlaces útiles disfrazados de “material de lectura” para disfrutar mientras sorbe un plato de fideos digitales.
Este capricho irreverente hace que la página de error parezca menos un error y más un área secreta que un usuario ha descubierto, que aún sirve para responder a las necesidades del usuario con enlaces señalizados.
38 Redacción informal de negocios
El redactor de conversiones Joel Klettke, con sede en Calgary, cree que las palabras son aburridas, pero el texto puede ser excelente.
Joel, un escritor con una imaginación clara y creativa, ha transformado su página 404 en algo más parecido a una aventura al estilo madlibs. his 404 page
Incluso elimina el código 404 y simplemente se refiere a él como una página muerta, de ahí el estilo zombificado del contenido.
Al completar algunos campos en blanco, los usuarios reciben contenido personalizado en forma de una historia corta de zombies, que se centra en la idea de 404 páginas, con un final inesperado para redondearlo todo.
Si bien es posible que la página en sí no impulse explícitamente a los visitantes del sitio web a regresar a la página de inicio, sí muestra algunos de los talentos de Joel y posiblemente los alienta a navegar por otras áreas de su sitio web.
39 Punto de juego
Gamespot ha sido un tema candente durante varios años después de convertirse en una sensación en el mercado de valores, y su página 404 es otra razón más para hablar de ello. Gamespot
Como empresa centrada en los juegos, tiene sentido que su error 404 se centre en un minijuego en el que los usuarios pueden sumergirse.
Con una mazmorra generada aleatoriamente, los usuarios se convierten en jugadores que exploran una mazmorra interminable llena de tesoros interesantes por descubrir.
Una vez que los visitantes del sitio web se han saciado, los enlaces a otras partes del sitio web de Gamestop están claramente marcados en rojo para ayudar a los usuarios aventureros a encontrar el camino hacia lo que realmente estaban buscando antes de toparse con la mazmorra 404.
40 La arteria
The-Artery se toma en serio su creatividad y ha producido algunas imágenes sorprendentes para marcas, así como para televisión y cine. Su sitio web está lleno de impresionantes diseños 2D y 3D, entrelazando su experiencia en cada aspecto del contenido de su sitio sin ser demasiado abierto al respecto. The-Artery
Dentro de su página de error 404, se reúnen varias imágenes de las páginas principales para brindarles a los usuarios que han desaparecido en el vacío una muestra de los talentos de The-Artery con la esperanza de atraerlos de regreso a la página de inicio.
La copia incluso enmarca esto casi como el acto de una figura solidaria que guía a un usuario perdido de regreso a casa hacia un lugar seguro, por lo que los usuarios están menos propensos a entrar en pánico y marcharse.
Resumen
Hay más de una forma de crear una página 404 y cada una de esta lista realiza una función que se adapta a la marca.
Aún mejor, cada página parece haber sido considerada como parte del recorrido más amplio del usuario y diseñada de manera que responda a las necesidades de los diferentes usuarios para mantenerlos en el sitio.
También puede ver tendencias comunes dentro de elementos en varias páginas 404:
- Señalización de enlaces claros a otras áreas útiles del sitio web.
- Utilizar el humor para entretener a los usuarios con el fin de superar frustraciones momentáneas.
- Poner elementos de marca en la página para que parezca parte de la experiencia principal.
- Mantener la copia cálida y amigable para que los usuarios no entren en pánico por haber cometido un error.
- Agregar mensajes que simpaticen con la experiencia del usuario, como una sorpresa.
Al crear su propia página 404 en torno a algunos de estos puntos clave, puede ayudar a garantizar que los usuarios tengan una excelente experiencia en su sitio web, incluso si terminan en un lugar donde no deberían estar.
Más recursos:
Imagen de portada: tanahairstudio/Shutterstock
Leer el articulo original en Search Engine Journal.