El diseño de las páginas de error 404 a menudo es pasado por alto o subestimado. Sin embargo, cuidadosamente diseñadas pueden convertirse en páginas creativas y hasta utilitarias que resulten menos desagradables, con un toque de humor y color.
Recordemos que el error 404 se origina cuando llegamos a una página que no existe en nuestro sitio, posiblemente porque el usuario ha llegado desde un enlace incorrecto ya sea de origen interno o externo o bien porque el usuario ha escrito mal la url. En cualquier caso hay que personalizar esta página y proporcionar una alternativa al usuario para salir de ella.
He aquí algunas consideraciones y recomendaciones para su diseño:
- Explica lo que ha pasado. El usuario solo sabe que dio clic y llego alli, seria bueno explicarle en pocas palabras las razones posibles de porque llego allí sin recurrir a tecnicismos excesivos.
- Convirtiendola en una página utilitaria. Una forma inteligente de utilizar la página de error 404 es convertirla en una que de alternativas de movilidad al visitante, es decir, preguntandole que quiere hacer, y mostrándole una listado de opciones con sus respectivos enlaces, esto haria que el visistante pueda movilizarce sin tener que darle al boton regresar del navegador, dandole un sentido utilitario y de usabilidad.
- Sin embargo la opción más habitual seria mostrar un diseño creativo y de una sola pieza gráfica, que marque la personalidad de nuestro sitio, que mande un mensaje escueto de lo ocurrido y que de al menos una opción de movilidad al usuario, el uso de imagenes alusivas, humoristicas o con mensajes fuera de lo común son ideales, además como diseñadores web sabemos que no debemos desaprovechar ningun espacio disponible para mandar mensajes a nuestros visitantes, y más aún si es para orientarlos.
- Por mas que nuestra pagina sea agradable y usable el ideal es que nuestros visitantes no tengan que verla, es por ello que debemos hacer contantes revisiones de nuestros enlaces a fin de corroborar que funcionen correctamente “Por ejemplo, si descubrimos que tenemos un enlace interno mal puesto lo podemos corregir sin problemas, o si existe un enlace externo mal puesto a una página nuestra, podemos hacer una redirección 301 a la página correcta.”
Resumiendo tenemos dos opciones claras para hacer nuestro diseño 404, la primera es hacer un diseño creativo, simpático y descomplicado con un solo link que nos lleve al home, la segunda opción es hacer una página semiestructurada que presente un menú estratégico con sugerencias sobre que otras páginas internas pueden interesarle tambien, la idea amigos es guiarlo, darle una alternativa de navegacion, en definitiva es no dejar a la deriva a las visitas.
A continuación los dejo con una serie de sitios que han dedicado unos minutos a sus páginas de error, haciendolas como les dije al inicio, menos desagradables de lo que resultan ser.




















…………………………………………











Suscríbete a nuestro Feed
Recibe nuestras novedades vía email
Enviame tus sugerencias via Twitter a: 







Twitter
Facebook
Flickr
Feed Webastica
Via Mail
Es una inquietud profesional transformada en blog, un intento por mostrar organizadamente los mejores articulos, tutoriales, tips y recursos inspiracionales, con el objetivo de contribuir a la formacion de mejores desarrolladores web. Es un placer contar con tu visita y decirte




Otro ejemplo muy llamativo es este http://www.web-media.com.ar/error404
Muy bueno!
Citar