Patrones de Diseño de UI: Aprende los Elementos Esenciales de las Interfaces de Usuario

Question 1

El patrón de diseño de navegación "Barra de pestañas" es adecuado para:

Accepted Answer

Organizar contenido relacionado en secciones accesibles dentro de una sola página.

Answer

Navegar por un sitio web utilizando enlaces textuales.

Answer

Mostrar una jerarquía de categorías en un menú desplegable.

Question 2

El patrón de diseño de entrada "Campo de texto automático" se utiliza principalmente para:

Accepted Answer

Sugerir entradas de formulario basadas en información previa proporcionada por el usuario.

Answer

Ocultar caracteres sensibles como contraseñas o números de tarjeta de crédito.

Question 3

El patrón de diseño de notificación "Toast" se caracteriza por:

Accepted Answer

Mostrar mensajes informativos temporales y no intrusivos.

Answer

Alertar sobre eventos críticos que requieren atención inmediata.

Answer

Solicitar comentarios o confirmación del usuario.

Answer

Proporcionar actualizaciones en tiempo real sobre el estado de una tarea.

Question 4

Utilizar un sistema de diseño para los patrones de UI aporta principalmente:

Accepted Answer

Consistencia en el diseño y eficiencia en el proceso de desarrollo.

Answer

Eliminación de la necesidad de pruebas de usabilidad.

Answer

Mayor libertad para la experimentación visual.

Question 5

El patrón de diseño de interfaz de usuario "Menú desplegable" sirve para:

Accepted Answer

Mostrar opciones adicionales al hacer clic o pasar el cursor sobre un elemento.

Answer

Proporcionar acceso a diferentes secciones de una página.

Answer

Presentar una jerarquía de categorías en forma de árbol.

Question 6

¿Cuál es el propósito principal del patrón de diseño de interacción "Arrastrar y soltar"?

Accepted Answer

Permitir a los usuarios manipular elementos arrastrándolos y soltándolos en diferentes ubicaciones.

Answer

Mostrar información adicional al pasar el cursor sobre un elemento.

Answer

Posibilitar el desplazamiento de contenido largo sin barras de desplazamiento.

Question 7

El patrón de diseño de diseño "Cuadrícula" se utiliza para:

Accepted Answer

Organizar contenido en filas y columnas para crear una estructura visual predecible.

Answer

Crear diseños dinámicos que se adaptan a diferentes resoluciones de pantalla.

Answer

Alinear elementos en una página sin necesidad de una cuadrícula.

Question 8

La principal ventaja de utilizar patrones de diseño de UI adaptables es:

Accepted Answer

Garantizar que las interfaces de usuario respondan y se visualicen correctamente en una amplia gama de dispositivos y tamaños de pantalla.

Answer

Simplificar el proceso de diseño de la interfaz de usuario.

Question 9

Al seleccionar un patrón de diseño de UI, es esencial considerar:

Accepted Answer

El contexto y los objetivos del usuario, así como las características del proyecto.

Answer

Las preferencias personales del diseñador.

Answer

Las tendencias de diseño populares.

Question 10

En el contexto de los patrones de diseño de UI, ¿qué opción describe mejor al **menú acordeón**?

Accepted Answer

Una lista jerárquica de opciones que se expande y contrae

Answer

Un conjunto de etiquetas para navegar por diferentes secciones

Answer

Un campo de entrada para realizar búsquedas

Answer

Un botón con una acción específica

Question 11

¿Cuál de los siguientes principios de diseño de UI **NO** se aplica directamente a los patrones de diseño de UI?

Accepted Answer

Creatividad

Answer

Estética

Answer

Consistencia

Answer

Claridad

Question 12

En el contexto de los patrones de diseño de UI, ¿qué función cumple la **información sobre herramientas**?

Accepted Answer

Mostrar información adicional al colocar el cursor sobre un elemento

Answer

Mostrar un mensaje emergente con opciones adicionales

Answer

Abrir un menú desplegable con más opciones

Answer

Proporcionar una barra de navegación para diferentes secciones

Question 13

¿Qué patrón de diseño de UI es útil para presentar información esencial de manera compacta y visualmente atractiva?

Accepted Answer

Tarjeta

Answer

Una barra lateral con opciones de navegación

Answer

Una lista numerada o con viñetas

Answer

Una cuadrícula con filas y columnas de datos

Question 14

¿Qué patrón de diseño de UI se utiliza para organizar y mostrar datos en filas y columnas?

Accepted Answer

Cuadrícula

Answer

Lista

Answer

Barra lateral

Answer

Tarjeta

Question 15

¿Qué patrón de diseño de UI se utiliza para mostrar un mensaje importante que requiere una acción del usuario?

Accepted Answer

Cuadro de diálogo modal

Answer

Información sobre herramientas

Answer

Notificación

Answer

Caja de luz

Question 16

Según los principios de diseño de patrones de UI, ¿cuál de las siguientes opciones NO es un principio?

Accepted Answer

Ser original

Answer

Priorizar la usabilidad

Answer

Mantener la consistencia

Answer

Proporcionar retroalimentación

Question 17

Los 'Diálogos Modales' son un tipo de patrón de diseño de UI que:

Accepted Answer

Impide la interacción con el resto de la interfaz

Answer

Muestra información adicional en una nueva ventana o pestaña

Answer

Permite la navegación entre diferentes secciones de una interfaz

Answer

Proporciona opciones de personalización para la interfaz

Question 18

El patrón de diseño 'Barra de Navegación' se utiliza principalmente para:

Accepted Answer

Permitir la navegación a través de la jerarquía de una interfaz

Answer

Proporcionar acceso a herramientas y configuraciones de la interfaz

Answer

Mostrar información de estado y progreso

Answer

Permitir que los usuarios personalicen la apariencia de una interfaz

Question 19

El principio de diseño de 'Proximidad' establece que:

Accepted Answer

Los elementos relacionados deben agruparse visualmente

Answer

Los elementos importantes deben colocarse en el centro de la interfaz

Answer

Los elementos de navegación deben ubicarse lejos del contenido principal

Question 20

El patrón de diseño 'Menú Desplegable':

Accepted Answer

Muestra opciones adicionales sin abarrotar la interfaz

Answer

Proporciona un acceso rápido a funciones utilizadas con frecuencia

Answer

Organiza información compleja en una estructura jerárquica

Question 21

¿Qué tipo de patrón de diseño de UI es la 'Barra de Búsqueda'?

Accepted Answer

Formulario de entrada

Answer

Elemento de interfaz avanzado

Answer

Componente de retroalimentación

Answer

Patrón de navegación

Question 22

El principio de diseño de 'Contraste' se utiliza para:

Accepted Answer

Destacar elementos importantes y mejorar la legibilidad

Answer

Crear una interfaz visualmente atractiva

Answer

Organizar el contenido de forma lógica

Question 23

¿Cuál de los siguientes es un ejemplo de un patrón de diseño de UI 'Avanzado'?

Accepted Answer

Motor de recomendaciones

Answer

Formulario de contacto

Answer

Botón flotante

Answer

Barra de navegación

Question 24

El patrón de diseño 'Carrusel' es útil para:

Accepted Answer

Mostrar varios elementos dentro de un espacio restringido

Answer

Personalizar la apariencia de una interfaz

Answer

Proporcionar acceso rápido a funciones populares

Answer

Organizar contenido relacionado en una estructura de árbol