El error 404 se produce cuando el servidor no encuentra la página que solicitamos y se debe principalmente a que es una página inexistente o un error en la escritura. El 404 no es siempre tu culpa ya que puede haber links rotos o mal escritos hacia tu página. Sin embargo, este error es común, así que lo mejor es crear una página de error 404 con un buen diseño para no perder lectores y mantener el tráfico de usuarios en tu sitio web.
Ideas y ejemplos de errores 404
Buenas ideas para incluir en tu página de error son:
- Una caja de búsqueda
- Un link hacia la página de inicio
- Los mismos gráficos y CSS que el resto de tu página
- Un mapa del sitio
El usuario debe comprender que hubo un error y la creatividad es la mejor herramienta para darle un camino alternativo para encontrar lo que estaba buscando y evitar perderlo. Así mejorarás la experiencia de navegación dentro de tu sitio.
Si estás buscando inspiración para tu diseño, sería bueno que vieras estos otros diseños de ejemplo que están alrededor de la web.
Digital Mash nos enseña que un poco de ironía nunca está de más, mientras nos pone a disposición el menú completo como en el resto de la página para que podamos navegar a través de su contenido.
También es posible incluir algunas emociones con propósitos comunicativos.
Red Tag, logra transmitir el mensaje a pesar de que los errores ocurren, no es necesario que el mundo se ponga de cabeza para solucionarlo.
Mixx, nos entretiene y juega con nosotros justificando el error 404 como un truco de magia.
Las cajas de búsqueda son realmente importantes porque son una forma más fácil de encontrar el contenido que parece no existir, según advierte el 404.
Kidmondo, aprovecha el error para modificar ligeramente su logotipo y mejorar su imagen de marca.
Surfing On Static, muestra una pantalla de error que tiene el mismo tono que el resto de la página, lo cual evita que el usuario se desoriente.
Una de las opciones es explicar el error, como lo hace PrintScreen.
También, se puede apelar a los sentimientos del usuario a través de la comunicación por medio de emociones. Sea cual sea tu estrategia para diseñar el mensaje es muy importante incluir de forma creativa, que comunique y de opciones al usuario en tu sitio web es importante hacerlo de acuerdo con el contenido de tu página.
Otras referencias interesantes son las de Sebastián Thuer quien comparte 21 recursos para tus páginas 404 personalizadas, en este artículo encontrarás una serie de enlaces y recursos para aprender más sobre la usabilidad de la página 404 y su importancia. Además, no te olvides de la importancia de las ilustraciones que pueden ayudarnos a que el usuario siga navegando por el sitio a pesar del error.
Bunisimo, es importante saber y tomar en cuenta los diferentes elementos q son necesarios para poder tener una buena pagina de error 404
Linkeo un artículo sobre el error y la indulgencia en el diseño web:
http://www.piensaenweb.com/principios-del-diseno-web-ii-la-indulgencia_detalle_68.html
Saludetes!
Muy interesante, creo que hoy en día es importante tener una buena página de error, para que el usuario no se quede encallado sin salida y dar una buena imagen
Artículo sospechosamente parecido a este post de sitepoint de hace unos días:
http://www.sitepoint.com/blogs/2009/05/13/how-to-customise-your-404-page/
@EquinoxZ28 y @Hades87: Muchas gracias y tienen toda la razón. Si de la nada regresas a una página de inicio en vez de la página a la que querías llegar, te puedes desorientar y sólo salirte. Eso es lo que hago yo y busco en otros lugares. Como administrador de un sitio web, no quieres que eso te pase 😉
@Enrique, muchas gracias por la lectura adicional. Muy interesante.
@chuso: SitePoint no fue una de mis fuentes, pero gracias por postearlo aquí puesto que nos ofrece un espectro más amplio de ejemplos para nuestros usuarios.
Gracias por incluir el enlace a mi post. Me gustan los ejemplos que has escogido. Un saludo.
[…] publicaron en Maestros del Web una serie de consejos para crear mejores páginas de Error 404 (el error que aparecere cuando una […]
Es importante tener una buena apariencia en cualquier lugar…
Hola Luis Eduardo, queriamos saber como solucionamos el problema de que se nos presente el error 404. Desde ya muchas pero muchas mucuhas muchas muuuuuuchas GRACIAS!. Sos lindo 😉 luis edu.
Agreguennos al facebook:
besitos a todos.
Caro Rios
Ariadna Cacace
muchas gracias