.1986 .1995
.1998

.1998

imac g3

UX Engineer

CARMEN ANSIO

DS consultant

experiencia de usuario

uniendo diseño y tecnología

Ejemplo

intro a los sistemas de diseño

cambiando la forma en la que construimos servicios y productos digitales

¿que es un sistema de diseño?

colección de componentes reutilizables y estándares de uso

Un Design System es una forma en que el equipo de desarrollo de producto puede trabajar juntos y resolver problemas de manera colaborativa utilizando un lenguaje común.

importancia de los sistemas de diseño

coherencia de marca, eficiencia en el desarrollo y escalabilidad

El objetivo de crear un sistema de diseño es hacer un producto que sea fácil de escalar, consistente y fácil de usar.
Tener nuestro propio sistema de diseño nos ayuda a crear una interfaz de usuario que pueda crecer en el futuro.

mitos sobre los sistemas de diseño

no son solo ui kits, son adaptables

ui kit VS sistema de diseño

conjunto de componentes, diseños y plantillas

qué incluir en un sistema de diseño

los sistemas de diseño suelen incluir lo siguiente:

overview
foundations
componentes

patrones
directrices
recursos

microsoft fluent design system

fluent design: experiencias coherentes a través de plataformas

Fluent 2

google material design

material design: inspirado en el mundo físico para reducir la carga cognitiva

Google Material Design

apple human interface

directrices de interfaz humana: consistencia y familiaridad en las plataformas de apple

Human Interface Guidelines

DESY

beneficios de implementar

eficiencia en el trabajo en equipo, coherencia de marca, escalabilidad del diseño

pilares de la innovación digital

nos permiten construir productos cohesivos y experiencias de usuario excepcionales

Atomic Design es una metodología de diseño que organiza los elementos de una interfaz de usuario en átomos, moléculas, organismos, plantillas y páginas.
Ayuda a crear interfaces de usuario más consistentes, flexibles y escalables.