1. Despliegue en múltiples plataformas de usuario: El mismo código puede mostrarse en una gran cantidad de plataformas de usuario, es decir, en todos aquellos dispositivos que puedan leer XHTML , como buscadores, smartphones, celulares con navegadores, y lectores de pantalla para personas con debilidad visual.

2. Mejora del rendimiento: Las páginas se vuelven mucho más ligeras (en cuanto a tamaño del archivo) por lo que la descarga es mucho más rápida, esto debido a que el contenido ahora necesita un mínimo de formación en la estructura, ya que toda la presentación del sitio se guarda en un único archivo (css), por lo que el navegador tiene que descargarlo una única vez.

3. Funciona en la mayoría de los navegadores: Con un poco de esfuerzo, puedes hacer que tu página se vean correctamente en versiones anteriores, de esta manera, los usuarios obtienen la mejor experiencia con la tecnología que tienen disponible.

4. Separación del contenido y la presentación: Puedes cambiar o modificar por completo el contenido o el diseño sin afectar al otro

5. Confirmación de que tu código es correcto: los servicios de validación de XHTML y CSS, puedes usarlos durante el desarrollo, éstos informan al instante los errores en tu codificación, por lo tanto, el proceso de depuración es mucho más rápido, y tendrás la garantía de que la página se mostrará siempre completa tanto en los navegadores, como en la validación.

Cada página web, tiene diferentes bloques, como mostramos en la figura que encabeza esta entrada, y estos bloques son los que hacen que la página tenga sentido.

La mayoría de los sitios web tienen los siguientes componentes:

· Un Contenedor: No hay página que no lo tenga, ya sea a través de la etiqueda body, un una etiqueta div que lo incluye todo, o una tabla table (aunque esto último no nos guste ni mencionarlo). Es tan sencillo como que si lo excluimos, no tendríamos forma de colocar los contenidos de nuestro sitio.

· Un área para el Logo: el logo tanto los colores son parte de la identidad corporativa y no solo se incluyen en la web, sino también en hojas membretadas, tarjetas de presentación, folletos, etc. Esta área también es conocida como área de identidad, y debe contener el logo y el nombre, y debe aparecer en el encabezado de la página. Su finalidad, incrementar el reconocimiento de la página y mostrarle al usuario que las diferentes páginas que están viendo forman parte de un mismo sitio.

· Un sistema de Navegación: Es una parte esencial del sitio y debe ser fácil de encontrar y usar, debe estar lo más cerca posible de la parte superior del sitio.

· Un área para Contenido: Esta es sin duda el área más importante. Un visitante típico de un sitio entrará y saldrá de él en cuestión de segundos. Si éste no puede encontrar lo que busca, irá a otro sitio, por lo que el área de contenido debe crearse y mantenerse como el punto focal del diseño, para que esos segundos lleven a los visitantes a seguir explorando la página.

· Un pie de página: como su nombre lo indica, se sitúa en la parte inferior de la página, y por lo general, contiene los derechos de autor, información legal, formas de contacto, y en algunos cazos algunas ligas hacia las secciones principales del sitio.

· Espacio en Blanco: En diseño gráfico un espacio en blanco, también llamado espacio negativo, se refiere a cualquier área de una página que no está cubierta por tipografía o ilustraciones. La mayoría de diseñadores web que están iniciando sienten la necesidad de cubrir cada centímetro con fotos, texto, tablas, datos, etc. olvidándose de que el espacio vacío de una página es tan importante como el contenido que tenga, ya que este le da un respiro al diseño, guiando al usuario hacia el contenido más importante y creando un equilibrio.

Ahora que tienes esta información, ocúpala para crear diseños realmente funcionales.

El primero se centra en la funcionalidad, la presentación de la información, y la eficiencia, se trata de estrictamente de la usabilidad.

El segundo pone especial atención en la presentación, las animaciones y sobre todo a los gráficos: la estética.

Es por eso que como diseñador, debes de cuidar de no quedar atrapado entre la estética y los gráficos y olvidarte del usuario, así como también debes evitar quedarte en las pruebas de usuario y olvidarte de lo visual. Recuerda que para captar el interés del usuario debes cuidar ambos puntos, tanto el funcional como el estético.

Ten siempre en cuenta, que lo más importante en el diseño es la comunicación.

Piensa en los siguientes ejemplos:

- Estás visitando un sitio web que funciona bien y presenta la información de manera eficiente, pero es feo y no encaja con la marca. ¿Te quedarías en ese sitio? ¿volverías? ¿lo seguirías usando?

- Te encuentras una hermosa página web, con gráficos de alta calidad, pero no es accesible, no es usable, y es difícil llegar a la información que requieres, de momento te sientes incapaz de usarla. Nuevamente las mismas preguntas: . ¿Te quedarías en ese sitio? ¿volverías? ¿lo seguirías usando?

Como te podrás dar cuenta, los elementos del diseño y la funcionalidad de un sitio web terminado, deben verse como una sola unidad, de modo que:

- Los usuarios se sientan complacidos con el diseño, pero también, se sientan atraídos por el contenido.

- Los usuarios pueden moverse fácilmente gracias a una navegación intuitiva

- Los usuarios reconocen cada página que forma cada parte del sitio.

Navegando por hongkiat.com, sitio que recientemente he encontrado, y con la que me he entretenido mucho por todo el contenido que tiene, me he encontrado con una lista de 42 revistas gratis y en línea para diseñadores.

Están en inglés, y tratan temas tanto de diseño web, como de diseño editorial. No te las pierdas!

• . ¿Te gusta el internet?
• . ¿Pasas al menos 2 horas de tu día navegando?
• . Cuando buscas información actualizada ¿buscas en google, yahoo, msn? ¿blogs? ¿revistas online?

Si respondiste que sí a por lo menos una de estas 3 preguntas, ahora contesta:

• Si no pudieras oír ¿Cómo te sentirías sin poder acceder al valioso contenido en audio que una página web determinada te ofrece?
• Si no pudieras ver ¿Cómo te sentirías si tu programa “lector de pantalla” te leyera la información de dicha página de manera no ordenada, casi incomprensible?
• Y qué me dices si tú, sin ninguna discapacidad, te encuentras ante una página en inglés, francés, alemán (o algún idioma que tú no dominas) pero que tiene muy buen contenido? Seguramente no dudarías en hacer uso de un traductor. Pero…. La página usa varias abreviaturas, acrónimos, y demás, y no presenta aclaración alguna sobre estos ¿Puedes captar el mensaje, con lo poco que te ha dado el limitado traductor?

Ahora piensa, que hay miles de personas, usuarios de la web, que pasan diariamente por estas dificultades. ¿Y si fueras tú uno de ellos? ¿Y si alguna llegó a tu sitio web, posiblemente un futuro lector recurrente, pero no pudo acceder a la información de manera correcta porque no pusiste atención en esos “pequeños detalles”?

Ésta es la importancia de la accesibilidad web: que todos, sin excepción, tengan acceso a tu contenido sin complicaciones.

Recuerda, al hacer tu sitio accesible, estás colaborando a que la Web pueda proporcionar acceso equitativo e igualdad de oportunidades a las personas con capacidades diferentes.

“El que tu página web sea accesible, no es solo una obligación legal, es una obligación moral”

Como ya te imaginarás resulta muy difícil complacer a todos, así que hay que saber hasta dónde es posible.

En la actualidad, se podría decir que el 98% de los usuarios tiene navegadores que soportan HTML 4, sin embargo, en cuanto a la ejecución de CSS aún hay muchas inconsistencias.

Por todo esto, y muchas otras razones de las que ya hablaremos más adelante, lo mejor será siempre probar nuestros sitios en el mayor número de navegadores, y no solo eso, en diferentes versiones de los mismos e incluso con diferentes sistemas operativos, tantos, como te sea posible. De preferencia, hazlo antes de poner tu web online, colócalo en un servidor privado y a partir de allí has tus pruebas.

Puedes pensar que esto te puede llevar demasiado tiempo, de manera que te sugiero uses sitios como Browsershots, una herramienta online que hace capturas de pantallas de tu diseño web en distintos navegadores, en un conjunto de computadoras distribuidas y en cuestión de minutos (dependiendo de la cola de trabajos), te permite descargarlas para que las analices.

La otra opción, es que ocupes el tema como pretexto para visitar a tus amigos!

Recuerda: Aunque tu página se vea diferente en diversos medios, lo importante es que te asegures de que su contenido siga comunicando con claridad.

Enlace: http://browsershots.org