Guía para diseñar páginas de error, Artículos de Diseño Gráfico y Diseño y Desarrollo Web

RSS - Sindicar Contenidos
Xhtml 1.1 Strict Válido! CSS Nivel 2 Válido!  Nivel Doble-A de Conformidad con las Directrices de Accesibilidad Web (WAI)
Descarga FireFox gratis!
\n"; } } } lecturas();

Guía para diseñar páginas de error

Autor: Javier Cabrera geekonline.com.ar

En este artículo recorreremos paso a paso una guía que debiéramos de tener en cuenta a la hora de diseñar una página de error 404. El contenido de esta página en especial debe ser encarado con sumo cuidado ya que de él depende que los visitantes continúen con sus búsquedas, o se retiren del sitio.

Tomaremos como guía varios artículos publicados en Internet por distintos autores y más recientemente de un artículo en ingles de ALA. Este artículo está armado con la intención de ser una hoja de referencia para cualquier desarrollador que necesite introducirse al tema.

¿Para qué sirve una página 404?

La página de error 404 es utilizada para informar que ha ocurrido un error al devolver la información que este ha solicitado.
Los motivos más comunes por los cuales se presenta la página 404 son los siguientes:

¿Cómo creo una página 404?

En realidad haría falta todo un artículo para explicar cómo se configura en el servidor una página de error 404. Hay muchos tutoriales en la web en donde paso a paso (y según el servidor en el cual alojen sus filas) pueden encontrar como crear una 404.
Tutoriales en español sobre configuración de páginas 404:

Hay que tener en cuenta que si estamos utilizando un servidor alquilado (que no se encuentra en nuestras oficinas/estudio/casa) debemos consultar con la parte técnica de la empresa a la cual pertenece el servidor, de lo contrario tal vez no podamos hacer funcionar el 404.

¿Qué debe incluir mi página de error 404?

Se han escrito muchos artículos al respecto y se han armado muchas discusiones también sobre cual es la mejor manera de mantener al navegante que se encuentra frente a una página 404. Algunos opinan que un error debe ser encarado con un poco de picardía y humor por parte de los responsables del sitio para aminorar el efecto negativo que puede producir en el navegante, otros que es indispensable remarcar cual fue el error para que sea corregido.

Por naturaleza las páginas de errores de los servidores webs son las ya conocidas "404 not found". Estas páginas violan los 3 principios básicos para los mensajes de error:

Las páginas de error 404 deben explicar al navegante cual fue el error y no quien lo cometió. Esta es una regla de oro que debe seguirse para no agredir al navegante acusándolo de inepto. A nadie le gusta que le marquen sus errores y menos a los navegantes, por lo que corremos el riesgo de perderlos.

Pero bien, ¿cuáles son las características básicas que debe tener una página 404?

También es necesario que tengamos en mente a todos los navegantes y no cometamos el error de suponer que ellos sabrán lo que significa Error 404 . Es mejor dejar esta definición del error como referencia secundaria y enfatizar principalmente cual fue el error y como corregirlo inmediatamente.

Le pedimos disculpas...

Tomaremos el caso de IBM como ejemplo. Al ingresar mal una dirección en el sitio de IBM, este nos pide disculpas. Esto es un claro ejemplo de cómo los desarrolladores de IBM optaron por no acusar al navegante de haber cometido una equivocación.

Página de error de IBM

Además, IBM nos da la posibilidad de reportar el error, o pedir información directamente. Esta es una buena solución y está orientada al usuario.
Porqué debemos obligar al navegante, usuario o cliente de nuestro sitio a seguir buscando? está claro que debemos ayudarlo a encontrar lo que busca, indicándole direcciones a tomar, informándole cual fue el error que se cometió, pero también es cierto que muchas de las personas que se encuentren con el error 404 no seguirán en la búsqueda, abandonarán el sitio y tal vez encuentren lo que buscaban en otro lugar.

IBM nos muestra como debe hacerse de la siguiente manera:

Creo que está por demás decir que la gente de IBM se toma enserio al usuario "perdido".

Este fue un claro ejemplo de lo que se debe hacer para conseguir que nuestros navegantes, sigan su ruta en nuestro sitio.

¿Qué estética debe tener?

En la red existen muchísimos directorios de páginas de errores 404, pero uno de mis favoritos es Plinko, en donde podemos encontrar separados por categorías los errores y van desde sexys hasta el error 404 estilo Blair Witch Project.

Un buen caso de humor es Cannot find Weapons of Mass Destruction el cual hace referencia a la invasión a Irak cometida por el pueblo E.E.U.U.

Conclusión y cierre

Depende de la temática del sitio la página de error puede ser tomado de manera humorística o con seriedad, pero siempre debe cumplir su propósito, primero y principal, informarle al navegante donde está parado, luego informarle cual puede ser el posible error y para terminar, darle las opciones necesarias para que retome el camino perdido. El tema es libre, pero debe ser encarado con responsabilidad.

Scour Design - Todos los Derechos Reservados - Carlos Carmona