PÁGINAS WEB

LINEAMIENTOS GENERALES DE CONSTRUCCION DE SITIOS WEB DE HARDESSEN DESIGN

Los aspectos que se mencionarán van relacionados a construir un sitio Web. El resultado final es un sitio que el usuario promedio califica de "bueno", o incluso "muy bueno". A eso se le llama "Experiencia de usuario". Es preciso mencionar que jamás se tendrá el 100% de éxito, pero lo cercano a eso ya lo podemos calificar como éxito para el equipo desarrollador. Para llegar a la mejor experiencia de usuario se deben tomar en cuenta los siguientes aspectos:

Tecnológicos
  • El sitio es desarrollado basándose en los estándares web.
  • El sitio es desarrollado usando XHTML válido (estricto o transicional).
  • El sitio no usa tablas para su maquetación (layout), para esto usa CSS, página correctamente escrita y con código bien marcado y estructurado. El sitio cumple con la completa separación del contenido v/presentación o gráfica, el marcado semántico con la utilización de CSS permite esta separación.
  • Codificación de las páginas en UTF8.
  • Especial atención en la protección de los correos electrónicos, de esta forma se evita la captura de correos electrónicos realizadas por los robots de búsqueda.
  • Al finalizar el desarrollo se incorpora una etapa de pruebas de calidad, que considera la correcta navegación del sitio en los navegadores más usados (Internet Explorer, Firefox, Opera).
De uso
  • El desarrollo del sitio se hace pensando en el usuario final y no en el cliente; este punto es crucial en post del objetivo final, mejorar la experiencia de usuario.
  • Los usuarios deben ser capaces de alcanzar sus objetivos con un mínimo de esfuerzo y con resultados óptimos.
  • El sitio debe anticiparse a las necesidades del usuario final.
  • El usuario debe tener control sobre el sitio web y todo lo que pasa en el producto de su interacción.
De acceso
  • No se utilizan frame o marcos, esto atenta en contra de la accesibilidad. No se puede imprimir o enviar una página que está bajo un frame.
  • No se utilizan ventanas emergentes, los navegadores modernos traen por defecto el bloqueo de ventanas emergentes, por lo tanto NO SE DEBEN usar.
  • Uso de marcado semántico, se hace más fácil para los navegadores y los motores de búsqueda la interpretación del código. Pero además ofrece un mejor soporte para lectores de contenido, sistemas desarrollados para personas con discapacidad.
  • El abuso de Javascript, se dice que un sitio es accesible cuando puedo hacer uso de él con o sin Javascript activado en mi navegador. Por lo tanto un sitio web no debe tener un menú basado en Javascript.
  • El uso de imágenes y/o archivos multimedia deben ser optimizados, no todo el mundo tiene un enlace de alta velocidad a Internet en su casa o lugar de trabajo.
  • El peso aconsejable de una página debe ser de 34 kb, para que esta se despliegue en menos de 8 segundos. El usuario no espera más tiempo.
  • Un enlace NO DEBE abrir en una ventana nueva, esto desorienta al usuario al no existir el botón "atrás" en el navegador. El botón "atrás" es "el botón de pánico" para el usuario. Cuando el usuario navega por el sitio se le debe informar claramente en qué lugar se encuentra, lo que se llama migas de pan: dónde está, que hay atrás, cómo voy a la portada.
De arquitectura de información
  • Estructuración y clasificación del sitio web para que el usuario final encuentre y maneje fácilmente la información, ya que para el usuario es lo más importante.
  • El diseño de la página debe transmitir jerarquía en sus elementos. Menú principal, menú de apoyo, título, subtítulo, sección principal, sección de apoyo. El usuario no lee, escanea la pantalla, por lo tanto los elementos deben ser ubicados de tal forma que a primera vista entienda y discrimine las secciones o áreas de la página.
  • Todas las páginas deben tener una información de contacto en la parte inferior, pie de página, por ejemplo dirección, contactos, teléfono, e-mail, otros.
De diseño
  • El diseño de la página debe transmitir jerarquía en sus elementos. Menú principal, menú de apoyo, título, subtítulo, sección principal, sección de apoyo. El usuario no lee, escanea la pantalla, por lo tanto los elementos deben ser ubicados de tal forma que a primera vista entienda y discrimine las secciones o áreas de la página.
  • Creación de una paleta de colores que facilite la lectura de fondos y contenidos fácilmente contrastables.
  • Los fondos de textos no deben utilizar imágenes, ya que dificultan la legibilidad.
  • Consistencia en el diseño, todas las páginas del sitio deben tener una coherencia formal.
  • Se debe usar un tamaño y color de letra legible y de tamaño adaptable, se recomienda usar Verdana, Arial o Georgia. La letra debe ser contrastable, debe permitir facilidad en su lectura, no todos los usuarios tienen una vista 20/20.
  • Cuando el sitio tiene interacción con el usuario (formulario), indicar claramente cuando se ha cometido un error y como repararlo. Un formulario que dice ERROR a secas, no sirve.
  • Una página debe tener espacios en blanco, eso ayuda su lectura y al descanso visual del usuario.
De usuario
  • Se debe manejar un lenguaje claro y explícito además de contextualizado para el usuario final del sitio.
  • Los textos deben ser cortos y precisos, las personas no leen, eso es una realidad.
  • Si por algún motivo, un texto extenso debe estar presente, como por ejemplo un reglamento, se deja disponible en formato PDF, o bien en un lugar donde se explicita que es un repositorio de documentos.

volver