Un espacio para los entusiastas del web

8 com comentarios en total.
18 May 2009
6,612 Lecturas
Tags: Usabilidad, Diseño, ,

Tips para mejorar la apariencia en errores 404

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 error 404

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.

YouCastr Error 404

También es posible incluir algunas emociones con propósitos comunicativos.

Redtag Error 404

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 error 404

Mixx, nos entretiene y juega con nosotros justificando el error 404 como un truco de magia.

Jamie Huskisson's Webpage Error 404

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 Error 404

Kidmondo, aprovecha el error para modificar ligeramente su logotipo y mejorar su imagen de marca.

Surfing On Static Error 404

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.

Print Screen Error 404
Una de las opciones es explicar el error, como lo hace PrintScreen.

Suspended Animations Error 404

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.

Luis Eduardo BarruetoLuis Eduardo Barrueto para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Comentarios

  1. Bunisimo, es importante saber y tomar en cuenta los diferentes elementos q son necesarios para poder tener una buena pagina de error 404 :)

    Responder
  2. 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!

    Responder
  3. 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

    Responder
  4. 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/

    Responder
  5. @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.

    Responder
  6. Gracias por incluir el enlace a mi post. Me gustan los ejemplos que has escogido. Un saludo.

    Responder
  7. Marlon Velasquez

    Es importante tener una buena apariencia en cualquier lugar…

    Responder

Deja tu Comentario

Maestros del Web se reserva el derecho de moderación de los comentarios. Evita utilizar palabras soeces, ataques directos, descalificativos, insultos, de lo contrario tu comentario será eliminado.



Acerca de
Maestros del Web nace cuando intentamos traducir Webmaster al Español. Nacimos orientados al diseño y desarrollo web. Hoy somos un espacio de apoyo para los entusiastas que participan en proyectos en la red.
Leer más de Maestros del Web