Introducción

Para asegurar la consistencia de las diferentes partes de un sistema o de una familia de sistemas es fundamental basar su diseño en un conjunto de principios y directrices. Por este motivo es importante para las organizaciones que desarrollan software disponer de una guía que puedan seguir sus desarrolladores. Estas guías se denominan guías de estilo.

¿Qué es una guía de estilo?

Una guía de estilo es una colección de elementos prediseñados gráficos y reglas que diseñadores o desarrolladores web deben seguir para asegurarse que partes separadas del sitio web sean consistentes y creen una experiencia cohesiva al final.

Existen 3 tipos de guías de estilo: las comerciales, corporativas y web.

Guías de Estilo Comerciales:
Son producidas por fabricantes de software y hardware y en gran parte están basadas en estándares de facto.

• Apple
• Motif
• IBM
• Windows
• Open Look

Guías de Estilo Corporativas:
Necesarias para dar el mismo estilo a todos los productos de una organización.
Tomando una guía de estilo comercial la organización puede desarrollar su propio estilo corporativo.
Con estas guías, se añaden nuevas características que generen una imagen coherente a la Organización.
Pretenden mantener y reforzar la identidad corporativa ,
es decir, el uso de colores, gráficos e iconos que
presenten una imagen visual consistente del logotipo de
la compañía a través de los interfaces de los productos.

Guías de Estilo para la Web:

La prioridad es conseguir interfaces atractivas. Instituciones que han aportado sus guías de estilo web:

• APPLE
• IBM 
• SUN
• W3C
• ATAG
• W3C

Por lo tanto, una guía de estilo digital para las páginas web engloba mucho más que información para el logo y el rótulo empresarial: esta determina, además del tipo de letra y los colores, el diseño de las imágenes o la presentación de los elementos e incluye datos relativos al tono del texto. Si se hace uso del libro de estilo, la página web obtiene un aspecto uniforme, incluso si se da el caso de que haya varios diseñadores web implicados en la elaboración de cada una de las áreas de la página web.

Principios

Principios de Simpson

• Define los Usuario.
• Deja el Control a los Usuarios.
• Minimiza el trabajo de los usuarios.
• Haz un programa sencillo.
• Consistencia.
• Realimentaciones.
• No carges de trabajo la memoria del usuario.
• No hacer uso abusivo de la memoria a largo plazo.

Principios de Preece

• Estudiar la población de usuarios.
• Reducir la carga cognitiva.
• Aplicar ingeniería para resolver la problemática del error humano.
• Mantener consistencia.

Principios de Mandel

• Colocar a los usuarios en el control de la interfaz. 
• Reducir la carga de memoria de los usuarios.
• Hacer la interfaz consistente

Principios de Alan Dix

• Facilidad de Aprendizaje
• Flexibilidad
• Robustez

Principios Propuestos por IBM

• Simplicidad
• Apoyo
• Familiaridad
• Evidencia
• Estimulo 
• Satisfacción 
• Similitud 
• Disponibilidad
• Seguridad
• Versatilidad
• Personalización
• Afinidad

Estándares

Existen dos tipos de estándares:

• El estándar de iure 
• El estándar de facto

Estándares de iure

Son generados por comités con estatus legal y gozan del apoyo de un gobierno o institución para producir estándares.

En Informática tienen estatus legal para definir estándares de iure:

• ISO Asociación Internacional para Estándares.
• IEC Comisión Electrotécnica Internacional.
• ANSI Instituto Nacional Americano para Estándares.
• IEEE Instituto de Ingenieros Eléctricos y Electrónicos Americano.
• CEN Comité Europeo para la Estandarización.
• W3C Consorcio para la World Wide Web.

Estándares de facto.

Son estándares que nacen a partir de productos de la industria que tienen un gran éxito en el mercado o desarrollos hechos por grupos de investigación en la Universidad que tienen una gran difusión. Son aceptados como tales por su uso generalizado. 

Ejemplos:

• Sistema X-Windows
• Lenguaje C 
• Normas CUA

Ejemplo

Mozilla

Para unificar toda su presencia en línea, crearon un marco de trabajo llamado Sandstone. Esta guía integral define el estilo y la forma para todas sus propiedades web, abordando todo desde su botón más pequeño hasta la cuadrícula en general.
En el caso de Mozilla, por ejemplo, se pueden ver automáticamente las diferencias existentes entre el logo actual y las versiones anteriores, aunque solo está permitido utilizar el actual. Algo menos estrictas son las normas que se aplican a la reproducción de colores de la marca denominativa “Mozilla”, la cual puede, en función del diseño, representarse en cualquier color. En este caso, no se permiten los diseños multicolores.
Guía de estilo: https://www.mozilla.org/en-US/styleguide/

Conclusiones

• Los estándares y las guías de estilo facilitan el diseño de interfaces.
• También facilitan el aprendizaje y reducen los errores al permitir al usuario aprovechar el conocimiento adquirido en otros productos.
• Es imprescindible para un diseñador de IPO conocer los estándares existentes y las guías más adecuadas al entorno en el que va a trabajar.
• Aseguran una mejor usabilidad mediante la consistencia que imponen.

Bibliografia

Fabian Mendez. (2014). Estándares y Guías de Estilo. 2018, de Sitio web: https://prezi.com/6_aepjrl78cg/guias-de-estilo-y-estandares-en-gui/
LUIGGI SANTA MARIA. (2014). ¿Cómo crear una guía de estilo de diseño de páginas web?. 2018, de Sitio web: http://www.staffcreativa.pe/blog/crear-una-guia-de-estilo-de-diseno-web/
Digital Guide. (2017). La guía de estilo: concepto de diseño para páginas web. 2018, de Sitio web: https://www.1and1.mx/digitalguide/paginas-web/diseno-web/la-guia-de-estilo-perfecta-para-paginas-web/
Desconocido. (Desconocido). Estándares y guías de estilo. 2018, de web Sitio web: http://www.lsi.us.es/docencia/get.php?id=3360

Introducción

Para asegurar la consistencia de las diferentes partes de un sistema o de una familia de sistemas es fundamental basar su diseño en un conjunto de principios y directrices. Por este motivo es importante para las organizaciones que desarrollan software disponer de una guía que puedan seguir sus desarrolladores. Estas guías se denominan guías de estilo.