Desde que comencé a trabajar en diseño web, he estado involucrado en grupos de diseño con estándares web durante mucho tiempo. Siento cada vez más que diseñar de acuerdo con los estándares recomendados por el W3C es lo correcto. Cuando estaba listo para rediseñar el sitio adaptivepath.com, mi socio aceptó construirlo utilizando un enfoque que cumpliera con los estándares. Pero antes de comenzar, también tenemos una discusión: ¿Vale la pena adoptar estándares web?
Claro, un rediseño puede generar credibilidad entre los "defensores de los estándares web", pero aparte de los elogios de la industria, ¿los estándares realmente importan para los sitios comerciales individuales como el nuestro? ¿Pueden los estándares web ser rentables para nosotros? ¿Existe algún beneficio financiero al cambiar a XHTML+CSS? Todas las respuestas son: sí.
Acelerar el desarrollo
Aunque la simplicidad de las páginas HTML ha promovido enormemente el desarrollo de la web, también se ha convertido en una pesadilla. Debido a que son tan "tolerantes" a los formatos de código, han fomentado el desarrollo de algunos códigos privados de navegador, lo que ha impedido que innumerables usuarios obtengan la mejor experiencia (ver los mejores efectos de la página).
Muchos de nuestros clientes crean múltiples versiones de su sitio para proporcionar el mejor diseño posible para la mayor cantidad de usuarios posible. Para nuestra empresa, sólo necesitamos un conjunto de páginas HTML, una hoja de estilo y una cantidad muy pequeña de desarrollo. Más del 95% de los usuarios del sitio web adaptivepath.com utilizan navegadores compatibles con los estándares. Así que pensamos, es hora de hacerlo. transición a los estándares web.
Los estándares web le obligan a realizar una comprobación de errores. Simplemente declara qué versión de tu HTML es y el validador verificará tu página de acuerdo con los estándares que declaraste. El validador verificará estrictamente y le dirá en detalle qué errores hay, lo que acorta el tiempo que los desarrolladores dedican a la calidad y garantiza que su sitio mantenga un alto grado de coherencia en los diferentes navegadores. Aunque los navegadores actuales todavía tienen algunos errores de visualización, es mucho mejor que hace cinco años.
Fácil de mantener, mayores oportunidades
Durante muchos años, los grupos de estándares web han recomendado las virtudes de "mantener el diseño visual y el contenido separados", lo que significa que HTML se ha vuelto muy simple (casi ridículo), y la mayoría de las páginas XHTML tienen sólo unos pocos <div> y <p semánticamente ricos. > etiqueta y un enlace a un potente archivo CSS. Esta completa separación facilita el desarrollo y mantenimiento de tus páginas, en primer lugar porque permite una mejor coordinación entre los equipos de desarrollo, por ejemplo, los editores y diseñadores pueden trabajar por separado.
Recientemente, hubo un proyecto en el que utilizamos tecnología CSS y desarrollamos archivos CSS para clientes en nuestro propio servidor de desarrollo. Mientras preparan el contenido en el servidor back-end, también podemos modificar constantemente el diseño. Solo necesitamos editar el archivo CSS sin tener que integrarlo con su sistema de lanzamiento de versiones. acortó drásticamente el tiempo de desarrollo. El desarrollo rápido genera ventajas competitivas y de costos. Un tiempo de desarrollo más corto no solo ahorra costos, sino que también libera recursos, lo que genera más oportunidades.
Ampliar canales de acceso
El código limpio aporta más beneficios. Los navegadores que no soportan CSS ahora pueden simplemente ignorar la hoja de estilo. En otras palabras, cualquier navegador puede representar la representación semántica XHTML, incluidos clientes no tradicionales como teléfonos móviles, PDA, lectores de voz, lectores de pantalla, etc. Cualquier dispositivo que admita estas etiquetas simples servirá.
Un sitio que cumple con los estándares web puede admitir el acceso móvil; admitir los estándares de usabilidad de la Sección 508 y ser compatible con versiones anteriores del navegador. Obtiene todos los beneficios y es más fácil de desarrollar y mantener, e incluso ahorra algunos costos de hardware en el proceso.
Ahorre costos de ancho de banda
Cuando eliminamos la fuente, las etiquetas de la tabla y algunas imágenes utilizadas para la decoración de la página, redujimos el tamaño de la página de 20,9k a 9,2k. Por el momento, estas reducciones pueden parecer triviales, pero cuando se suman todas las visitas a la página representan una cantidad significativa que abruma nuestro sitio con tráfico.
Nuestro sitio recibe aproximadamente varios miles de páginas vistas al día, lo que puede ahorrar un 56 % de ancho de banda. Mientras que los grandes sitios comerciales pueden alcanzar este tipo de visitas en uno o dos minutos, los sitios populares suelen alcanzar decenas de millones de páginas vistas en un día. Si ahorra entre 30.000 y 40.000 páginas por página y no es necesario volver a descargar la hoja de estilo almacenada en caché, puede ahorrarles a estos sitios miles de dólares cada mes. ¡Verá a la gente de TI entusiasmada con este diseño!
Mejorar la experiencia del usuario
Si bien el dinero es fácil de cuantificar, comprimir código también brinda beneficios adicionales ocultos. No es ningún secreto que un sitio rápido y activo siempre resulta en una mejor experiencia general para el usuario.
En los primeros días de la web, el diseño de enormes interfaces gráficas hacía que los usuarios de Internet por acceso telefónico tuvieran que soportar velocidades de acceso lentas. Con la popularidad de la banda ancha, esta situación ha mejorado. Pero los viajeros de negocios en viajes de negocios aún pueden convertirse en sus nuevos usuarios al marcar desde el teléfono de su hotel. El uso de un código limpio y estandarizado puede ayudar a sus usuarios a lograr sus objetivos en el sitio web de manera rápida y sencilla.
La transformación valió la pena
Decidimos cambiar a las normas, no por cortesía, sino por los maravillosos beneficios financieros que aportan. Es por eso que cada vez más sitios interesantes recurren a los estándares web. ¿Por qué no has comenzado todavía la transición a XHTML+CSS?
Los beneficios económicos que aporta la estandarización son tangibles. Una vez que nuestros sitios estén estandarizados, las empresas harán realidad la verdadera promesa de compartir contenido de forma gratuita.