¿Qué es y para qué sirve el style guide de apps?

Descubre las funciones y ventajas de usar un style guide en el diseño y desarrollo de aplicaciones

Christian Vizcarra (@christvizcarra) es un Senior UI/UX Product Designer y Digital Strategist, que además incorpora a su trabajo elementos de marketing, redes sociales, 3D y vídeo. En su labor diaria, crea productos digitales, diseña sitios web, aplicaciones y todo tipo de interfaces para empresas de distintos países.

Él nos explica cuáles son las funciones principales del style guide o guía de estilo visual, que es una herramienta clave para el diseño y desarrollo de aplicaciones móviles.

¿Qué es un style guide?

La primera función de un style guide es saber las dudas principales que surgen en los equipos de diseño y desarrollo de apps. En pocas palabras, es un documento que describe los principios de una compañía y cómo deben aplicarse, incluyendo:

- Patrones
- Estilos
- Componentes
- Prácticas
- Colores
- Tipografías
- Lo que está permitido
- Lo que no está permitido

Una style guide es similar a un manual de marca, pero es específico para las apps.

¿Para qué sirve?

Un style guide de apps sirve para que todos los equipos involucrados en la construcción de la app estén alineados en cuanto al estilo y las reglas que tendrá.

Con su uso correcto, ahorrará tiempo cuando el equipo de diseño establezca reglas respecto de detalles como tamaño de las fuentes, colores de los botones, etcétera. Así, el equipo de desarrollo se apegará a esas reglas y habrá menos ajustes en el proceso final de cambios.

Ventajas de usar un style guide

- Es una herramienta de comunicación entre equipos. Permite que todos tengan claro cómo se verá el producto final.

- Permite tener consistencia entre todas las aplicaciones de diseño y desarrollo de la interfaz.

- Define detalles de la apariencia de la interfaz, de modo que antes de que comience el desarrollo, se han resuelto varios problemas.

- Resuelve las necesidades de los equipos.

- Facilita el trabajo de todos los equipos.

¿Cómo construir tu style guide?

Una buena práctica antes de comenzar a diseñar el style guide es responder las siguientes preguntas básicas:

- ¿Quiénes van a usar la guía?

- ¿Qué debe contener? (Componentes, kit de UI, tipografías, colores, etcétera).

- ¿Cuándo se usará? (Antes, durante el proyecto).

- ¿Cómo necesita presentarse la visualización?

Si quieres aprender más de Christian y a crear tu propio style guide, apúntate a su curso Creación de una style guide para apps.

También te puede interesar:

- 5 cursos para diseñar tu propia app desde cero.
- Las tendencias de UX que nos trae 2020.
- Qué es el diseño UX y UI?