14 May Style Guide para apps: qué es y para qué sirve.

Utilizar un style guide para desarrollar aplicaciones tiene muchas ventajas. 

Un style guide o guía de estilo visual, es una herramienta fundamental en el diseño y desarrollo de aplicaciones móviles. 

Qué es un style guide 

Un style guide es un documento que resume y describe los principios de una compañía y cómo deben aplicarse en el diseño y el desarrollo de las apps. Esta guía incluye: 

• Patrones 
• Estilos 
• Componentes
• Colores
• Tipografías 
• Usos correctos e usos incorrectos 
• Prácticas 

En otras palabras, un style guide podría entenderse como un manual de identidad corporativa enfocado específicamente para la creación, diseño y aplicación de apps. 

Para qué sirve 

Esta guía de estilo visual para publicaciones, sirve para que todas las personas y equipos involucrados en la construcción de una aplicación estén alineados y sepan qué pasos seguir en cuanto a estilo y aspecto. 

El uso correcto de este manual, ahorrará tiempos evitando errores de colores o tipografías. Con él, los equipos podrán definir unas reglas respecto a detalles concretos como el tamaño de las fuentes, los colores de los menús, etc. Así, el equipo de desarrollo tendrá unas reglas que seguir y tendrá que realizar menos cambios. 

Las guías de estilo garantizan la coherencia y facilitan las mejores prácticas de usabilidad. 

Qué ventajas tiene usar un style guide 

• Mejora la comunicación entre las partes implicadas en el desarrollo de una app. Es una herramienta de comunicación que aporta información y datos sobre los elementos que tiene que llevar el proyecto final. 
• Permite mantener una constancia visual entre todas las aplicaciones de diseño, la marca y el desarrollo de la interfaz. 
• Recoge todos los aspectos relacionados con la apariencia de la interfaz. 
• Resuelve las necesidades, problemas y dudas que puedan tener los equipos de diseño y desarrollo, facilitando así su trabajo. 

Del mismo modo que los departamentos de comunicación y diseño realizan sus manuales de estilo e imagen de marca, es conveniente que se familiaricen con este concepto y empiecen a hacer uso de estos manuales. 

Antes de empezar con la redacción y la construcción de un style guide, es importante tener en cuenta unas preguntas básicas. 

• ¿A quién va dirigida la guía? Que personas van a utilizarla 
• ¿Qué elementos va a componer? Colores, tipografías, componentes, etc. 
• ¿Cuándo va a usarse? Antes de comenzar un proyecto, durante la realización del mismo. 
• ¿Cómo va a visualizarse? En formato digital, físico, etc. 

Para crear esta guía pueden utilizarse diferentes programas de diseño como Adobe XD, InVision, Figma o Sketch. 

Un style guide, es un documento fundamental para todas aquellas personas involucradas en la creación y el diseño de un producto digital como una aplicación móvil.