Diseñar con Webstandards

¿Qué significa diseñar con Webstandards?

La base del diseño con Webstandards es dividir una página web en tres componentes:

""/

  • Estructura
  • Presentación
  • Comportamiento

¿Que aporta diseñar con Webstandards?

  • Independencia entre estructura, presentación y comportamiento.
  • Compatibilidad garantizada con futuras versiones de navegadores. No hay que mantener â??nâ? versiones para mantener compatibilidad con diferentes navegadores.
  • El sitio Web es legible en todos los dispositivos (PDA, móvilâ?Š) y en todos los navegadores. Aunque el navegador o el dispositivo no entienda la presentación seguirá manteniendo la estructura de cada página.
  • Mayor indexación en los buscadores.
  • Reducción de coste en futuros rediseños.
  • Contratación de menor ancho de banda del sitio Web ya que se reduce considerablemente el peso del sitio Web.
  • Menor coste de mantenimiento.
  • Posibilidad de controlar la presentación al imprimir.
  • Tener diferentes tipos de presentación.

Metodología

Como se puede uno imaginar, para diseñar con Webstandards hay que ser muy metódico y analizar al 100% el proyecto.

¡Hay que tener en cuenta cuáles son los tipos de contenido que se han agrupado!

Vamos a visualizar este punto con un ejemplo simple. El ejemplo contiene una navegación la cual esta divida en una navegación principal y en una subnavegación. En el caso â??Aâ? se ha decido que la navegación principal y la subnavegación formen un único bloque situado en la parte superior de la página.

En el caso â??Bâ? se ha decidido que el bloque de navegación esté dividido en navegación principal y en subnavegación.

Caso A:

""/

Caso B:

""/
Con el caso â??Aâ? y con el caso â??Bâ? hemos logrado el diseño. La navegación se encuentra en la parte superior y el cliente esta satisfecho.

A los 3 meses nuestro cliente decide que la subnavegación debe ir en la parte izquierda de la página por aumento de las opciones de menú. Este cambio supone un mini rediseño.

Rediseño:

""/
A la hora de hacer el rediseño el grado de complejidad varia bastante entre el caso A y el caso B.

Rediseño partiendo del caso A

En el caso â??Aâ? no hemos dado importancia a que la navegación principal y la subnavegación formen un único bloque, ya que encajaba perfectamente con el diseño, por lo que la modificación va ser mas costosa.

  • Modificar estructura.
  • Modificar plantillas (JSP, PHP,â?Š).
  • Modificar presentación.
  • La modificación es de mayor volumen ya que la definición de los estilos se basaba en otra estructura.

Rediseño partiendo del caso B

En el caso â??Bâ? hemos contemplado que la subnavegación es visualmente independiente de la navegación principal por lo que la modificación va ser mínima.

  • Modificar presentación.
  • Hay que modificar una única declaración de la hoja de estilos.

Conclusión

Si aplicamos Webstandards tenemos que ser mas metódicos y dejar todo definido inicialmente: guía de usabilidad y libro de estilo. Si no se siguen las definiciones, los Webstandards pueden ser muy crueles. El caso mostrado es sólo el pico del iceberg.

Entradas relacionadas

Deja un comentario