Contenido del curso
Contenido del curso
Simón Arenas
Francisco Marcos Lombardi
Juan Sebastian Torchia
Juan Castro
Raúl González
Wilmer Diaz
John Cardenas
Juan Christopher
Marianna Guedez
Edgardo Marcano
William Rojas Ballesteros
Martin Coronel
Usuario anónimo
Miguel Segura
Tania Ramírez
Belen Ceballos
Alejandro Sol Villaseñor
Tania Ramírez
Joel Dominguez Merino
Jesús alfaro
Hernando Rincón
David Behar
Hernando Rincón
Antony C. Medina
Luis Rodríguez
Salvador Salva
Raúl González
Wilmer Diaz
Juan Castro
Platzi Team
GEMILLE ADASSI VAZQUEZ ESTRADA
Platzi Team
Gisse Peralta
Omar Daniel Centeno
Héctor Acosta
Andrés Cavedal
Jhon Alexander Romero Gonzaga
Jhon Alexander Romero Gonzaga
Josué Rivera
Joel Eduardo Sánchez Herrera
Carolina Araya
Juan Reyes
Antonio Alexander Estrella Gómez
Alejandro Om
Alicia Reyes
⚡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.
Pensaba que era la única persona que tomana apuntes en Notion. Excelente aporte, gracias!
Muchas gracias Simón!
¡Excelente clase! Podemos complementar todo lo que aprendimos sobre sistemas de diseño con este artículo de Marcin Treder, el creador de UXPin:
Justo , ¿porque no hacemos una página que contenga principios? osea muchoooos 😄
Buena idea profe. Me apunto si en algún momento se animan !!!
Otros principios:
“La combinación y creación de estos principios son los que nos permitirán crear elementos gráficos para nuestro software 🚀”
¡Gracias!
Está increible tu infografía. Gracias! 💚
Como las haces está genial.
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:
Facebook:
Behance:
Genial !!
Magnífica tu Marca Personal 👌
Súper bien esta herramienta para tomar notas de todos los cursos que tomemos, no? 😄
Notion sirve para tooooodo lo que se te ocurra!
Para tener un gran potencial.
Aquí pueden encontrar muchos ejemplos de principios https://principles.design/
Gracias por el recurso! Saludos @Tania!
Gracias me está sirviendo para poder crear mis propios principios.
¿Los sistemas de diseño podrían llegar a contener elementos tan específicos como por ejemplo bloques de código?
Sí, eso es lo recomendable, justo el curso de sistemas de diseño para desarrolladores trata de eso.
@david-behar. Gracias. Eso es lo que quería escuchar!
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?
Bueno... leí tu comentario y me llamo la atención, inmediato fui a crear cuenta en Seroheight y me pareció bastante interesante. Si resulta que abrí mi XD (lo amo) y en efecto puedo subir por artboards y componentes sin necesidad de exportar en PNG y luego subir a Notion. Optimiza bastante bien el trabajo y gráficamente es un poco más amigable.
Gracias y super invitados a usar ZEROHEIGHT: https://zeroheight.com/
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?
Lo que pasa es que tienes que asumir que cuando tu declaras un principio es para que cualquiera que lea tu documentación siga esa regla como máxima prioridad entonces a lo mejor en “Consistency” y “Beauty” tendrías que preocuparte por las dos. Y si solo tuvieras “Consistency” pues al diseñar pantallas feas aún así cumplirías el principio. Ejercicio: piensa como sería una plataforma que sus principios fueran “Consistency” y “Ugly”
😃 Me gustaría recibir feedback de los Principios y cualidades de mi sistema de diseño del portafolio personal que deseo crear.
Really good! :clap:
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!
Bueno, pues con tu comentario acabo de quedar igual jajaja pensaba exactamente lo mismo :(
¿cómo podemos acceder a las notas del curso? El link de notion ya no está accesible.
¡Hola!
Gracias por reportarlo, se está trabajando en recuperar el enlace para que accedan a las notas que compartió el profesor.
¡Saludos!
Cierto, el link de notion no está accesible y de acuerdo a la plataforma tu comentario ya tiene un mes, Platzi Team, nos pueden ayudar.?
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?
Hola Andres!!
Te lo voy a explicar a mi experiencia. Cuando tu estas iniciando a realizar una aplicación (propongamos que va a ser una aplicación web), tu sin problemas puedes hacerla rápidamente sin nada de esto. El problema puede venir despues y estos son algunos de los que me pasaron:
Resulta que yo no quiero trabajar con un framework css (bootstrap, etc) y deseo hacer mis propias reglas de estilos css. El problema aquí es que debes manejar una arquitectura css como BEM, SMACSS, ITCSS, etc, para cuando se sumen personas a tu equipo no rompan esta regla y todos la puedan entender cuando vuelvan a leer lo del otro, incluso si trabajas solo.
Otro caso, cuando defines una paleta de colores para tu aplicación es bueno tenerla presente y seguirla tal y como la definiste asi no tendras un desorden, esto pasa muy a menudo, que el color principal no contrasta como tu esperabas, pues bueno le metemos otro color que no esta definido.
Otro caso es que si trabajas con un equipo y en tu aplicación tu estas haciendo lo posible por hacer accesible a todos los usuarios (ciegos, sordos, etc)y no aclaras esto en un manual, tu equipo no va a saber tu finalidad y lo va hacer como puedan.
Es bueno documentar todo esto para agilizar los trabajos y no perder tiempo buscando que color, que tipo de fuente o que redondeado debe estar un borde para que se vea mejor, si tu haces tu sistema de diseños, simplemente te toca ir a la documentación y leer las reglas.
Espero te ayude a comprender un poco mejor lo que se logra con esto
Entonces respondiendo a tu pregunta, son una serie de reglas que tu defines para tu aplicación, lo que hace que todo vaya en orden, es como si fueras el presidente y debes dar leyes que se cumplan en tu pais, y el que no las cumple simplemente tendra una multa o algo más (ya ando hablando sobre política jajjaja)
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:
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??
Sipirili
04. Principios del Sistema de Diseño
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
tienes el link??