¿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.