Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Principios del Sistema de Diseño

4/23
Recursos

Los principios del diseño son la base fundamental de los paradigmas y metodologías que aplicaremos en nuestro sistema. Todas las decisiones que tomemos deben tener en cuenta y fundamentarse en estos principios, así evitamos cometer errores o generar conflictos, ya que todos los caminos serian correctos.

Principios del sistema de diseño:

  • Accesibilidad: Nuestro producto debería ser usable para cualquier usuario, debemos construir productos perceptibles, operables, entendibles y robustos.
  • Consistencia: Todo el equipo deben tener los mismos objetivos y deben hablarle de la misma forma a los usuarios, sea visualmente o por escrito.
  • Reusabilidad: Cada hora que invirtamos trabajando en algún componente debe servir para construir otros componentes y evitar que tu o alguien más tenga que reconstruir nuestro trabajo.
  • Shareable: Debemos construir y trabajar con herramientas que nos permitan compartir todo nuestro trabajo.

Podemos añadir otros principios que se adecuen correctamente a nuestra empresa, pero debemos tener cuidado de que todos estos principios sean compatibles entre sí.

En nuestro caso, añadiremos los principios de User Control (el usuario debe tener la sensación de control sobre el producto), Forgiveness (debemos permitir que el usuario pueda cambiar de opinión o volver a empezar algún proceso) y Perceived stability (aún con plataformas robustas y complejas, el usuario debe percibir los procesos tan simples y familiares como sea posible).

Aportes 117

Preguntas 10

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

⚡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.

¡Excelente clase! Podemos complementar todo lo que aprendimos sobre sistemas de diseño con este artículo de Marcin Treder, el creador de UXPin:

  1. 📝 Accesibilidad: Todo tipo de usuario debe poder acceder a la plataforma.
    1.1. Predecible: Debe ser fácil saber lo que sucederá luego de hacer una acción.
    1.2. Operable: Los usuarios deben saber como poder usar la plataforma intuitivamente.
    1.3. Entendible: El sistema debe ser entendible para el usuario final. El idioma no puede ser mandarín si es para hispanos.
    1.4. Robusta: Debe ser capaz de albergar a varios tipos de usuarios: Daltónicos, ciegos, etc…
  2. 🛠 Consistencia: Tratar de que todo sea de la misma manera. Esto hará que el usuario pueda usar la plataforma de mejor manera y menos confuso.
  3. Reusable: Evitar tener que volver a hacer trabajo que ya se hizo. Por ejemplo, si se creo un botón, que ese botón no se tenga que volver a hacer o modificar.
  4. 🚻 Compartible: Compartirlo y que las personas puedan volver a acceder desde cualquier lugar.

Otros principios:

  1. 🧑 Control de usuario: El usuario debe sentir que él tiene el control sobre el software.
  2. 🙏 Perdonar: Nuestro software debe permitir al usuario hacer las cosas de nuevo. Por ejemplo, si escribe una contraseña mal, permitir que la vuelva a poner.
  3. Estabilidad: Darle a entender al usuario que todo se mantiene igual para que su aprendizaje sea más rápido.

“La combinación y creación de estos principios son los que nos permitirán crear elementos gráficos para nuestro software 🚀”

Si no tenemos principios sólidos para construir nuestros sistemas de diseño, todos los caminos son correcto. (Es muy difícil tomar decisiones sin estos)

Para tomar decisiones tenemos que tener en cuenta nuestros principios.

Primeros principios:

**Accesibilidad: **Todos los usuarios puedan utilizar la plataforma. Debe ser perceptible, operable (Debe poder ser utilizada), Entendible (En este punto tener en cuenta el lenguaje, más si el producto se exporta a otros países). Robusto (Debe darle oportunidad a todos los tipos de usuarios, por ejemplo a los daltonicos).

Consistencia: Siempre hablarle de una misma manera al usuario, de manera escrita, visual, en procesos. Esto permitirá al usuario menos esfuerzo utilizar nuestro producto.

Reusable: Es importante que cada hora de trabajo que inviertamos tanto en diseño, desarrollo, etc. Sea reutilizable.

Shareable: Toda la documentación debe ser compartido.

La plataforma puede ser restrictiva ( Guiar siempre al usuario para cumplir un objetivo), permisiva ( perdona ciertos errores) Forgiveness (Perdonar al usuario si hace algo mal, darle la posibilidad de volver atrás, etc)

Los principios lo tenemos que decidir nosotros, es como crear una personalidad. Un buen punto de partida para definir los principios pueden ser las 10 reglas Heurísticas.

Martín Coronel
Diseño UX/UI

Web: http://martincoronel.com/
Facebook: https://www.facebook.com/mcoronel01/
Behance: https://www.behance.net/martincoronel

Súper bien esta herramienta para tomar notas de todos los cursos que tomemos, no? 😄

Aquí pueden encontrar muchos ejemplos de principios https://principles.design/

¿Los sistemas de diseño podrían llegar a contener elementos tan específicos como por ejemplo bloques de código?

Buena a todos, estoy volviendo a hacer el curso, pero esta vez, en vez de usar Notion, estoy usando “zeroheight”, que lo acabo de descubrir ayer, lo buneo es que exporta muchas cosas desde Adobe XD: colores, botones, componentes. . . ¿Tienen expericia con “zeroheight”? ¿Recomiendan alguno parecido?

Fantástico Rulótico, sobre los principios entiendo que hay unos universales y en ocasiones esos principios “universales” de tu producto adquieren unos matices por el carácter del producto o incluso por los valores y maneras de abordar el diseño por parte del equipo.

Con esto me surgen dudas acerca de cómo estructurar esos principios. Por ej
en los principios de iOS Human Interface Guideliness tenemos “Consistency” y “Aesthetic Integrity” por separado, también en Lightning Design System de Salesforce proponen “Consistency” y “Beauty” por separado.

¿Qué crees que puede aportar al Sistema el que estos principios sobre lo estético tomen su lugar fuera de Consistency?

  • Accesibilidad

Perceptible
Operable
Entendible
Robusto

-Consistencia>>Todo sea siempre de la misma manera
-Reusable>>Cada boton que hagas debe ser reutilizado
-Shareable>>Como Notion

*TIENES CREAR TUS PROPIOS PRINCIPIOS COMO GUIAR TU PRODUCTO

😃 Me gustaría recibir feedback de los Principios y cualidades de mi sistema de diseño del portafolio personal que deseo crear.

Los Principios de diseño son los siguientes

  • Accesibilidad. Nuestro producto debe ser usable para cualquier usuario. Debe ser:

    • Perceptible. Que los usuarios puedan percibir.

    • Operable. Que se pueda utilizar por los usuarios.

    • Entendible. Los usuarios deben entender el contenido.

    • Robusto. Tiene que tener capacidades configurables para poder aceptar a cualquier persona.

  • Consistencia. Todo el equipo deben tener los mismos objetivos y principios. Para que los usuarios no les cueste interactuar con la aplicación.

  • Reusable. Cada hora que invirtamos trabajando en algún componente debe servir para construir otros componentes y evitar que se gaste tiempo en crear otra vez.

  • Sharable. Debemos construir y trabajar con herramientas que nos permiten compartir todo nuestro trabajo.

  • User control. El usuario debe de tener la sensación de que inicia las acciones y solo el puede terminarlas. Es darle la sensación al usuario de que tienen el control de la plataforma.

  • Forgiveness. Es perdonar al usuario de una acción que haya realizado, permitiendo que pueda cambiar de decisión y comenzar un proceso nuevamente.
    Perceivded Stability. Debemos transmitir que los procesos como los elementos sean familiares y predecibles. Esto hace que la curva de aprendizaje de nuestro producto sea mas corta.

Jajajajajaja me agrada la actitud que tiene Rulótico, las despedidas son lo divertido xD

En fin, yo pensaba que los Human Interface Guidelines como lo que tiene Apple eran lo más innovador y quedé 🤡 cuando dijo que eso es cosa del pasado.

¡Excelente clase!

Aun no entiendo cual es el punto del sistema de diseño, de hecho no entiendo que es. Si es una seria de reglas que puedes aplicar en una aplicacion, si es un método de como llevar un programa, Si es un programa. Alguien me ayudaría?

Dato interesante:
Si todos mis elementos son reusables, aumentará la consistencia en mi producto.

Si no tenemos principios solidos que fundamente lo que estamos haciendo, realmente todos los caminos son correctos, necesitamos estos para tomar decisiones.

Estos son algunos principios:

  • Accesibilidad: Que todos los usuarios puedan usar tu plataforma. Estas son sus caracteristicas:
    • Perceptible
    • Operable
    • Entendible
    • Robusto
  • Consistencia: Todos los niveles de creadores del producto tienen que ser concistentes.
  • Reusable: Cada cosa que hagamos se tiene que poder repetir para ser mas eficiente.
  • Shareable: Debemos construir y trabajar con herramientas que nos permitan compartir todo nuestro trabajo.
  • User Control: El usuario sienta el control de la plataforma que esta utilizando
  • Forgiveness: Debemos perdonar los usuarios del usuario, este debe de poder empezar los procesos por cada que se equivoque sin miedo.
  • Percepción De Estabilidad: Los elementos siempre deben de ser familiares para el usuario, para que así aprenda a usarla mas fácil.

Usualmente se tienen que crear los principios, ya que estos son como una personalidad, aunque hay unas globales.

Hola, creo que estoy medio que enamorándome de estos cursos de sistemas de diseño. Una consulta eso sí, aún no rompo mi chanchito para comprarme el mac. Puedo hacer este curso y el para desarrolladores con Windows??

04. Principios del Sistema de Diseño

  • Principios: la base fundamental de los paradigmas y metodologias del sistema
    • Buscarle lógica de lo que estamos haciendo
    • Fundamentar lo que estamos haciendo para tomar desiciones hacia el lugar correcto
  • Los principios conceptuales donde se cimienta el sistema
  • Para la toma de desiciones más adelante.
  • Principios
    • Accesibilidad
      • Perceptible
      • Operable
      • Entendible
      • Robusto (tener todas las cualidades para aceptar a todos)
    • User control
      • Que el humano se sienta en control del sistema
    • Forgiveness
      • Que el usuario pueda eliminar un proceso y volver atras
    • Percepción de estabilidad
      • Que los elementos se sientan que son estables
  • Sistema de diseño
    • Debe ser consistente
      • Con un sistema de diseño tratamos de que todo sea de la misma forma para facilitarle el uso al usuario
    • Debe ser reusable
    • Que se pueda compartir
  • Hay principios que pueden contradecirse
  • Los principios son como monedas o bandages para poner a todo el sistema
  • Es como crear una personalidad de UTILIDAD a la plataforma
  • Los principios son una forma de paradigmas, una forma de pensar, estructurar la lógica
  • Paradigma= forma de pensar
  • Los principios dan un resultado visual idóneo para el producto

A mi me encatan como spotify presenta sus principios al leerlos es imposible no tener referencias que digas a siii eso se ve claro en su app

El principio más importante de todos :

El principio KISS!

  • Del inglés Keep It Simple, Stupid!: ¡Mantenlo sencillo, estúpido!

Hola!, les linkeo los principios del Sistema de Diseño del Gobierno de UK, bien orientado a sitios de gobiernos donde la tarea fundamental es de completar trámites y servicios: https://www.gov.uk/guidance/government-design-principles

Principios de los System Design

Accesibilidad: Que todos los usuarios puedan usar tu plataforma.

Perceptible: Que tu plataforma se perceptible a los usuarios.

Operable: Que sea funcional para los usuarios.

Understandable: Que los usuarios puedan entender tu contenido.

Robust: Que tenga las capacidades para aceptar a cualquier usuario.

Cualidades de un System Design:

Consistencia: Que el producto sea consistente en todo su recorrido, para que sea más fácil para el usuario.

Reusable: Que el trabajo del equipo sea eficiente y reusable para no repetir las tareas en el futuro.

Shareble: Que tu contenido de diseño sea accesible para todos los implicados.

Modo oscuro. COMMAND + SHIFT + L
Que lo disfruten 😄

Excelente clase!!
Me parece que muchos principios vienen de imaginar la historia de un usuario usando nuestro producto y que estas historias podrían ayudarnos a elegir que principio usar en caso de que se contrapongan

Principios del sistema de diseño

Accesibilidad

  • Básicamente se refiere a que todos los usuarios puedan utilizar sin ninguna dificultad tu plataforma.

Características de la accesibilidad:

  • Perceptible: Que se pueda ver.
  • Operable: Que se pueda usar.
  • Entendible: Pues que se entienda.
  • Robusto: Puede acceder cualquier persona.

Cualidades de sistema de diseño:

  • Consistente: Que siempre tenga consistencia con el usuario.
  • Reusable: Que puedas volver a usar lo que ya haz hecho.
  • Shareable: Que todas las personas del equipo tengan acceso a este sistema.

Principios

  • Base fundamental del sistema de diseño.
  • Nos permiten la toma de decisiones.
    • Accesibilidad -> perceptible; operable; entendible; robusto.
    • Consistencia.
    • Reusable.
    • Shareable.
      “Los principios son como monedas, tu las vas poniendo”.
      Tu creas los principios.

Nosotros creamos los principios, es muy importante tener conocimiento en ux para que los principios que creemos no atenten contra la experiencia de los usuarios

Los principios de un Sistema de Diseño son la base fundamental de las metodologías y paradigmas que se aplican dentro de éste. No tienen un fundamento visual, sino que son una forma de estructurar el funcionamiento integral del sistema, le dan lógica. Con ellos, se designan reglas y conceptos para después poder pasarlos a la parte visual del software, la aplicación o plataforma que se crearán. Estos principios del Design System planteado para cada caso, darán la pauta para materializar el resultado visual en un UI kit, un proceso de pantallas, un flujo de información o software de calidad.

Gran clase 🙌 definitivamente en mi caso, fue estar diseñando web/apps sin Principios y pasar a trabajar CON PRINCIPIOS, hay un cambio descomunal de flujos de trabajo y hasta de estética. Las reuniones se optimizan y no hay un desgaste de desiciones en reuniones 🙄. Con unos lineamientos establecidos ya hay una “defensa” para que las miles de opiniones que puedan surgir hagan una mezcla exótica y por el contrario realmente se logre algo realmente profesional y de alguna manera se respete nuestro trabajo.

Les comparto también otra herramienta alterna a Notion, que la conocí precisamente gracias a un comentario de un compañero aquí en el curso:

ZEROHEIGHT: https://zeroheight.com/

Principios del Sistema de Diseño

Los principios son la base tanto de los paradigmas como de las metodologías que vamos aplicar dentro de nuestro sistema.

Accesibilidad:

  • 👩‍💻 Qué todos los usuarios puedan usar tu plataforma
  • 🏹 Perceptible
  • ⚒ Operable
  • 🙆‍♂️ Understandable
  • ✍ Robust

Principios

  • 🎈 Consistencia
  • 👨‍💻 Reusable
  • 🤝 Shareable

Literalmente amo a este profesor

El sistema de diseño es un paradigma, es una forma de pensar. Crear los principios es uno de los puntos más importantes, como siempre lo digo, comencemos por el principio.

Estamos acostumbrados a querer pasar directo a lo visual y al diseño sin tener una base, esto genera esas discusiones infinitas donde todos y nadie tiene la razón por que todos discuten su manera de pensar desde cómo cree que el sistema de diseño es mejor según como YO utilizo el producto o servicio.

Accecibilidad

  • Perceptible
  • Operable
  • Entendible
  • Robusto

Consistencia

⇒ Siempre tiene que ser todo de la misma manera para no confundir al usuario

Reusable

⇒ Debemos hacer que nuestro diseño nadie más lo tenga que volver a hacer, si ya existe un botón para la función que buscamos hay que hacerlo que se pueda usar otra vez.

Sharable

⇒ Podemos compartirlo y cualquiera los puede consultar

Los principios deben ser como monedas , tu tienes monedas y se las vas poniendo conforme avanza el proyecto.

principios …
¿puedo verlo como defectos de las plataformas? y convertirlos en todo lo contrario

Diseñar tambien es designar ciertas reglas y conceptos para despues hacerlos visuales. La combinacion de estos principios va a ser el resultado visual que tu crees, en un UI kit, en un proceso de pantalla o en flujo de registro, porque vas a guiar tus decisiones en base a estos

yo al tomar este curso me esperaba que empezaríamos a diseñar y nos darías consejos de buenas practicas.
Pero me estoy llevando un buen aprendizaje y como bien lo dices.
Los principios nos permitirán construir eso de manera efectiva y no tener conflictos con las diferentes ideas del equipo!

Por un momento pense que notion tenia que ver con lo principal de la clase, pero solo es una herramienta que nos recomienda para poder tomar notas de forma efectiva, debí haber parecido un idiota jaja

Tantos dolores de cabeza que se pueden evitar si solo se planearan las cosas un poquito.

“Esto es diseñar” 👏🏽👏🏽👏🏽 Pensar primero y marcar la pauta.

Esto se puede interceptar con las Heurísticas de Nielsen y las Leyes del UX, y así complementar los principios a generar.

https://www.nngroup.com/articles/ten-usability-heuristics/
https://lawsofux.com/

Mi Pequeño resumen de esta clase.

Los principios del diseño son la base fundamental de los paradigmas y metodologías que aplicaremos en nuestro sistema.

Todas las decisiones que tomemos deben tener en cuenta y fundamentarse en estos principios, así evitaremos cometer errores o generar conflictos, ya que todos los caminos serian correctos.

<h3>Principios del sistema de Diseño:</h3>
  • Accesibilidad: nuestro producto debería ser usable para cualquier usuario, debemos construir productos perceptibles, operables, entendibles y robustos.
  • Consistencia: Todo el equipo debe tener los mismos objetivos y tratar de todos hablarle de la misma manera al usuario con el producto que realizaran. Ya sea de forma escrita o visual.
  • Reusabilidad: Debemos pensar en que cada minuto invertido en un componente o en algo dentro del sistema debería permitir que alguien mas lo pueda reutilizar, así evitaríamos que algún otro miembro del equipo gaste su tiempo en volver a inventar o crear algo que ya le dedicamos tiempo previamente.
  • Shareable: Cuando estemos haciendo un producto deberíamos de usar herramientas que nos permitan compartir con los demás lo que estamos pensando, creando o solicitando.
Hola dejo dos resumenes, de la clase pasada y de esta. CLASE 4/24 PRINCIPIOS DEL SISTEMA DE DISEÑO: \* PINCIPIOS SOLIDOS QUE FUNDAMENTEN LO QUE ESTAMOS DICIENDO 1- ACCESIBILIDAD TODOS LOS USUARIOS PUEDAN USAR LA PLATAFORMA 2-USABILIDAD 3-PROCESO 4-CARACTERISTICA: 5-PERCEPTIBLE 6-OPERABLE 7-ENTENDIBLE UNDERSTANDABLE 8-ROBUST CUALIDADES DEL SISTEMA DE DISEÑO \*CONSISTENCIA (OBJETIVO DEL TOOD EL EQUIPO) \*REUSABLE (que cada hora invertida sirva por dos o por veinte, que cada botón se haga una vez, que se cree y no se vuelva a hacer) \*SHAREBLE (compartible) NOTION A: PRINCICPIOS (escribir de qué va, qué va a pasar acá en este punto) escribir descripción \*CONSISTENCY: \*ACCESIBLE \*USER CONTROL \*FORGIVENESS \*PERCEIBED STABILITY
Los principios que usa *Rulótico* en su página: **Consistency** La idea principal de este principio es que todo los métodos de usos dentro de esta plataforma, los pueda usar en cualquier aplicación de la misma ## Accesible Nuestro software debe de ser accesible a diferentes niveles o capacidades del usuario y buscaremos la manera de que cualquier persona pueda sentir el control dentro de nuestro software. ## User control El usuario debe de tener la sensación de que inicia las acciones y solo el puede terminarlas, nada pasa sin que el usuario tenga el control. ## Forgiveness Las acciones deben de representar el perdón de un camino iniciado y permiten volver a pensar al usuario si es que la acción correcta fue o quiere cambiar de opinion. ## Perceived stability Debemos transmitir que aún en una plataforma compleja los procesos como los elemento sean familiares y predecibles.
Que curso taaan bueno! Me encantó esta primera clase. He diseñado aplicaciones, bases de datos, procesos, logos, flujos de trabajo y mil cosas más para mi propia empresa y este curso ha logrado convencerme de que tengo mucho más por aprender. Puntos extras por el saludo del final :D
Remediar percances del sistema de diseño hacia usuarios con daltonismo, encaja en el principio perceptible de accesibilidad, todo lo relacionado a ajustes de contraste
Me gusta se puede establecer si algo no esta funcionando se modifique algún principio conforme a las necesidades.

Gracias

“…eso es para viejitos…” ¿? 4:45

Los principios del diseño son la base fundamental de los paradigmas y metodologías que aplicaremos en nuestro sistema. Todas las decisiones que tomemos deben tener en cuenta y fundamentarse en estos principios, así evitamos cometer errores o generar conflictos, ya que todos los caminos serian correctos. Principios del sistema de diseño: * **Accesibilidad**: Nuestro producto debería ser usable para cualquier usuario, debemos construir productos **perceptibles**, **operables**, **entendibles** y **robustos**. * **Consistencia**: Todo el equipo deben tener los mismos objetivos y deben hablarle de la misma forma a los usuarios, sea visualmente o por escrito. * **Reusabilidad**: Cada hora que invirtamos trabajando en algún componente debe servir para construir otros componentes y evitar que tu o alguien más tenga que reconstruir nuestro trabajo. * **Shareable**: Debemos construir y trabajar con herramientas que nos permitan compartir todo nuestro trabajo. Podemos añadir otros principios que se adecuen correctamente a nuestra empresa, pero debemos tener cuidado de que todos estos principios sean compatibles entre sí. En nuestro caso, añadiremos los principios de ***User Control*** *(el usuario debe tener la sensación de control sobre el producto)*, ***Forgiveness*** *(debemos permitir que el usuario pueda cambiar de opinión o volver a empezar algún proceso)* y ***Perceived stability*** *(aún con plataformas robustas y complejas, el usuario debe percibir los procesos tan simples y familiares como sea posible)*.

Accesibilidad: Nuestro producto debería ser usable para cualquier usuario, debemos construir productos perceptibles, operables, entendibles y robustos. Consistencia: Todo el equipo deben tener los mismos objetivos y deben hablarle de la misma forma a los usuarios, sea visualmente o por escrito. Reusabilidad: Cada hora que invirtamos trabajando en algún componente debe servir para construir otros componentes y evitar que tu o alguien más tenga que reconstruir nuestro trabajo. Shareable: Debemos cons

Holaa disculpen ¿No les recuerdan lo de los principios a las heúristicas? a mí sí un poco, quisiera saber ¿En que se diferencian?

El enfoque en principios sólidos y la adaptación consciente a las necesidades específicas son aspectos positivos. Sin embargo, se debe tener cuidado para asegurar la coherencia y la compatibilidad entre los principios, y reconocer que la toma de decisiones en diseño a menudo implica un equilibrio complejo entre múltiples consideraciones.

Este curso está EXCELENTE y el maestro es lo máximo! Me encantó!

Principios del Sistema de Diseño

Los principios del diseño son la base fundamental de los paradigmas y metodologías que aplicaremos en nuestro sistema. Todas las decisiones que tomemos deben tener en cuenta y fundamentarse en estos principios, así evitamos cometer errores o generar conflictos.


Principios del sistema de diseño:

Accesibilidad

Accesibilidad se refiere a la práctica de crear y diseñar sitios web de manera que sean utilizables y comprensibles por una amplia gama de personas, incluyendo aquellas con discapacidades o limitaciones físicas, sensoriales o cognitivas.

La accesibilidad en el diseño web implica considerar y abordar aspectos como:

  • Perceptibilidad: Asegurarse de que todos los usuarios puedan percibir la información presentada en el sitio web, ya sea a través de imágenes con descripciones alternativas (texto alternativo), contrastes adecuados, fuentes legibles y otros elementos visuales.
  • Operabilidad: Facilitar la navegación y la interacción con el sitio web, lo que incluye la navegación con teclado, el manejo de formularios y la activación de enlaces. Esto beneficia especialmente a personas con discapacidades motoras.
  • Comprensibilidad: Garantizar que el contenido y la estructura del sitio sean claros y fáciles de entender, utilizando un lenguaje sencillo y evitando jergas o conceptos confusos.
  • Robustez: Construir sitios web de manera que sean compatibles con una variedad de tecnologías y dispositivos, asegurando que el contenido sea presentado de manera coherente y funcional en diferentes navegadores y plataformas.

Consistencia

La consistencia en el contexto del diseño se refiere a la cualidad de mantener un enfoque uniforme y coherente en la apariencia, el comportamiento y la experiencia general de un producto, servicio o entorno.

💡 La consistencia es esencial en el diseño porque:

  • Facilita la comprensión: Cuando los elementos visuales y funcionales siguen patrones predecibles, los usuarios pueden anticipar cómo se comportará un sistema y cómo interactuar con él.
  • Mejora la usabilidad: Una interfaz consistente reduce la curva de aprendizaje, ya que los usuarios pueden aplicar su conocimiento de un área a otra. Esto es especialmente importante en productos o sistemas complejos.
  • Refuerza la identidad de la marca: La consistencia en el diseño ayuda a establecer y mantener una identidad de marca sólida y reconocible, lo que a su vez puede generar confianza y lealtad entre los usuarios.
  • Reduce los errores: Una interfaz consistente reduce la probabilidad de cometer errores, ya que los usuarios pueden aplicar sus conocimientos anteriores para tomar decisiones informadas.
  • Aumenta la eficiencia: La consistencia en el diseño permite a los usuarios completar tareas de manera más rápida y sin problemas, ya que no necesitan reinventar cómo interactuar con cada elemento nuevo.
<h5>¿Cómo lograr consistencia?</h5>

La consistencia se puede lograr a través de varios aspectos del diseño, como el uso de patrones de diseño, el lenguaje visual coherente, la estructura y organización consistentes del contenido y la aplicación uniforme de normas y estándares.

Reusabilidad

En diseño, la reusabilidad implica crear elementos que sean flexibles y adaptables, de modo que puedan ser fácilmente implementados en varias situaciones sin requerir una reconstrucción completa.

💡 La reusabilidad es una práctica valiosa en el diseño por varias razones:

  • Eficiencia: Al reutilizar elementos ya existentes, se ahorra tiempo y recursos en comparación con la creación desde cero.
  • Consistencia: Los elementos reutilizables aseguran una coherencia visual y funcional en diferentes partes de un proyecto o a lo largo de varios proyectos.
  • Mantenimiento simplificado: Si se necesita realizar cambios en un elemento, solo es necesario actualizarlo una vez en su origen, y estos cambios se reflejarán automáticamente en todas las instancias donde se utiliza.
  • Escalabilidad: La reusabilidad permite que un diseño crezca y evolucione de manera más sencilla, ya que nuevos componentes pueden ser agregados de manera coherente.
  • Colaboración mejorada: La capacidad de reutilizar elementos facilita la colaboración entre diseñadores y equipos, ya que todos están trabajando con los mismos componentes y normas.

Compartible

Compartible se refiere a la cualidad de un elemento, diseño o contenido que está diseñado de manera que sea fácilmente compartido entre usuarios o a través de diversos medios y plataformas. Un diseño compartible se crea teniendo en cuenta la forma en que será presentado y compartido, optimizando su apariencia y formato para que sea atractivo y efectivo en su distribución.

💡 En el diseño, la compartibilidad implica considerar aspectos como:

  • Atractivo visual: Un diseño compartible suele ser visualmente llamativo, con elementos visuales que capturan la atención y generan interés.
  • Formato adecuado: El diseño debe ser adaptado al formato o plataforma en la que se compartirá, ya sea en redes sociales, correos electrónicos u otros canales.
  • Mensaje claro y conciso: El contenido compartible debe comunicar su mensaje de manera clara y en un espacio limitado, ya que las personas suelen tener una breve atención en línea.
  • Valor para el usuario: El diseño debe proporcionar algún tipo de valor al usuario, ya sea informativo, entretenido o emocional, para motivar su compartición.
  • Facilidad de uso: Si el diseño incluye enlaces, botones de compartir o elementos interactivos, deben ser fáciles de identificar y usar.
  • Posibilidad de personalización: En algunos casos, permitir que los usuarios personalicen el diseño antes de compartirlo puede aumentar su compartibilidad.

Principios Personalizados

Podemos añadir otros principios que se adecuen correctamente a nuestra empresa, pero debemos tener cuidado de que todos estos principios sean compatibles entre sí. En nuestro caso, añadiremos los principios de:

  • User Control: El usuario debe tener la sensación de control sobre el producto
  • Forgiveness: Debemos permitir que el usuario pueda cambiar de opinión o volver a empezar algún proceso
  • Perceived stability: Aún con plataformas robustas y complejas, el usuario debe percibir los procesos tan simples y familiares como sea posible

Los principios

Los principios son un conjunto de valores fundamentales que guían la toma de decisiones y el comportamiento de una organización. Estos valores son la base sobre la cual se construyen las políticas y prácticas de la organización. Los principios pueden incluir la integridad, la responsabilidad, la equidad y la transparencia, entre otros. Al adherirse a principios sólidos, una organización puede construir una cultura de confianza y respeto, y trabajar para lograr sus objetivos de manera ética y efectiva.

Resumen 📖
Los principios también se diseñan 👩🏻‍💻
Es la base fundamental para todo lo que harás, serán los fundamentos para tomar decisiones.

Principios claros, Diseño claro. ✨ De esa manera no hay inconsistencias en la página/ en el producto porque todas las decisiones van alineadas a un principio.

Debemos tener cuidado de que todos los principios sean compatibles entre sí. 🔍

Tremendos estos principios 😄

Accesibilidad
Consistencia
Reusabilidad
Shareable
Control del usuario
Perdón
Predecible

Me encanta la dinámica de este curso y la forma en la que explica este profe. ¡Un 10!

Este profesor me cae muy bien jaja se nota el entusiasmo por enseñar

¿Qué son los principios del sistema de diseño?

✨ Concepto clave
Los principios de diseño son definiciones del rumbo y propósito que se rige un desarrollo basado en desiciones de creación.

.
En definición, existen múltiples principios de diseño, los cuales poseen atributos como:

  • Recurso de Verdad. Definiendo una centralización de información relevante para nuestros usuarios.
  • Inclusive y colaborativo. Del cual habla para su audiencia, transversal entre los casos de uso y de intercambio de ideas.
  • Modular y reusable. Envolviendo un porcentaje elevado de UX mediante la innovación.
  • Vivo. El cual madura del aprendizaje.

.

ℹ️ Definición
Un sistema de diseño es el resultado de diferentes decisiones que marcan la pauta de una guía, del cual clarifica el trabajo entre los diferentes miembros de un equipo persistiendo su propósito y consistencia.

.

Pasos para definir los principios de un sistema de diseño

.
1. Encuentra analogías

Encuentra la inspiración que permita respirar a nuestro producto, identificando los objetivos nucleares muestren, naturalmente, el valor a sus usuarios.

.
2. Encuentra principios cercanos

Encuentra las cualidades que describen al producto como único, listando sus cualidades mediante conceptos concisos.

.
3. Encuentra el usuario final

Conecta la razón con la elección de tu usuario. Empieza definiendo los porqués para complementar con los cómos.

.
4. Construye valores

Prioriza las emociones de los usuarios permitiendo un umbral de valores creíbles y honestos.

.
🔗 Adele - Sistemas de Diseño

Podemos decir entonces que los principios de un sistema de diseño van en función del objetivo del proyecto. 😄

Rulótico no ma había parecido el mejor profesor en el antiguo curso de HTML/CSS práctico (que creo que ya no existe). Pero sin duda en este curso me parece un gran profesor.

Saben? Haciendo mis lineamientos me di cuenta q no existe necesariamente un “manual de terminos de principios”.

Sino q pueden llegar a ser terminos q surjan segun la necesidades de tu sistema por lo q tu puedes definir esos principios con tus propias palabras y despues ir iterando para hacerlo mas entendible.

La manera de despedir el video es tan cool, jajaja

Principios de los sistemas de diseño
-Accesibilidad

  • Perceptible
    -Operable
    -Entendible
    -Robusto
    -Consistencia
    -Reusabilidad
    -Shareable
<h3>Principios del Sistema Diseño</h3>

Los principios no tienen fundamento visual necesariamente, el fundamento esta en los paradigmas (forma de pensar, de estructurar el conocimiento). Luego esto se aplica al diseño de la plataforma. Se designan reglas y conceptos para luego hacerlos visuales.

es Peruano el profesor?

A partir de hoy cambio mi libreta de apuntes por Notion.

3. Principios del Sistema de Diseño

Debemos tener Accesibilidad:

Debe poder percibirse:

Debe ser operable, la gente debe poder operarla:

Debe ser entendible

Debe ser robusto (Debe tener capacidades configurables):

Cualidades de un sistema de diseño:

Debe ser reusable:

Un sistema de diseño debe ser “shareable”:

Yo hacía mis apuntes en cuaderno, luego pasé a word y ahora a Notion. Gracias Platzi!

👌

Y Por que no veo estos principios en la plataforma de Platzi?

Me gusta notion

Design Principles are a set of considerations that form the basis of any good product. Nos ayuda a tomar decisiones rápido, a lo hora de crear un producto.

  • Directo: Se obvio y no ambiguo, los features deben agregar valor, no complejidad, keep it simple. Sin obstrucciones.
  • No distractions. Cada pieza redundante de interface (lines, buttons, shadows, animations) sera una fuenta de distraccion.
  • Perceptible: Que los elementos y la estructura sea predecible y facil de usar, que el proposito este claro.
  • Tolerante y abierto a los errores: permitile al usuario manejar el error, da claridad de cual fue y como arreglarlo. Puedes agragar un Easy to follow instrucction guide.
  • Effortless: que el usuario no tenga que esforzarse, hazlo lo mas facil posible, eficiente y efectivo.
  • Espaciado: Este ambiente se puede moldear dejando mucho espacio alrededor de cada pieza de interfaz. La interfaz desordenada es la fuente de estrés que produce cortisol y adrenalina, ambos bloquean nuestros poderes creativos.
  • Responsive.
  • Accesibilidad 100%
  • Consistencia interactiva: con variables pero consistente.
  • User control: El usuario tiene el control, el inicia las acciones y solo el puede terminarlas cuando quiera.

JAJAJ Me encanta las buenas vibras que nos refleja nuestro profesor Rulo, al terminar cada clase me da una sensación positiva y me anima a seguir co nel curso! ❤️

PREGUNTA:
¿Para crear un “buen” sistema de diseño lo tiene que hacer un equipo (dos o mas personas)? o ¿lo puede crear una sola persona?.
Es decir ¿tienen que estar involucrados un diseñador y un programador (en caso de ser un producto digital)?

Principios del Sistema de Diseño

Construyendo Sistemas de Diseño en Notion

La reusabilidad es uno de los aspectos claves en el proceso de diseño (y desarrollo) y que sin ser considerado puede significar pérdida de tiempo.

Muy interesantes estos principios, sobre todo el de perdonar al usuario, a veces como creadores de sitios, apps o ‘contenedores’ en sí, creemos que el usuario se la debe saber toda y que si yo lo entendí el usuario también. Me ha cambiado por completo la mente.

Diseñar es pensar primero hacer después

El diseño no se limita a lo visual. Empieza por definir los principios o reglas sobre cuales nos vamos a basar en nuestro proyecto

Que parametro o se tienen que tomar en cuenta para crear los principios y cuanto tiempo llevaria desarrollar principios dependiendo de la experiencia?

El mundo del diseño me parece algo realmente fascinante.
Nunca pense que fuera así.

¿¿Para la carrera de diseño de productos, se necesita haber tomado algun otro curso tipo UX o UI??

Ayudaaaaaaaaaaa!

cuales son los mejores programas de diseño o apps que sean mas faciles y me puedan ayudar a mejorar cada vez mis diseños

Software de calidad

Increíble que Notion tenga tanta utilidad!

En general podemos aplicar estos mismos conceptos de principios en todos nuestros desarrollos, agregando algunos nuevos cuando lo amerite?

Se puede decir que, es toda la Arquitectura de la información (AI).

Sabiendo esto se me ocurren múltiples casos de uso en muchos productos o workflows donde puedo aplicar los principios

Siendo el sistema un conjunto de reglas que mutan y se adaptan, el sistema debería adaptarse dependiendo el proyecto y los usuarios objetivos del mismo? Ejemplo si tengo un sistema pensado para web, reglas como tamaño de fuentes o botones deberían adaptarse si lo llevo a una app o a un dashboard? O estas reglas deberían ser universales para diferentes proyectos en un mismo sistema?

Principios del sistema de diseño:
.
Son la base fundamental de los paradigmas y las metodologías que aplicaremos dentro de nuestro sistema.
.
Son importantes porque estas metodologías deben tener principios sólidos que fundamenten las cosas que estamos haciendo. Sobre todo para evitar choque de opiniones en el camino.
.
Ejemplos de Principios:
.

  • Accesibilidad: Debe ser perceptible, operable, entendible, y robusto.
  • Consistencia: Es de las cosas más importantes y es el objetivo de todo el equipo.
  • Reusable: Que cada tiempo que inviertas en crear algo nuevo pueda ser aprovechado para ahorrar tiempo más adelante.
  • Sharable: De los principios más fuertes hoy en día debido a que tenemos muchas herramientas disponibles para compartir información detallada.
    .
    Los principios varían mucho dependiendo del equipo, el proyecto o el producto. Los principios que aplican para un producto determinado no necesariamente aplican para otro. Los principios de diseño son una especie de personalidad.

Les anexo texto de Notion:

Consistency

La idea principal de este principio es que todos los métodos de usos de esta plataforma, los pueda usar en cualquier aplicación de la misma,

Accesible

Nuestro software debe de ser accesible a diferentes niveles o capacidades del usuario y buscaremos la manera de que cualquier persona pueda sentir el control dentro de nuestro software.

User control

El usuario debe tener la sensación de que inicia las acciones y solo él puede terminarlas, nada pasa sin que el usuario tenga el control.

Forgiveness

Las acciones deben representar el perdón de un camino iniciado y permiten volver a pensar al usuario si es que la acción correcta fue o quiere cambiar de opinión.

Perceived stability

Debemos transmitir que aún en una plataforma los procesos como los elementos sean familiares y predecibles.

No conocía notion Pero esta increíble