Octubre Digital / Diseño Gráfico y Web

Las siguientes son algunas observaciones genéricas obtenidas de revisiones de los procesos de diseño gráfico de sitios web en clases:

• En general, es importante mantener un criterio uniforme en la generación de los elementos de las distintas páginas. Esto es: medidas de las imágenes, márgenes, tipografías, tamaños de fuentes, colores de textos, interlineados, espacios en blanco, etc.
• Respecto al punto anterior, específicamente para el caso de las imágenes, mantener algunos tamaños específicos para todo el sitio nos permitirá "reutilizar" las mismas en cualquier sección del mismo sin que se afecten posibles distribuciones o márgenes entre elementos (galerías de imágenes, columnas o filas de fotos, etc.):
  
• Al recortar o redimensionar imágenes, hay que tener en cuenta que FW puede "suavizar" los bordes de las mismas en algunos casos, cosa que habrá que tomar en cuenta, ya que puede darse que el tamaño visual no coincida con el tamaño en pixeles de la imagen. Ejemplo:
  
  Además de los tamaños de imágenes, sucede lo mismo con otros elementos tales como publicidades y menús en Flash, titulares, cuerpos de textos, etc. Específicamente, para el caso de los textos, es importante mantener una coherencia visual en los mismos para mantener la atención del usuario en los contenidos y no en cambios del diseño.

Mantener constantes éstos y otros elementos, durante el diseño gráfico de un sitio, ayudará luego durante el proceso de maquetación mediante html y css.

Saludos para todos!

Plácido Luna.

En primer lugar, un par de definiciones publicadas por UA WEB en http://www.uaweb.org.mx/acerca

1. La Usabilidad mide qué tan efectivo es un sitio web: qué tan intuitivo, simple y claramente organizado le resulta a los usuarios. Cuando un sitio está concebido, desarrollado y llevado a la realidad apegándose a las necesidades del usuario, significa que es usable.
2. La Accesibilidad es el parámetro para indicar que los servicios e información de un sitio web están disponibles para todos, independientemente de las circunstancias físicas de los visitantes o de los dispositivos que utilizan. Tener un sitio accesible significa permitir el acceso a personas que tengan discapacidad visual, motora, intelectual o auditiva, a aquellas que no cuenten con el equipo más moderno, y a los que usen dispositivos móviles u otros medios de consulta no convencionales.

Hecha las aclaraciones del caso, dejo más abajo enlaces a sitios de diferentes países referentes a la accesibilidad y usabilidad web, leyes, recomendaciones e implementaciones varias (gracias Arel por el puntapié inicial):

• Uruguay
  • Agesic: Tu Web es mi Web: accesibilidad, un desafío democrático
  • Agesic: Guía para diseño e implementación de Portales Estatales (***)
• Argentina
  • Apoyo Tecnológico para la Discapacidad
    • PSI (Programa Nacional para la Sociedad de la Información)
      Secretaría de Comunicaciones. Ministerio de Planificación Federal, Inversión Pública y Servicios
• Chile
  • Guía para el Desarrollo de Sitios Web Versión 2.0 (***)
• USA
  • Usability.gob
  • Usability Methods
    
    • This is an official U.S. Government Web site managed by the U.S. Department of Health & Human Services.
• Reino Unido
  • Disability Discrimination Act 1995
• Australia
  • Web Accessibility National Transition Strategy

Algunos enlaces no oficiales sobre estos temas, partiendo por el W3C:

• W3C / WAI (Web Accessibility Initiative)
  
  • Policies Relating to Web Accessibility
• W3C España
  • Introducción a la accesibilidad web
  • Accesibilidad Web
  • Guía Breve de Accesibilidad Web
  • Guía breve para crear sitios web accesibles
  • Información complementaria (Accesibilidad, CSS, Estándares Web, Independencia de Dispositivo, nternacionalización, Interacción Multimodal, Linked Data, Política de Patentes del W3C, Privacidad y P3P, Seguridad, Servicios Web, Tecnologías Multimedia, Tecnologías XML, Web Móvil, Web Semántica, XForms, XHTML): http://www.w3c.es/Divulgacion/GuiasBreves/
• SIDAR
  • Legislación Española sobre Accesibilidad para la Sociedad de la Información
• Universidad de Alicante
  • Legislación de la Unión Europea
  • Argentina
  • Canada
  • Legislación de otros países
• Wikipedia: 
  • http://es.wikipedia.org/wiki/Accesibilidad_web
  • http://es.wikipedia.org/wiki/Usabilidad

Saludos a todos!

Plácido Luna
http://www.octubre.com.uy

Sencha Animator
Create Amazing CSS3 Animations with Ease.
For Windows, Mac & Linux.