Day 9 Con tus propias palabras dime ¿Que entendiste de: Interfaces 101: Build Forms and Other Interfaces?

Jesús Reyes Hernández

Interfaces 101

Los usuarios finales interactúan con las aplicaciones a través de interfaces que incluyen listas de registros o páginas de destino, interfaces de informes, páginas de vista resumida, tareas y formularios.

Las interfaces pueden reutilizarse en todas las aplicaciones para conseguir un estilo y una eficacia coherentes, incluso dentro de otras interfaces.

Tres conceptos clave del diseño de experiencia de usuario de calidad son:

• Presentar la información con claridad.
• Mostrar la cantidad correcta de información.
• Facilitar la navegación y orientación del usuario.

Modo de diseño

El Modo de diseño permite arrastrar y soltar el contenido y configurar las propiedades para construir interfaces rápidamente.

Plantillas

Cuando se abre por primera vez una nueva interfaz, se puede optar por aplicar una plantilla. Las plantillas brindan estructura a su interfaz, rellenan automáticamente los componentes cruciales.

Diseños de nivel superior

• Diseño del formulario
• Diseños de cabecera de tarjetas y carteles
• Diseño de sección
• Diseño de caja
• Diseño de tarjeta
• Diseños de columna y en paralelo

Componentes

Los componentes son los bloques de construcción fundamentales de las interfaces. Se utilizan para mostrar o manipular datos.

Patrones

Los patrones proporcionan una combinación de componentes y expresiones dinámicas para lograr diseños de interfaz de usuario comunes.

Entradas de regla

Son variables que pasan datos hacia o desde una interfaz.

Configuración de componentes básicos

• Etiqueta
• Valor de la pantalla
• Guardar entrada en
• Solo lectura
• Validación
• Visibilidad

Variables locales

Definen y almacenan valores temporales dentro de una expresión. Estas son útiles cuando necesita datos solo dentro de una expresión en particular.

Casos de usos

• Almacenar datos de una consulta
• Mostrar información condicionalmente
• Captura de datos de un usuario para modificar la interfaz

Ejemplo de configuración de variables locales

Pruebas

Las pruebas garantizan que la interfaz funcione como usted esperaba.

Existen dos métodos principales para realizar las pruebas:

1. Pruebas manuales (para interfaces editables)
2. Casos de prueba a través del panel de Entradas de prueba (para interfaces de solo lectura)

Step-by-step #9

Jesús Reyes Hernández

Interfaces 101

Los usuarios finales interactúan con las aplicaciones a través de interfaces que incluyen listas de registros o páginas de destino, interfaces de informes, páginas de vista resumida, tareas y formularios.

Las interfaces pueden reutilizarse en todas las aplicaciones para conseguir un estilo y una eficacia coherentes, incluso dentro de otras interfaces.

Tres conceptos clave del diseño de experiencia de usuario de calidad son:

• Presentar la información con claridad.
• Mostrar la cantidad correcta de información.
• Facilitar la navegación y orientación del usuario.

Modo de diseño

El Modo de diseño permite arrastrar y soltar el contenido y configurar las propiedades para construir interfaces rápidamente.

Plantillas

Cuando se abre por primera vez una nueva interfaz, se puede optar por aplicar una plantilla. Las plantillas brindan estructura a su interfaz, rellenan automáticamente los componentes cruciales.

Diseños de nivel superior

• Diseño del formulario
• Diseños de cabecera de tarjetas y carteles
• Diseño de sección
• Diseño de caja
• Diseño de tarjeta
• Diseños de columna y en paralelo

Componentes

Los componentes son los bloques de construcción fundamentales de las interfaces. Se utilizan para mostrar o manipular datos.

Patrones

Los patrones proporcionan una combinación de componentes y expresiones dinámicas para lograr diseños de interfaz de usuario comunes.

Entradas de regla

Son variables que pasan datos hacia o desde una interfaz.

Configuración de componentes básicos

• Etiqueta
• Valor de la pantalla
• Guardar entrada en
• Solo lectura
• Validación
• Visibilidad

Variables locales

Definen y almacenan valores temporales dentro de una expresión. Estas son útiles cuando necesita datos solo dentro de una expresión en particular.

Casos de usos

• Almacenar datos de una consulta
• Mostrar información condicionalmente
• Captura de datos de un usuario para modificar la interfaz

Ejemplo de configuración de variables locales

Pruebas

Las pruebas garantizan que la interfaz funcione como usted esperaba.

Existen dos métodos principales para realizar las pruebas:

1. Pruebas manuales (para interfaces editables)
2. Casos de prueba a través del panel de Entradas de prueba (para interfaces de solo lectura)

Step-by-step #9