Construyendo una página de error 404 constructiva (con ejemplos) (Inspiración)

La página de error es una faceta común en el diseño web que a menudo pasa por alto la multitud. Generalmente, cuando un usuario se encuentra en una página de error, se convierte en un error de su parte. Algo sobre sus acciones ha causado un error en el sitio, y toda esperanza parece perdida.

A medida que las generaciones avanzan, vemos que los jóvenes de hoy en día son mucho más aplicables para lidiar con los errores tecnológicos y rastrear las rutas a un solo problema de origen. Cuando se trata con la mayoría, es importante comprender que la experiencia del usuario es todo. Esto se duplica para las aplicaciones web de la nueva era y para los juegos móviles que distraen. Al construir estas páginas, siempre tenga en cuenta al usuario final, y recuerde que ¡hay una gran diferencia de persona a persona!

Aquí cubriremos algunas ideas para formar páginas de error 404 fabulosas. Estos mostrarán un breve mensaje a sus visitantes y posibles soluciones para encontrar su salida. Las ideas son bastante comunes y resuenan bien dentro de la comunidad de diseñadores web profesionales.

¿Qué se puede hacer con los errores 404?

Cuando el navegador devuelve un código de error 404, esto significa que las solicitudes de página no se pudieron encontrar en el servidor. En correlación con los sitios web, esto significa que no se pudo ubicar un problema de enrutamiento en la lógica de backend o el archivo físico (página .html, archivo de video, imágenes, etc.).

Las dificultades provienen de señalar la fuente del problema. ¿Estaba el usuario siguiendo un enlace roto desde otro sitio web? ¿O es posible que haya enlaces rotos dentro de su navegación? Esta es una tarea difícil de resolver. Todas estas opciones deben considerarse y ofrecerse como soluciones para el usuario.

En verdad, sin embargo, una vez que un usuario ha llegado a la página de error, no tiene muchas opciones para la depuración. Podrían volver a la página vista anteriormente o redirigir a una grapa, como Inicio o mapa del sitio.

Generalmente ofrezco estos enlaces en la mayoría de las 404 páginas que construyo. Esto le da al usuario una opción abierta y los mantiene en control de el paseo. Alternativamente, puede ser conveniente ofrecer un enlace o una dirección de correo electrónico para la notificación de errores. Si no está al tanto de los problemas con páginas perdidas / enlaces rotos, ¿cómo puede tomar precauciones para solucionarlos?

Mantener la luz del humor

Otra técnica que he descubierto es mantener el lenguaje optimista y optimista. A menudo es muy frustrante usar la web y encontrar un error que no esperaba. Peor aún, los usuarios de Internet de hoy tienen muy poca paciencia con las aplicaciones con errores o "¡URL no encontrada!" mensajes

Si tiene capacidad gráfica, he visto grandes páginas 404 con ilustraciones o fondos alternativos. Estos podrían crearse en Adobe Illustrator o Fireworks y exportarse como un formato vectorial. En comparación, las imágenes blandas y los personajes vectoriales ofrecen la sensación de haciendo un boo-boo, mientras que el texto y los enlaces del sitio web aparecen como si se hubiera producido un desastre tecnológico en manos de sus usuarios.

El uso de contextos lúdicos y titulares coloridos detraerá el estado de ánimo cansado que a menudo se atribuye a los errores del sitio web. Al redactar su copia de la página 404, examine los detalles en su idioma. No haga que el usuario se sienta culpable o culpe a nadie, en realidad.

Error al reportar

Cuando un visitante encuentra tal página de error muchas veces, puede querer contribuir con un ticket de preocupación. Aquí es donde ofrecer un correo electrónico de contacto o un pequeño formulario en la página puede hacer maravillas.

Al ofrecer solo la oportunidad de ingresar algunos comentarios y enviar un mensaje al administrador del sitio, la mayoría de los usuarios se sentirán más que beneficiosos para ayudarlo a identificar un error del sitio. En la mayoría de las configuraciones de servidores web, esto podría hacerse con un simple PHP correo() Función de llamada y un formulario de entrada única que contiene un área de comentarios.

Si no disfruta recibir correos electrónicos de error como webmaster o no puede admitir el envío de correos SMTP, también puede considerar un sistema interno de emisión de boletos. Al ofrecer la información del usuario junto con la notificación del código de error y la URL en la que se produjo, estos datos podrían almacenarse dentro de una tabla de base de datos y acceder a través de una cuenta de Administrador.

Si está ejecutando una configuración pequeña y no necesita esta cantidad de protección, ciertamente hay alternativas. Sin embargo, cuando se cuentan millones de visitas diarias a veces, los correos electrónicos pueden acumularse rápidamente en muy poco tiempo.

Reducir la confusión a toda costa

Encontrar una página de error es un acto lo suficientemente complejo para los usuarios. Esto significa que la página que reciben no debe ser demasiado confusa para comprender, no sea que simplemente abandonen el sitio web por completo para buscar en otro lugar.

Al ofrecer contenido de página simple y en negrita, puede ofrecer soluciones de un vistazo para el problema. Los visitantes que deseen abandonar la página pueden volver a casa o, posiblemente, intentar buscar en el sitio. Otros pueden notar el error y examinar lo que podría haber salido mal en un intento de arreglar las cosas.

En cualquier caso, una explicación clara y concisa de lo que sucedió y por qué no recibieron la página solicitada es una absoluto debe. Esto también debe completarse de manera razonable: deje mucho espacio en blanco y "espacio para respirar". para que los usuarios descubran lo que quieren hacer.

Después de todo, el nombre del juego es una gran experiencia de usuario. Independientemente del diseño o la estética de su página, los grandes errores 404 resolverán el problema para los usuarios y ofrecerán algunas soluciones típicas como garantía.

Galería de 404 páginas

A continuación, he captado algunas tomas de algunas páginas de error 404 radicales ubicadas en la web. Estos van desde todos los tipos y ofrecen una visión brillante de las tendencias de la nueva era en el diseño moderno. Esperemos que estos también puedan guiar su inspiración hacia diseños UX más creativos y agradables.