Concreta Capacitacion
2021-Sep-09 22:14 UTC
[Pkg-xen-devel] Diseño Atómico (Glosario de UX)
Concreta Capacitaci?n? <http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Dise?o At?mico (Glosario de UX)> ?? Un curso para introducirte en el dise?o UX profesional <https://concreta.uy/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=emm171&utm_medium=mailing&utm_campaign=BuscarLectores&utm_content=Dise?o At?mico (Glosario de UX)> Taller Intensivo de Dise?o de la Interacci?n Pr?ximo comienzo: 12 de octubre - <https://concreta.uy/contacto/> Habl? con un docente? ?? Dise?o At?mico (Glosario de UX) El dise?o at?mico es una metodolog?a que propone construir la interfaz en base a un peque?o grupo de componentes at?micos y un conjunto de reglas para agruparlos en componentes cada vez m?s complejos. <https://concreta.uy/biblioteca/diseno-atomico/?utm_source=elastic&utm_medium=mailing&utm_campaign=TIDI20210907&utm_content=Dise?o At?mico (Glosario de UX)> Tanto en la naturaleza como en las creaciones humanas los infinitos sistemas existentes, independientemente de su complejidad, est?n formados de peque?as piezas at?micas. Desde la materia misma, formada literalmente por ?tomos y los organismos vivos formados por c?lulas, hasta el lenguaje formado por letras de un alfabeto y las composiciones musicales formadas por un pu?ado de notas y escalas. El dise?o UX no es la excepci?n. A diferencia de lo que se podr?a presuponer, una interfaz concebida en dos pasos, primero definiendo un peque?o grupo de componentes at?micos y un conjunto de reglas de agrupaci?n, seguido por una segunda instancia en la que en base a estas reglas se definen componentes cada vez m?s complejos, produce interfaces m?s potentes y flexibles que el dise?o de cada p?gina del sitio por separado en base a requerimientos y plantillas. Y lo hace a un costo menor, con mayor estabilidad en el tiempo y con un resultado m?s usable y accesible. A diferencia de lo que se podr?a presuponer, una interfaz concebida en dos pasos produce interfaces m?s potentes y flexibles Si bien la idea parece incontestable y los beneficios justifican largamente su adopci?n, esto no resulta evidente en todos los casos, sobre todo al comienzo de un proyecto: los dos pasos en la construcci?n pueden llegar a ser m?s trabajosos, no tanto por el tiempo sino por la necesidad de alinear a la organizaci?n que dise?a e implementa el producto basado en software detr?s de la idea. Sumado a eso, como la mayor?a de los beneficios de la Usabilidad, el resultado es impactante a mediano plazo, pero no siempre de inmediato, lo que redunda en poco apoyo de otras ?reas de la organizaci?n acuciadas por los cronogramas y la necesidad de obtener logros ya.Consistencia interactiva Es muy importante tener en cuenta al aplicar la metodolog?a de dise?o at?mico que la consistencia a nivel de interacci?n es a?n m?s relevante que la consistencia visual o gr?fica. Desde los ?tomos se debe definir c?mo se comportan en la interfaz los elementos. Qu? sucede con ellos cuando se clickean, arrastran, editan, deshabilitan, copian, pegan o cualquier otra acci?n que tenga sentido en cada caso. Al agruparlos estos ?tomos en mol?culas un escal?n m?s arriba en la complejidad, es imprescindible definir el comportamiento interactivo del nuevo elemento: c?mo se relacionan entre ellos los ?tomos que forman la mol?cula. Qu? sucede con un campo cuando hago click en su etiqueta. All? donde se despliegue un elemento, siempre tendr? las mismas propiedades interactivas, independientemente del tama?o que ocupe en la pantalla. Y este proceso sigue hasta la construcci?n de plantillas y p?ginas completas, generando una interfaz s?lida a partir de la consistencia: all? donde se despliegue un elemento, siempre tendr? las mismas propiedades interactivas, independientemente del tama?o que ocupe en la pantalla. Los elementos de la interfaz deben tener definido c?mo utilizan el espacio en la pantalla y comportarse siempre igual independientemente del tama?o que se les asigne. Un elemento relevante es la definici?n de c?mo los organismos y otros elementos m?s complejos utilizan el espacio de la pantalla. Deben tener especificado c?mo se representan en espacios de distinto tama?o, y c?mo brindan desde ese espacio, sobre todo cuando es peque?o, acceso al conjunto de la funcionalidad para mantener la consistencia. La idea de <https://bradfrost.com/blog/post/atomic-web-design/> dise?o at?mico, introducida por Brad Frost en 2012 tiene un potencial enorme, producto de su simplicidad y f?cil comprensi?n. Desde su nacimiento se ha difundido r?pidamente, generando altos niveles de adopci?n y satisfacci?n de dise?adores, implementadores y usuarios.? ?? ___ Te invitamos a la charla de Manuel Razzari sobre Mitos de la Accesibilidad, este 30 de setiembre a las 19 hs. de Montevideo y Buenos Aires, 18 hs. de Santiago y 17 hs. de Bogot? y Ciudad de M?xico. <https://concreta.uy/charla-mitos-de-la-accesibilidad/?utm_source=elastic&utm_medium=mailing&utm_campaign=TIDI20210907&utm_content=Dise?o At?mico (Glosario de UX)> Inscripci?n gratuita <https://concreta.uy/charla-mitos-de-la-accesibilidad/?utm_source=elastic&utm_medium=mailing&utm_campaign=TIDI20210907&utm_content=Dise?o At?mico (Glosario de UX)> ? ?? <http://tracking.concreta.uy/tracking/unsubscribe?d=NqHgUOp43jDybPpR5zsF1rz03-x7EsgkU-j_IEOoiNOjB8AisqIkH74GXSLabNRIcykSwTw89zmgXN1PBevjy_eMGlaUuVwn2UBt_b_IsRmdZayYuTfTbUl85X0D-rixJWfbMSmy8VY0imdac4hR0ucKvgdBnfnkIhaRCHfCybklYaUKOsCh4dzbr_lqRCwx3Wohh185xso5juBXeebmXmgRP5WI689S6ZyPUCSj4yNVomqgsvZ8qmGdeTyblev_ZEIUvbQYG0NgEze_WcJlbapkyWca_Wpc79EC8PWJELOSPNzOB_Wa-zPwHi84UwUa_e1qIpymHO5IYZoyOwOwHMevXd-ibg-qpUn7H6GLx3jfabdNpQF0ulSjyjt1K5W8KQ2> No quiero recibir informaci?n sobre cursos de Concreta ? ? Concreta, Soriano 903 of 501, Montevideo, Montevideo, 11100, Uruguay, concreta.com.uy -------------- next part -------------- An HTML attachment was scrubbed... URL: <http://alioth-lists.debian.net/pipermail/pkg-xen-devel/attachments/20210909/4a9fb1fc/attachment.htm>