Cómo Google organiza workflows visuales
Clase 6 de 23 • Curso de Sistemas de Diseño Efectivos
Contenido del curso
Principios del Sistema de Diseño
Paradigmas de Sistemas de Diseño
Estilos para tu Sistema de Diseño
Reglas de espaciado, Animación, Voz y Tono
Icon System y UI Kit
Un sistema basado en personas
Transforma ideas en procesos claros con Google: comunica cómo trabajarás, visualiza decisiones y documenta con estilo profesional. Desde nombrar tu proyecto “Platzi Design System” hasta usar colores e íconos, cada detalle suma para que tu documentación y tus workflows sean entendibles, memorables y consistentes.
¿Cómo comunicar procesos de trabajo con Google?
Comunicar “qué va a pasar” y “cómo va a pasar” genera confianza y alinea expectativas. El primer paso es abrir la plataforma de Google, iniciar un documento y ponerle un nombre claro: el inicio de tu idea. Personaliza desde el principio para transmitir profesionalismo y coherencia visual.
- Explica tu proceso de trabajo de principio a fin.
- Nombra tu documento con intención: “Platzi Design System”.
- Prioriza la claridad: qué ocurrirá, cómo y en qué orden.
- Habilidades: comunicación de procesos, pensamiento estructurado, escritura clara.
¿Qué herramientas de formato, link e imagen usar?
En la barra de Google encontrarás opciones para dar formato al texto, insertar enlaces, añadir imágenes y buscar íconos. Aprovecha estas funciones para organizar, contextualizar y enriquecer tu documentación.
- Formato de texto para jerarquías claras.
- Links para referencias rápidas.
- Imágenes para identidad visual y contexto.
- Íconos/emojis para escaneo rápido.
¿Por qué empezar con un nombre y un propósito?
Nombrar define el foco del proyecto y alinea a tu audiencia. Además, te obliga a estructurar tu narrativa desde el inicio.
- Un buen título guía decisiones.
- Facilita la búsqueda y el mantenimiento.
- Refuerza la coherencia del sistema.
¿Por qué personalizar íconos y colores en la documentación?
Los detalles visuales cambian la experiencia: se sienten profesionales y facilitan la comprensión. Inserta un ícono o logo, ajusta su tamaño y posición, y aplica un color para reforzar identidad. Pequeños cambios, gran impacto.
- Personaliza para dar sensación de cuidado.
- Usa un logo para identidad del sistema.
- Ajusta tamaño y posición para legibilidad.
- Habilidades: criterio visual, consistencia de marca, edición básica de imágenes.
¿Cómo ajustar tamaño y posición de imágenes?
Al insertar una imagen, suele quedar desproporcionada. Redúcela y reubícala hasta que “tenga lógica” con el contenido.
- Mantén proporciones para evitar distorsión.
- Alinea con el título o bloques de texto.
- Deja márgenes para que respire.
¿Qué aporta el uso de un ícono o emoji?
Un ícono bien elegido hace que el contenido sea más scan-friendly y memorable. Además, refuerza el tono del proyecto.
- Mejora el reconocimiento visual.
- Acelera la lectura.
- Diferencia secciones y estados.
¿Cómo mapear workflows con ramas y decisiones?
Google permite crear ramas y ramificaciones para construir flujos de trabajo. Lo útil: el diagrama “se acomoda solo”, lo que agiliza plasmar ideas y mantener orden. Representa decisiones, caminos alternos y estados, para que cualquiera entienda qué está pasando.
- Usa ramas para desglosar conceptos.
- Representa estados y decisiones.
- Mantén un flujo legible y coherente.
- Habilidades: mapeo de procesos, pensamiento sistémico, visualización de decisiones.
¿Cómo usar colores para decisiones sí/no?
Codifica decisiones con color para lectura instantánea: sí en un color neutro o positivo y no en rojo. El rojo comunica camino negativo o no recomendado.
- Color como señal semántica.
- Consistencia en toda la documentación.
- Menos ambigüedad en decisiones.
¿Qué beneficios tiene ramificar conceptos?
Ramificar ayuda a construir sistemas complejos a partir de partes simples. Permite mantener contexto, ver dependencias y detectar puntos críticos.
- Facilita el análisis y la mejora continua.
- Evita perderse en detalles.
- Comunica alcance y límites del sistema.
¿Tú cómo coloreas tus decisiones y qué íconos te funcionan mejor para tus workflows? Comparte ideas y ejemplos en los comentarios.