Font size
S
M
L
XL
WorksheetsDIWTema2
Total questions: 100
Worksheet time: 33mins
Name
Class
Date
1.
En el proceso de creación de un proyecto web, ¿qué etapa se caracteriza por estudiar necesidades del público y requisitos técnicos?
a)
Diseño final
b)
Prototipo
c)
Análisis
d)
Boceto
2.
Entre las funciones generales de la estructura visual, ¿cuál NO forma parte de ellas?
a)
Crear un flujo visual
b)
Facilitar la búsqueda semántica
c)
Organizar la información
d)
Optimizar el desarrollo
3.
¿Qué principio perceptivo establece que los elementos cercanos se interpretan como parte de un mismo grupo?
a)
Similitud
b)
Continuidad
c)
Proximidad
d)
Cierre
4.
En un entorno de comercio electrónico, ¿qué acción permite identificar rápidamente las opciones de añadir un producto al carrito?
a)
Colores distintos según el tipo de producto
b)
Colocarlos como primer elemento del menú
c)
Aplicarles un color y tamaño homogéneo
d)
Usar iconografía variable vinculada al tipo de artículo
5.
En una landing page, ¿qué recurso visual puede usarse para guiar la mirada hacia un botón de acción principal situado más abajo?
a)
Un fondo texturizado
b)
Una flecha descendente o un elemento que dirige la mirada
c)
Un bloque con borde discontinuo
d)
Un encabezado con alineación justificada
6.
¿Qué ejemplo se menciona como demostración de que una figura incompleta puede seguir siendo interpretada correctamente?
a)
Las tarjetas de producto con bordes abiertos
b)
Los logotipos de Spotify
c)
Los iconos de categorías
d)
Los botones secundarios sin contorno
7.
¿Qué tipo de contraste hace que un botón destaque de inmediato en una interfaz minimalista?
a)
Un color llamativo sobre fondo blanco
b)
Un color apagado sobre un fondo saturado
c)
Un borde fino sin relleno sobre fondo gris
d)
Un icono pequeño dentro de una imagen brillante
8.
¿Qué elemento corresponde al ámbito del estilo, y no de la estructura?
a)
Disposición de bloques
b)
Jerarquía funcional
c)
Wireframe inicial
d)
Diseño final en Figma o CSS
9.
¿Qué característica contribuye a que ciertos elementos capten la atención del usuario antes que otros?
a)
El peso tipográfico
b)
El número de enlaces incluidos
c)
La longitud de los párrafos
d)
La frecuencia de actualización del contenido
10.
¿Qué patrón de lectura describe un recorrido diagonal que conecta los extremos de la interfaz?
a)
F-pattern
b)
S-pattern
c)
Z-pattern
d)
L-pattern
11.
¿Qué bloque se considera parte de la arquitectura estructural de una interfaz?
a)
Tarjeta interactiva
b)
Aside
c)
Carrusel
d)
Hero animado
12.
¿Qué tipo de layout se caracteriza por una disposición libre y dinámica?
a)
En columnas
b)
Asimétrico
c)
Pantalla completa
d)
De tarjetas
13.
¿Qué patrón se asocia a la presentación comparativa de dos elementos en paralelo?
a)
Grid Layout
b)
Cards Layout
c)
Split Screen Layout
d)
Single Page Layout
14.
Entre las soluciones rápidas para corregir errores de maquetación, ¿cuál NO aparece como recomendación?
a)
Aplicar un sistema de rejilla
b)
Usar una paleta en escala de grises por defecto
c)
Revisar la consistencia visual
d)
Realizar el test de los tres segundos
15.
¿Qué estructura de columnas se emplea como estándar en sistemas responsive?
a)
10 columnas
b)
6 columnas
c)
12 columnas
d)
4 columnas
16.
¿Qué estructura navegacional permite que todas las páginas puedan enlazarse entre sí sin jerarquía estricta?
a)
Lineal
b)
Mixta
c)
En red
d)
Jerárquica
17.
¿Qué componente forma parte de la navegación de un sitio web, y no del contenido principal?
a)
Opiniones de usuarios
b)
Tarjetas de artículo
c)
Breadcrumbs
d)
Sección destacada
18.
¿Qué ejemplo describe una jerarquía educativa organizada de lo general a lo específico?
a)
Categoría → Autor → Opiniones → Modalidad
b)
Inicio → Equipos → Jugadores → Estadísticas
c)
Inicio → Asignaturas → Módulos → Lecciones → Evaluaciones
d)
Inicio → Productos → Reseñas → Comparador
19.
¿Qué técnica consiste en que los usuarios agrupen tarjetas para identificar afinidades entre contenidos?
a)
Priorización
b)
Card sorting
c)
Agrupación descendente
d)
Inventario de recursos
20.
¿Qué práctica recomienda mantener una profundidad máxima de tres niveles en la estructura del sitio?
a)
Prototipado interactivo
b)
Configuración tipográfica
c)
Diseño de un mapa de navegación
d)
Construcción de un wireflow
21.
En un proceso de diseño, ¿qué herramienta se recomienda para crear esquemas iniciales antes del prototipado, mencionada junto a Miro?
a)
FigJam
b)
Whimsical
c)
Canva
d)
Trello
22.
¿Qué flujo de validación implica simular tareas como “Comprar un producto” para verificar si el recorrido es lógico?
a)
Test de clics
b)
Walkthrough
c)
Evaluación heurística
d)
Prototipado cruzado
23.
¿Qué tipo de wireframe emplea escala de grises y proporciones reales, pero sin llegar al detalle de color o tipografías finales?
a)
Alta fidelidad
b)
Baja fidelidad
c)
Media fidelidad
d)
Híbrido
24.
¿Qué regla de orden visual sugiere evitar mezclar más de dos niveles de jerarquía en una misma pantalla?
a)
Ritmo visual
b)
Alineación
c)
Simetría estructural
d)
Jerarquización interna
25.
En la experiencia de usuario, ¿qué principio exige que cada acción pueda revertirse, como cancelar o volver atrás?
a)
Control
b)
Visibilidad
c)
Retroalimentación
d)
Prioridad
26.
¿Qué herramienta se menciona como plataforma de diseño en la nube que permite integrar wireframes, prototipos y sistemas de diseño?
a)
Sketch
b)
Figma
c)
Adobe XD
d)
InVision
27.
¿Qué fase del uso profesional de Figma incluye probar la experiencia con usuarios o clientes?
a)
Planificación
b)
Entrega
c)
Validación
d)
Diseño visual
28.
¿Qué ventaja se describe como derivada de que la herramienta funcione totalmente en la nube?
a)
Acceso solo desde dispositivos homologados
b)
Guardado automático y acceso desde cualquier navegador
c)
Limitación de colaboración simultánea
d)
Restricción a sistemas operativos concretos
29.
En la tabla comparativa de herramientas, ¿qué limitación se atribuye a Sketch?
a)
Requiere conexión constante
b)
Solamente disponible para macOS
c)
Menos opciones colaborativas
d)
Integración insuficiente con Illustrator
30.
¿Qué tipo de prototipo representa ideas iniciales sin detalles visuales y se emplea antes del diseño final?
a)
Prototipo de validación
b)
Prototipo de presentación
c)
Prototipo de exploración
d)
Prototipo transicional
31.
¿Qué tipo de prototipo simula la navegación con interactividad básica orientada a probar la experiencia de usuario?
a)
Conceptual
b)
Interactivo
c)
De presentación
d)
Modular
32.
Cuando un prototipo incluye colores, animaciones y simula el producto final, ¿qué nivel de fidelidad corresponde?
a)
Bajo
b)
Medio
c)
Alto
d)
Parcial
33.
En el proceso descrito, ¿qué tipo de herramienta permite crear wireframes, prototipos y sistemas de diseño en un mismo entorno?
a)
Responsive Builder
b)
Cloud Sketcher
c)
Figma
d)
Wireflow Studio
34.
¿Cuál de las siguientes acciones forma parte de la validación de un mapa de navegación?
a)
Crear un sistema de espaciado de 8 píxeles
b)
Probar si los usuarios encuentran una sección en los primeros tres clics
c)
Implementar componentes reutilizables
d)
Configurar la estructura responsive
35.
¿Qué técnica se usa para listar todas las páginas y recursos actuales de una web antes de reorganizar su arquitectura?
a)
Agrupación semántica
b)
Card sorting inverso
c)
Inventario de contenido
d)
Ruta descendente
36.
¿Qué estructura navegacional sigue un orden fijo que encadena pantallas de manera secuencial?
a)
En red
b)
Jerárquica
c)
Mixta
d)
Lineal
37.
¿Qué elemento de navegación muestra la ruta actual desde la página inicial hasta la sección específica?
a)
Menú contextual
b)
Breadcrumb
c)
Dropdown
d)
Mini-mapa
38.
¿Cuál es el máximo recomendado de profundidad estructural en una jerarquía de navegación bien diseñada?
a)
2 niveles
b)
5 niveles
c)
3 niveles
d)
4 niveles
39.
¿Qué tipo de disposición visual es ideal para dashboards o aplicaciones que requieren un sistema modular de filas y columnas?
a)
Rejilla de 12 columnas
b)
Rejilla flexible
c)
Rejilla modular
d)
Rejilla simétrica
40.
¿Qué principio asociado al diseño responsive implica que los elementos cambian de posición según el ancho de pantalla?
a)
Redimensionar
b)
Reordenar
c)
Flexibilizar
d)
Priorizar
41.
¿Qué sección del wireframe suele contener filtros, categorías o menús secundarios?
a)
Header
b)
Sidebar
c)
Main
d)
Footer
42.
¿Qué regla de orden visual menciona la necesidad de mantener márgenes coherentes en la estructura esquemática de una interfaz?
a)
Ritmo visual
b)
Alineación
c)
Equilibrio visual
d)
Orden jerárquico
43.
¿Qué principio de UX indica que el usuario debe saber siempre dónde se encuentra dentro de la interfaz?
a)
Consistencia
b)
Visibilidad
c)
Control
d)
Feedback
44.
¿Qué principio de UX hace referencia a la necesidad de informar que una acción se ha completado o guardado?
a)
Consistencia
b)
Control
c)
Feedback
d)
Visibilidad
45.
¿Qué elemento del wireflow representa la conexión entre pantallas para mostrar cómo el usuario avanza entre ellas?
a)
Anclajes
b)
Transiciones
c)
Indicadores de módulo
d)
Reglas de flujo
46.
¿Cuál de los errores comunes al crear wireframes consiste en dedicar atención prematura a colores y detalles visuales?
a)
No mantener jerarquía clara
b)
Falta de validación
c)
Ir demasiado rápido al diseño final
d)
No repetir patrones de navegación
47.
¿Qué principio vinculado al diseño de wireframes implica que los menús o botones deben repetirse con exactitud en todas las páginas?
a)
Flujo interno
b)
Consistencia
c)
Retroalimentación
d)
Priorización
48.
¿Qué elemento estructural define la zona donde se colocan textos, imágenes o productos en una interfaz?
a)
Header
b)
Aside
c)
Main
d)
Footer
49.
¿Qué tipo de layout se menciona como habitual en sitios de prensa y blogs gracias a una organización vertical?
a)
Layout de tarjetas
b)
Layout en columnas
c)
Layout asimétrico
d)
Layout en split screen
50.
¿Qué beneficio se menciona en relación con el uso de rejillas al diseñar interfaces en diferentes tamaños de pantalla?
a)
La mejora de la carga del sitio
b)
La simplificación de la adaptación responsive
c)
La reducción del peso visual
d)
La eliminación de márgenes internos
51.
¿Qué opción corresponde a una estructura navegacional común en tiendas online, al organizar contenido desde categorías hacia productos?
a)
Mixta
b)
En red
c)
Jerárquica
d)
Lineal
52.
¿Qué elemento se utiliza para mostrar enlaces secundarios como políticas o redes sociales dentro de una interfaz estructurada?
a)
Sidebar
b)
Header
c)
Footer
d)
Banner
53.
¿Qué patrón de lectura se utiliza típicamente en medios textuales como blogs o periódicos?
a)
S-pattern
b)
Z-pattern
c)
F-pattern
d)
B-pattern
54.
¿Qué principio dentro del proceso de AI facilita la búsqueda y el acceso del usuario a la información?
a)
Profundidad
b)
Jerarquización
c)
Clasificación
d)
Arquitectura de la información
55.
¿Qué técnica se utiliza para ordenar contenido desde lo más general hasta lo más específico?
a)
Jerarquía descendente
b)
Priorización inversa
c)
Mapeo semántico
d)
Estructuración paralela
56.
¿Qué beneficio aporta el wireframe como paso intermedio entre estrategia y prototipado?
a)
Evitar el uso de componentes reutilizables
b)
Concentrarse en colores antes del contenido
c)
Validar la estructura antes del diseño final
d)
Aumentar la carga gráfica del sitio
57.
¿Qué tipo de wireframe permite comprobar flujos y distribución de elementos sin recurrir aún a color final o animaciones?
a)
Baja fidelidad
b)
Media fidelidad
c)
Alta fidelidad
d)
Multi-fidelidad
58.
¿Qué objetivo principal tiene la interactividad incluida en un prototipo de alta fidelidad?
a)
Crear transiciones simbólicas
b)
Simular la experiencia final del usuario
c)
Representar estructura sin contenido
d)
Ocultar los elementos finales de diseño
59.
¿Qué paso del proceso de diseño transforma un boceto estructural en un sistema navegable para validar la interacción?
a)
Diseño final
b)
Prototipo
c)
Wireframe
d)
Mapa de contenido
60.
¿Qué elemento de navegación ayuda a evitar que un usuario se pierda entre fichas de productos en una tienda online?
a)
Botón “Volver a productos”
b)
Botón “Añadir al carrito”
c)
Enlace al footer
d)
Tarjeta destacada
61.
¿Qué elemento del proceso de diseño evita improvisaciones y mantiene coherencia visual y funcional?
a)
Análisis
b)
Prototipado
c)
Estructura
d)
Idea inicial
62.
¿Qué objetivo específico cumple un wireframe al permitir la validación temprana de ideas antes del diseño detallado?
a)
Mostrar comportamiento dinámico
b)
Evaluar tipografías y colores
c)
Definir zonas funcionales sin estilos
d)
Optimizar animaciones de interfaz
63.
¿Qué principio visual establece que un elemento aislado tiende a destacar más dentro de una composición?
a)
Continuidad
b)
Espacio
c)
Figura-fondo
d)
Jerarquía visual
64.
¿Qué tipo de layout se caracteriza por presentar una sola sección visible a la vez, como ocurre en ciertas landing pages?
a)
En columnas
b)
Asimétrico
c)
Pantalla completa
d)
De tarjetas
65.
¿Qué componente estructural puede incluir datos de contacto, redes sociales o enlaces secundarios?
a)
Header
b)
Main
c)
Sidebar
d)
Footer
66.
¿Qué principio de diseño establece que los elementos más grandes o contrastados son percibidos primero por el usuario?
a)
Cierre
b)
Jerarquía visual
c)
Similitud
d)
Proximidad
67.
¿Qué patrón de diseño se utiliza para dividir la pantalla en dos zonas iguales o contrastadas?
a)
Grid Layout
b)
Cards Layout
c)
Single Page Layout
d)
Split Screen Layout
68.
¿Qué estructura navegacional suele emplearse para cursos paso a paso o procesos con avance secuencial?
a)
Mixta
b)
En red
c)
Lineal
d)
Jerárquica
69.
¿Qué recomendación aparece para evitar errores de navegación derivados de rutas confusas o duplicadas?
a)
Mantener siempre un menú flotante
b)
Revisar la coherencia entre mapa y diseño visual
c)
Aumentar la cantidad de enlaces internos
d)
Reducir la estructura a un solo nivel
70.
¿Qué tipo de contenido se debe priorizar en pantallas pequeñas dentro de un diseño responsive?
a)
Menús secundarios
b)
Elementos decorativos
c)
Contenidos esenciales
d)
Animaciones principales
71.
¿Qué sistema de rejilla se usa para definir márgenes y espaciados proporcionales en interfaces modernas?
a)
Rejilla modular
b)
Rejilla de 12 columnas
c)
Rejilla de 8 píxeles
d)
Rejilla neutra
72.
¿Qué técnica se usa dentro del diseño responsive para adaptar el contenido sin perder legibilidad?
a)
Escamado fijo
b)
Redimensionar
c)
Cierre progresivo
d)
Escala fraccionada
73.
¿Qué tipo de prototipo se utiliza típicamente para presentaciones finales con animaciones y apariencia completa?
a)
Prototipo simbólico
b)
Prototipo de exploración
c)
Prototipo de presentación
d)
Prototipo estructural
74.
¿Qué ventaja de Figma permite que diseñadores y clientes trabajen simultáneamente en el mismo archivo?
a)
Integración con Illustrator
b)
Basado en vectores
c)
Colaboración en tiempo real
d)
Prototipado automático
75.
¿Qué elemento del wireframe suele colocarse en la parte superior e incluye navegación principal y logotipo?
a)
Sidebar
b)
Header
c)
Footer
d)
Main
76.
¿Qué principio UX establece que lo más importante debe aparecer arriba o en el centro?
a)
Retroalimentación
b)
Consistencia
c)
Prioridad
d)
Control
77.
¿Qué error al crear wireframes provoca que todo parezca igual de relevante, generando confusión en el usuario?
a)
Falta de jerarquía visual
b)
Exceso de columnas invisibles
c)
Repetición de patrones
d)
Uso exclusivo de escala de grises
78.
¿Qué herramienta se menciona como alternativa a Figma que integra bien con Photoshop e Illustrator?
a)
Sketch
b)
Marvel
c)
Adobe XD
d)
Penpot
79.
¿Qué parte del prototipado se emplea para conectar pantallas y simular interacciones reales?
a)
Layout estructural
b)
Mapa de profundidad
c)
Prototipo interactivo
d)
Wireframe en alta fidelidad
80.
¿Qué tipo de prototipo puede simular el comportamiento final del producto, incluyendo color, imágenes y transiciones?
a)
Baja fidelidad
b)
Media fidelidad
c)
Alta fidelidad
d)
Parcial
81.
Dentro del flujo visual, ¿qué patrón es más adecuado para páginas con estructura simple y pocos bloques?
a)
F-pattern
b)
H-pattern
c)
Z-pattern
d)
Spiral-pattern
82.
¿Qué tipo de composición se caracteriza por generar dinamismo mediante la falta deliberada de simetría?
a)
Composición neutra
b)
Composición asimétrica
c)
Composición equilibrada
d)
Composición por capas
83.
¿Qué error estructural se relaciona con la presencia de elementos “flotando” sin referencia visual clara?
a)
Falta de ritmo
b)
Mala alineación
c)
Contraste insuficiente
d)
Exceso de jerarquía
84.
¿Qué práctica ayuda a mantener la coherencia visual al diseñar múltiples páginas dentro de un mismo proyecto?
a)
Aumentar el número de layouts distintos
b)
Utilizar una guía de estilo
c)
Reducir el uso de iconografía
d)
Evitar el uso de columnas invisibles
85.
¿Qué ventaja del uso de rejillas contribuye a agilizar el trabajo entre diseñadores y desarrolladores?
a)
Eliminar la necesidad de wireframes
b)
Facilitar la coherencia entre páginas
c)
Reducir la cantidad de prototipos
d)
Garantizar diseños monocromáticos
86.
¿Qué tipo de estructura navegacional combina elementos jerárquicos con enlaces transversales según necesidades del proyecto?
a)
Jerárquica
b)
En red
c)
Mixta
d)
Paralela
87.
¿Qué elemento permite visualizar relaciones entre pantallas y testear recorridos completos antes del prototipo visual?
a)
Wireflow
b)
Mockup
c)
Inventario de contenido
d)
Diagrama modular
88.
¿Qué tipo de wireframe es más adecuado para probar alineaciones, proporciones reales y flujo básico sin detalles estéticos finales?
a)
Alta fidelidad
b)
Media fidelidad
c)
Baja fidelidad
d)
Semi-funcional
89.
¿Qué principio UX se aplica cuando un sistema debe indicar claramente que una acción se ha guardado o completado?
a)
Control
b)
Retroalimentación
c)
Visibilidad
d)
Consistencia
90.
¿Qué se recomienda evitar al diseñar un mapa de navegación para no generar confusión entre rutas?
a)
Enlaces duplicados
b)
Breadcrumb estático
c)
Enlaces al footer
d)
Menús visibles
91.
¿Qué fase del proceso de diseño web implica transformar una idea abstracta en un dibujo rápido para explorar estructuras?
a)
Prototipado
b)
Análisis
c)
Boceto
d)
Diseño final
92.
¿Qué propiedad de un layout responsive consiste en escalar imágenes y textos para mantener legibilidad en distintos dispositivos?
a)
Reordenar
b)
Redimensionar
c)
Priorizar
d)
Fragmentar
93.
¿Qué tipo de contenido suele ocupar el bloque principal dentro de una interfaz estructurada?
a)
Información complementaria
b)
Menús secundarios
c)
Elementos destacados o introducción
d)
Políticas legales
94.
¿Qué rol desempeña el prototipo dentro del ciclo de diseño respecto a la experiencia del usuario?
a)
Representar únicamente la jerarquía visual
b)
Evaluar el comportamiento y navegación
c)
Sustituir el proceso de wireframing
d)
Generar contenido final para desarrollo
95.
¿Qué elemento del proceso de diseño permite mostrar interacciones como clics, transiciones y cambios de pantalla?
a)
Wireframe en baja fidelidad
b)
Mapa de contenido
c)
Prototipo interactivo
d)
Layout modular
96.
¿Qué práctica se considera clave para detectar pasos innecesarios en un flujo de navegación antes del prototipado?
a)
Análisis heurístico automático
b)
Revisión mediante walkthrough
c)
Prueba de tipografías
d)
Exploración de colores
97.
¿Qué parte de la estructura se encarga de contener contenido complementario, accesos rápidos o elementos secundarios?
a)
Header
b)
Footer
c)
Sidebar
d)
Main
98.
¿Qué recomendación se utiliza para evaluar si un usuario comprende una interfaz en apenas unos segundos?
a)
Test del contraste
b)
Test del ritmo visual
c)
Test de los tres segundos
d)
Test de carga progresiva
99.
¿Qué factor contribuye a crear una lectura natural y fluida mediante repetición de patrones visuales?
a)
Figura-fondo
b)
Ritmo visual
c)
Continuidad
d)
Espaciado relativo
100.
¿Qué principio de la Gestalt explica que el usuario tiende a completar figuras aunque estén incompletas?
a)
Similitud
b)
Proximidad
c)
Cierre
d)
Jerarquía
Reset
