Antonio Barranco

Usabilidad

Domingo, 24 de Octubre de 2004

Ventajas de diseñar una web ajustada a estándares


Estas semanas he estado preparando una serie de artículos en los que poner de manifiesto la importancia tanto del uso como del desuso de determinadas tecnologías en la construcción de sitios web.

Evidentemente dichos artículos se basarán en la filosofía del lenguaje de marcado XHTML, la filosofía del lenguaje de definición de estilos CSS y la importancia del uso de modelos semánticos en el diseño de nuestros sitios web.

Veamos con que características principales se dota un sitio web al ser respetuoso hacia los estándares vigentes:

Formato universal

Si diseñamos ajustándonos a un estándar podemos estar seguros de que los navegadores que han sido diseñados para ajustarse a dicho estándar representarán nuestros contenidos tal y como los habíamos imaginado.

Podemos resumir que su uso es el mejor medio para alcanzar una representación única y universal en todos los navegadores y dispositivos que respeten el estándar propuesto en que nos hayamos basado.

Realmente es lógico pensar que basar sus proyectos en los mismos estándares que las compañías han de respetar para construir sus navegadores y dispositivos ha de ser garantía de buen funcionamiento.

Excelente portabilidad

El hecho de trabajar con código relativamente simple, a través del uso de XHTML, y de separar nuestros contenidos del diseño mediante el uso de CSS, nos permite lograr que los cambios menores o globales tanto de diseño como de contenido sean infinitamente mas sencillos y rápidos, logrando para ello un menor consumo de recursos o una menor inversión.

Mayor tiempo de vida de la inversión

Cuando usamos métodos o comportamientos propietarios corremos el riesgo de que nuestro sitio web se vuelva obsoleto en un corto espacio de tiempo.

El mejor ejemplo fue el de las millones de líneas de código (etiquetas propietarias) que hubieron de ser cambiadas cuando “Internet Explorer” acabó con la hegemonía de “Netscape”.

Aunque puede parecer que la hegemonía de “Internet Explorer” y “Windows” está asegurada por algunos años más, en dicha plataforma suceden vaivenes tecnológicos que pueden inutilizar o minimizar nuestra audiencia.

Podemos encontrar ejemplos en, las severas restricciones de seguridad a las que se ve sometido desde la aparición de “Windows XP Service Pack 2” cualquier contenido “ActiveX” incrustado en una página web, o la guerra sin cuartel hacia comportamientos, hasta ahora comunes, que permitían lanzar ventanas emergentes sin intervención del usuario.

Podemos concluir que el uso de tecnología estándar extiende el periodo de vida de nuestra inversión, ya sea dineraria o basada en el desempeño personal.

Maximización de su audiencia potencial

Como consecuencia de los puntos anteriores queda patente que la accesibilidad de nuestro sitio web se maximiza con el respeto a los estándares.

Dicha consecuencia no es algo que debamos minusvalorar, ya que cuando el objetivo de nuestro sitio web es realizar a nuestros usuarios labores de promoción, información, ventas, asistencia, etc. el hecho de ser capaces de llegar a la totalidad de la audiencia maximiza nuestra capacidad comunicativa.

Igualmente como veremos con más profundidad, el uso de estándares posibilita resolver con suma facilidad:


  • El problema de accesibilidad que supone mantener versiones para dispositivos móviles, PDAs, impresoras, etc.

  • El problema de usabilidad que supone construir sitios accesibles por personas con minusvalía.

Reducción de tamaño global

Una de las consecuencias del uso de la filosofía XHTML + CSS es que, debido a la separación de los contenidos y del diseño se minimiza el contenido redundante entre páginas.

Ello contribuye a reducir de forma sustancial el tamaño de nuestras páginas, lo que redunda en:


  • Una mejor experiencia para nuestros usuarios, al reducir el tamaño de cada página y la cantidad de datos que han de descargar en su navegación.

  • Una experiencia adecuada para los usuarios que estén usando las versiones destinadas a dispositivos móviles de nuestro sitio web.

  • Un mejor aprovechamiento de nuestra infraestructura:

    • Reduciendo de manera significativa la carga de nuestros servidores.

    • Reduciendo el tráfico necesario para servir nuestros contenidos, lo cual en muchos casos puede redundar en ahorro si trabajamos con servidores que cobran según la cantidad de datos transferidos.

La disminución de tamaño que las páginas experimentan al ser diseñadas respetando los estándares justifica por si sola rediseñar todo un sitio web en sitios que soportan un alto tráfico.

Mejor indexación en motores de búsqueda

Cuando diseñamos respetando los estándares provocamos que los analizadores de los motores de búsqueda clasifiquen mejor nuestros contenidos.

Una de las causas de ello es el empleo de los elementos semánticos a los que nos obligan dichas normas, los cuales sirven para dotar de importancia a determinadas partes de nuestros contenidos

Igualmente la separación entre contenidos y diseño posibilita que en la lectura de cada una de nuestras páginas dichos analizadores encuentren un ratio mayor de contenidos útiles que de código destinado a la representación de los mismos.

Como expresábamos en el anterior punto, esta mejora en las posibilidades de permanecer bien situado en los buscadores puede justificar por si sola el empleo de la filosofía de diseño que proponemos.

Enlaces relacionados:

Especificación del lenguaje de marcado XHTML 1.0

Especificación del lenguaje de marcado XHTML 1.1

Especificación del lenguaje de marcado XHTML Basic (subconjunto limitado para dispositivos móviles)

Especificación el lenguaje CSS1

Especificación el lenguaje CSS2

Pautas de Accesibilidad del Contenido en la Web 1.0 (WAI)

La importancia de la accesibilidad: Análisis de accesibilidad

Diferencias entre usabilidad y accesibilidad

Publicado el 24/10/2004 a las 08:00 PM
Categorías: Diseño web, Accesibilidad, Usabilidad
Comentarios (3)Trackbacks (5)Enlace permanente

Viernes, 09 de Abril de 2004

Diferencias entre usabilidad y accesibilidad


A veces encontramos determinados autores que reivindican el término accesibilidad como sustitutivo para el término usabilidad, al que consideran una variación de mal gusto del termino anglosajón “Usability”.

Semánticamente en el mundo del diseño y en el mercado, ambas palabras expresan conceptos ligeramente distintos.

Generalmente consideramos la accesibilidad como las pautas o reglas a seguir para que usuarios discapacitados puedan acceder a la información que les brindamos, ya sea el medio una web, un dvd, un cd, etc.

Este tipo de accesibilidad puede estar fundamentado exclusivamente en el diseño y la forma de disponer los datos, aunque en la mayoría de los casos en la implementación está contemplada la posibilidad de que los usuarios puedan usar diversas herramientas adicionales para facilitar su acceso, tales como el aumento del tamaño de la letra, el uso de navegadores con síntesis de voz o terminales braille, etc. Sin que ello perjudique la legibilidad ni arruine la utilidad del sitio.

Podemos resumir que la accesibilidad supone poder acceder a la información a través de medios poco convencionales.

Así no solo los minusválidos son el target de los sitios accesibles, sino que un usuario de informática móvil podría beneficiarse de la accesibilidad de un sitio web que contemple un diseño especial para ser mostrado en terminales móviles.

Por usabilidad entendemos algo ligeramente diferente.

La usabilidad se centra en las necesidades del usuario. Así si pretendemos diseñar un sitio con buena usabilidad debemos:

- Pensar en que modo el usuario desearía encontrar la información.

- Tener en cuenta las limitaciones de los recursos del usuario a nivel de ancho de banda, capacidad de procesamiento y resolución.

- Diseñar el grado de profundidad que daremos a nuestros contenidos, y si el usuario podrá avanzar en complejidad a medida que lo desee.

- Definir un árbol de navegación atractivo como referencia de navegabilidad en nuestra página web, no abrumando con excesivos enlaces, y mostrándolos a medida que el usuario se interesa por ellos.

- Definir una iconografía y un diseño visual con importante carga semántica, que transmita justo lo que nos proponemos, para así poder ayudarnos del impacto visual en lugar de que éste produzca confusión.

Consideremos dichas enumeraciones como un breve apunte. Hay numerosas reglas y recomendaciones para conseguir medios dotados de una alta usabilidad. En sucesivos días las analizaremos individualmente.

La importancia de la usabilidad debe tenerse en cuenta desde el primer momento para todo proyecto interactivo.

Un sitio web atractivo, de alta carga comunicativa y de envidiable utilidad solamente se consigue alimentando hasta la excelencia estas tres variables: Usabilidad, Accesibilidad y Contenidos.

Publicado el 09/04/2004 a las 07:00 AM
Categorías: Diseño web, Accesibilidad, Usabilidad
Comentarios (2)Trackbacks (1)Enlace permanente