😃 Aquí comparto un ejemplo que encontré indagando para construir mi sistema de diseño.
¿Qué es un Sistema de Diseño?
Lo que aprenderás sobre los sistemas de diseño
¿Qué es un Sistema de Diseño?
Bonus: Utilizando Notion
Quiz: ¿Qué es un Sistema de Diseño?
Principios del Sistema de Diseño
Principios del Sistema de Diseño
Niveles de Sistematización
Bonus: Utilizando Coggle
Quiz: Principios del Sistema de Diseño
Paradigmas de Sistemas de Diseño
Paradigmas: Diseño atómico, diseño procedural y DRY
Bonus: Utilizando Adobe XD
¿Qué es un componente?
Foundations
Quiz: Paradigmas de Sistemas de Diseño
Estilos para tu Sistema de Diseño
Tipografía
Bonus: Cómo evitar colores constrastantes
Paleta de colores
Quiz: Estilos para tu Sistema de Diseño
Reglas de espaciado, Animación, Voz y Tono
Reglas de espaciado
Animación
Consejos para empezar a animar usando After Effects
Voz y tono
Quiz: Reglas de espaciado, Animación, Voz y Tono
Icon System y UI Kit
Iconografía
Hitos
Bonus: UI Kit
Quiz: Icon System y UI Kit
Un sistema basado en personas
Un sistema basado en personas
Iteremos
Cierre
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Los textos o copies que acompañan nuestros diseños también hace parte de la forma en que te comunicas con tus usuarios. Al incluir la voz y el tono de nuestros productos en el sistema de diseño conseguimos que todo el equipo tenga una guía sobre la personalidad de la marca, recuerda que toda esta documentación debe contribuir a la consistencia y comunicación con nuestros equipos.
Para definir la voz y el tono de nuestros sistemas debemos tener en cuenta los siguientes aspectos:
Aportes 54
Preguntas 1
😃 Aquí comparto un ejemplo que encontré indagando para construir mi sistema de diseño.
Notas completas de las clases estarán al final del curso
El término buzzwords es utilizado para indicar aquellos términos o frases que pueden ser identificadas como expresiones “de moda” en un determinado contexto de tiempo y temática. Términos como “modelo de negocios”, “nuevas tecnologías” o “globalización”, por ejemplo, han sido buzzwords en diferentes años y distintos contextos en lo referido al rubro o temática. Para que una expresión pueda ser considerada buzzword, debe, además de estar de moda, ser una expresión que atraiga la atención del público cuando es mencionada.
En este caso serán palabras que nos podrán identificar y nos ayudaran a salir de lo cotidiano como el típico siguiente en los botones, o el aceptar al que estamos acostumbrados.
No les pasa que siempre esperan al final de la clase para ver con que despedida sale el profe jajja
Otro excelente artículo sobre este tema:
https://www.iebschool.com/blog/ux-writing-producto-digital-analitica-usabilidad/
⚡Pueden ver todas las notas de la clase en este Notion, además le agregué recursos extras, espero les guste.
✔También escribí el siguiente tutorial 8 atajados de teclado para ser un máster en Notion.
.
"Los mejores Sistemas de Diseño son los directos, concisos, fáciles de leer y entender"
-Rulotico- ✌
Cuando no tenía idea de colores y diseño 😅
Quién diría que los sistemas de diseños son bastantes complejos y robustos 🤔
Les recomiendo la carrera sobre marketing, y el curso de diseño visual de marca (diseño). Ne parece que, ayudaría a complementar mucho éste conocimiento.
Like si te parece demasiadas cosas a tener en cuenta.
Los cursos de UX Writing hablan sobre este tema, tanto el curso introductorio como el avanzado son excelentes cursos. Recomiendo que los vean porque realmente hay mucho para saber sobre este tema.
Tono y voz están en el introductorio:
https://platzi.com/clases/ux-writing/
Igual les recomiendo hacer el avanzado también, es increíble:
https://platzi.com/clases/ux-writing-avanzado/
Me imagino a Rulotico como el mejor profesor de Universidad.
Donde aprendes un montón pero no es el maestro exigente y que no motiva a nada.
Que buen curso 😃
Ux WRITING!
Hacer un análisis de las palabras que más usaremos traerá beneficios, si a eso sumamos, las características de la marca podremos tener mejores copies como dijo Rulótico…
Aquí les dejo el sistema de diseño de vercel.
Lets Rock.!!
Este curso es un 10!
Muy interesante el tono de la comunicación puede impactar de manera positiva al usuario y hacer si experiencia más valiosa
Instrumentos traídos por Dios a la tierra
hahahaha este profe es la muerte 🤣
Es muy simple este ejemplo, pero yo amo a Discord en cuanto a voz y tono se refiere, tienen una manera muy simple y clara de comunicar sus acciones o cualquier otra cosa, como por ejemplo, el mensaje de advertencia de arriba y el botón para fijar un mensaje en el canal de texto, me hace hasta cierta gracia jeje.
like si no sabias que buzzwords es palabra de moda o palabra pegadiza
Les recomiendo este curso de copy donde enseñan como escribir en cada parte de tu página web.
“Lo más importante del sistema de diseño es que se comprenda y se comunique el cómo construir”
El trabajo duro es convencer al cliente, pero hay que intentarlo 👍
Les recomiendo mucho la clase de introducción a UX Writing de platzi: https://platzi.com/clases/ux-writing/
En este curso se enseña a mayor profundidad cómo definir el voz y el tono de tu producto. Las características principales a la hora de definirlo son:
Cómo quiere ser tu empresa u organización
Quién es tu cliente o usuario
Dependiendo de estas variables nuestra tu voz y tono serán diferentes. Un claro ejemplo es cuando nosotros, como personas, cambiamos nuestro voz y tono dependiendo de si le hablamos a nuestro jefe que a nuestros colegas y lo mismo pasa con tu producto dependiendo a qué tipo de cliente le habals.
Apuntes de la clase:
Ejemplo para construir un sistema de diseño
La manera en como escribes puede hacer que tengas una conexión con el usuario.
voz y tono específica cómo vas a comunicarte con el usuario. Qué personalidad vas a tener.
Documenta a quién le vas a hablar, las caraterísticas del usuario y todo lo demás.
Toma ayuda de las personas que sepan de un tema en concreto, por ejemplo para voz y tono tienes a los copywriters.
**Notas sobre el tono y estilo:
Categorización de palabras: la idea es tener una librería que exprese la “personalidad” de la plataforma o marca y que sirva de referencia para todo el equipo que la desarrolla: -Buzzwords: palabras claves, propias de la marca, que sustituyen a otras de uso común. Por ej.: en Movistar no se habla de “ofertas” se dice “beneficios“ del Club. -Frases: frases cortas y estandarizadas que explican o comunican sobre la marca. Sirven para automatizar el proceso de creación sin tener que depender de un copywriter en todos los casos. -Objetivo: definir objetivo comunicacional. -Características: definen personalidad de marca. -Íconografía: definir si es propia o de terceros, las formas (shapes), tamaños y estilos. En la documentación se pueden dejar solo las referencias gráficas para que el equipo pueda crear sus propias formas.
En eso la pagina de virgin mobile colombia (sin el animo de hacer publicidad) siempre me ha gustado, por la forma como se comunican con el usuario
Es importante para comunicarnos con nuestros clientes de un abuena manera, que no sea tan aburrida, dependiendo de la necesidad de nuestro producto. Es importante que los textos que pongamos no sean un resultado sin pensar, que lo pensemos dependiendo nuestro producto tenga una narrativa y el usuario sienta que esta en una plataforma personalidad y sea mejor la experiencia.
Para trabajar la voz y el tono en un sistema de diseño, es fundamental establecer pautas claras que reflejen la personalidad y valores de la marca. Define un conjunto de principios de tono que guíen la comunicación, asegurándote de adaptarlos a diferentes contextos.
Es vital utilizar un lenguaje sencillo y accesible, considerando a tu audiencia y el propósito de cada interacción. Mantén la coherencia en todos los puntos de contacto, desde interfaces hasta mensajes de error. La voz y el tono impactan la experiencia del usuario, por lo que es esencial mantener una comunicación auténtica y alineada con la identidad de la marca.
Antes tocaba tomar el curso de “storytelling” ahora esto lo hace la AI.
Recomiendo esta pagina que se encuentra actualizada
https://www.material.io/
Voz y tono.
Es modificar la manera en que se comunica la interfaz o aplicación con el usuario, su lenguaje, su forma de expresión, la clase de palabras que usa o que evita. Por ejemplo, en un producto digital juvenil, emplear un botón que diga: “Síguele!”, en lugar de uno clásico que diga: “Continuar”.
Buzzwords: Palabras más usadas para algunos términos. Ej: en vez de decir: “guitarras”, puedes decir: “instrumentos divinos”.
Phrases: Palabras que comunican una idea.
Objetivo: Definir qué se quiere comunicar y porqué. Ej: quieres que el usuario sepa que tu producto es hermoso, que es veloz, que es muy confiable, que es cool, etc.
Características: Van a definir la personalidad de la marca.
Documenta todo ello en una sección en tu documento de Notion, para que todo el equipo lo conozca y lo utilice.
me pregunto Kim Jong Un hará corazones coreanos ?
Voz y tono va ligado de la forma en como se comunica con el usuario.
.
Se debe conocer bien al usuario y la personalidad de la marca para establecer bien el tono y voz de la plataforma.
.
Documentando contribuira a la consistencia y comunicacion de nuestros equipos.
.
Voz y tono es muy importante cuando te estás comunicando con otro ser humano
Los textos no son un resultado sin pensar, sino que sea tenga un significado y se adapte a la plataforma.
Es una palabra que todo el mundo usa pero nadie sabe si es correcta o no.
Son la compilación de varias palabras para comunicar una idea. Se pueden utilizar en email, formularios, loaders, etc…
El objetivo es que quieres comunicar, que sea claro y se cumpla. Es común que sea solamente uno objetivo y así se justifican las buzzwords y phrases
Las características van a definir la personalidad de la marca.
Voz y tono especifica que personalidad vas a tener.
En un sistema de diseño el “Voz y tono” lo hace facil del compartir con todos los integrantes del equipo. Todos deben entender como habla y cual es la lógica.
Estoy aprendiendo mucho en este curso, siempre me gustaba buscar la forma de que mis plataformas se diferencien de lo popular y tengan su propio toque, no me daba cuenta que estaba haciendo sistemas de diseño 💚💥
Podemos cambiar el tipo de lenguaje de la pagina, para poder darle un poco de sentido a ciertas expresiones y así poder darle una personalidad a la marca. Esto se tiene que hablar con el equipo ya que si esto no se comunica, podría no ser consistente
Se empieza con Buzzwords que son las palabras más usadas de nuestro producto, es bueno tener un glosario con el equipo.
Tambien se clasifica con Phrases, que nos ayudara a definir la forma en que le hablaremos a la gente en correos, llamadas o comunicados.
Tambien el objetivo es la cosa que queremos comunicar usando esto y lo que queremos lograr.
Las características son el porque tomamos ciertas decisiones entre las palabras, dependiendo de lo que queremos lograr con esto. En esto nos apoyaremos en Marketing.
Tambien podremos definir el tipo de emojis, la forma y donde los usaremos.
Es la forma que vamos a utilizar nuestro lenguaje y tono para comunicarnos con nuestros usuario. Esto va a dar una sensación de una plataforma mas personalizada.
Voz y tono especifica que personalidad vas a tener.
En un sistema de diseño el “Voz y tono” lo hace facil del compartir con todos los integrantes del equipo. Todos deben entender como habla y cual es la lógica.
Manera de categorizar:
Buzzwords: son las palabras mas utilizadas para algunos términos. Ej: Guitarra= elementos celestiales del sonido, Hacer un glosario de todas estas palabras va a servir al equipo para saber como referirse a cada elemento.
Frases: Son la compilación de varias palabras para comunicar una idea. Frases para comunicar un exito, para comunicar un error, advertencia, etc.
Objetivo: Dejar muy claro que es lo que quieres comunicar. (Somos eficientes, somos mas rápidos, somos profesionales, etc)
Características: Las caracteristicas van a definir la personalidad de la marca. Esto va a definir como hablar y como comunicarte con tus usuarios.
En este punto es recomendable trabajar con alguien especializado. Copy writter. Lo bueno en este punto que se puede trabajar solo y proponerlo al equipo,. Cuando muchos participan en estas decisiones puede ser muy desgastante y no llegar a un buen resultado.
Ademas vamos a tener que contar con mucha ayuda de Marketing para definir el target de nuestros usuarios.
14. Voz y Tono
Especifica cómo nos vamos a comunicar con el usuario
Existen buzzwords para comunicarnos con el usuario:
Es importante hacer un glosario de las palabras.
Es importante también utilizar frases:
También debemos tener un objetivo (qué es lo que queremos comunicar).
Tenemos características.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?