[pkg-anthy-devel] Construyendo la interfaz

Thu Feb 17 19:52:24 GMT 2022

Concreta Capacitación 
<http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Construyendo la interfaz>

Un curso profundo y abarcativo:

<https://concreta.uy/curso-accesibilidad-herramientas-de-evaluacion-wcag-2-2/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Construyendo la interfaz>
Curso de accesibilidad: Herramientas de evaluación WCAG 2.1

			Próximo Comienzo: Febrero - 
<https://concreta.uy/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Construyendo la interfaz#contactenos>
Hablá con un docente 

Construyendo la interfaz
Construir la interfaz es una tarea metódica, que tiene como eje implementar la funcionalidad garantizando un comportamiento homogéneo a lo ancho y largo de la interfaz. Evitar la implementación página a página es casi un imperativo.

<https://concreta.uy/biblioteca/construyendo-la-interfaz/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Construyendo la interfaz>

Utilizaremos en este apartado la terminologíaintroducida por el diseñador Brad Frost, en su artículo Diseño Atómico [1].
Dar vida a la interfaz utilizando un lenguaje de interacción supone definir en orden:
Los átomos    , elementos indivisibles de la interfaz, como botón, etiqueta, campo, título, subtítulo, párrafo, vínculo, imagen, ícono, etc.

Las moléculas    , combinaciones de dos o tres átomos de uso frecuente en el sitio, como por ejemplo etiqueta y campo; foto y pie de foto; título, subtítulo y copete.

Los organismos    , componentes de la interfaz que cumplen una función simple: formulario con etiquetas, campos y botones, el cabezal, la caja de búsqueda o el pie.

A partir de allí con esos elementos se construyen los diálogos, páginas y flujos que constituirán la interfaz completa del sistema.
Es importante garantizar que los componentes de la interfaz son únicos y siempre tienen el mismo comportamiento, independientemente de que en un diálogo puedan tener unas propiedades destacadas y otras deshabilitadas, mientras que en el siguiente diálogo suceda exactamente al revés. Debe ser obvio para el usuario que se trata del mismo elemento, comportándose de acuerdo a las necesidades del contexto y la función ejecutada.
También es importante que toda la funcionalidad de un elemento esté disponible cada vez que se despliega en la interfaz, ya sea de forma directa o indirecta. La única excepción es aquella que debe ser excluida por alguna otra razón válida, como por ejemplo la seguridad.
Los objetos que conforman el sistema se representan de diversas formas en la pantalla en base a dos dimensiones fundamentales: el tamaño que ocupan en la pantalla y la posibilidad de editarlos / modificarlos. Una consecuencia de un lenguaje de interacción correctamente concebido, tal vez la principal, es que todas estas representaciones expresan al mismo objeto de forma obvia para el usuario, independientemente de su tamaño y de si están en modo lectura o edición.
Desde el punto de vista del tamaño, ya sea que el objeto se exprese como un ícono, una fila en una tabla, un diálogo de resumen o una ficha de pantalla completa, sigue siendo el mismo objeto y permite el acceso a las mismas funciones: no todas a un click de distancia, sino dentro de lo que razonablemente se podría considerar manipulación directa. Dicho de otra forma: no importa cómo está representada la factura en la pantalla, si la estoy viendo tengo que poder eliminarla sin necesidad de ir al menú principal y navegar hasta la opción Clientes -> Cuentas Corrientes -> Facturación -> Eliminar Factura.
Independientemente del tamaño y el contexto, siempre se representa el mismo elemento
Si la interfaz está basada en un lenguaje de interacción será homogenea a lo largo y a lo ancho, será capaz de crear la experiencia de usuario para las funcionalidades actuales y futuras, generando una interacción consistente y fácil de usar, que sus clientes y usuarios apreciarán.
Tips:
    ¿Cuántos tipos distintos de botones, campos, títulos, íconos y otros elementos se utilizan en la interfaz? ¿Está justificado?
    (Si tiene dudas, pida que se realice un inventario: lleva una mañana y es tan útil como sensiblizador)
    Los elementos de la interfaz, ¿se comportan siempre igual, además de verse siempre igual?
    A lo largo de todo el sitio o aplicación, ¿los problemas de interacción similares se resuelven de forma similar?

___
[1] Brad Frost – Atomic Design – https://bradfrost.com/blog/post/atomic-web-design/

Las tres imágenes que ilustran los conceptos de átomo, molécula y organismo son tomadas del artículo. 

<https://concreta.uy/calendario-cursos-2022/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Construyendo la interfaz>
Calendario de cursos 2022 
Ya están disponibles las fechas de los cursos  de Experiencia de Usuario y Accesibilidad de 2022, para que puedas planificar con tiempo tu formación. Podés 
<https://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Construyendo la interfaz>
consultar las características y programas de cada curso y elegir el que más se adapte a tus necesidades. Y si querés saber más, o hablar con los docentes, 
<https://concreta.uy/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Construyendo la interfaz#contactenos>
no dudes en contactarnos.
(Ahora pagos en pesos argentinos para Argentina)
<https://concreta.uy/calendario-cursos-2022/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Construyendo la interfaz>
IR AL CALENDARIO  

<http://tracking.concreta.uy/tracking/unsubscribe?d=uSqUTx9n4N743ViptdRDE6VUsZyPTjcMZz3usw7-JERRsIkdyIhcevVA2BtMwWuWkDgpL7z-Qf-8kBV3EBxmJR4zEf74Pl2fhTrd7LbDHKeCGWeNjs9P17uVj1yrh10F9xaYPbVKk6sKZScdrkZpeqO-Tk0qU71BnsVyRq-lh_uXo2EE8nILvFapeEJECgDf7L6Y6TiYplBpoAbk7rRzIKZtE9iRWm2zSk5p9Vz5a8K8Y-Yf3mtiVHFnXoQ5LxWg5_WFA-8g9tmsUPsT0NDzb0ytlh21N56dTB5y-FsEE0hPBUi0kI8CURXDPiZZHY5kGlsIx9JpvYNK09RDsZBXtORQUWT52iVGks4tWosDgWL1qAFe6JcVpVNMcQ4chxVViKIH-THi5_FZUjmnjDRfNDw1>
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-anthy-devel/attachments/20220217/9b0a7cc4/attachment.htm>