Quiz: Anatomía Web, WireFrames y UI

Froggy Jumps

(4)

Played 29 %Accuracy 90 Average time 01:56

Create copy

About this activity

Preguntas sobre wireframes, UI y estructura web.

Created by

Ludwig Barcelos

Mexico

Download the paper version to play

Top 10 results

#	Player	Accuracy	time
1	Fernando Faustino Padilla January 12, 2026	% 100	01:07
2	Andrea Martínez Rosas January 12, 2026	% 100	01:15
3	Oscar Navarro Olvera January 12, 2026	% 100	01:16
4	Abril Barojas January 12, 2026	% 100	01:18
5	Prueba January 12, 2026	% 100	01:19
6	Bryan Matias January 12, 2026	% 100	01:22
7	Pablo Salazar January 12, 2026	% 100	01:32
8	Abisaid Figueroa C January 12, 2026	% 100	01:39
9	Anonymous August 20, 2026	% 100	01:40
10	Kevin Cruz January 12, 2026	% 90	00:56

Do you want to stay in the Top 10 of this game? Log in to identify yourself.

Make your own free game from our game creator

Compete against your friends to see who gets the best score in this game

Make challenge

Phlebotomy Order of Draw Quiz

Pamela Chapman

United States

(59)

Test your knowledge of the order of draw in Phlebotomy with these 10 questions!
Ethos, Pathos, and Logos Quiz

Kristine Vester

United States

(131)

Test your knowledge of ethos, pathos, and logos with these 10 questions on examples of persuasive techniques.
The Integumentary System

Breanna Nesbitt

United States

(58)

Functions and Structures of the skin
pizza

Lorelay Tyana

Romania

(261)

joc despre pizza
Bill of Rights Game - The Constitutionalist

Doni The Don

United States

(90)

Test your knowledge on the Bill of Rights. A fun way to test your knowledge and focus on where you need to improve.

		%
	Anonymous	%
		%
		%

Print your game

Quiz: Anatomía Web, WireFrames y UI


Froggy Jumps Quiz: Anatomía Web, WireFrames y UIOnline version Preguntas sobre wireframes, UI y estructura web. by Ludwig Barcelos 1 ¿Cuál es el propósito principal de la estructura jerárquica (Header, Main, Footer)? a Mejorar únicamente la apariencia estética. b Facilitar la navegación del usuario y la indexación por buscadores (SEO). c Reducir el tiempo de carga de la página. 2 ¿Qué elemento NO es típicamente parte del Header? a Logo y nombre de la marca. b Menú de navegación principal. c Contenido principal único de la página (artículo). 3 El Main se caracteriza por: a Albergar el contenido principal y único de cada página. b Contener solo información legal y de contacto. c Ser idéntico y repetirse en todas las páginas. 4 ¿Qué información suele encontrarse en el Footer? a Menú de navegación primaria y slide principal. b Información de contacto, enlaces a políticas y mapa del sitio. c Logotipo y un video de presentación. 5 Un hipervínculo se define como: a Un botón que cambia de color al hacer clic. b Una palabra o imagen que lleva al usuario a otra página. c Una imagen en secuencia automática. 6 ¿Qué es un Slide en diseño web? a Un componente interactivo que muestra contenido en secuencia. b Un documento PDF adjunto. c La barra lateral de widgets. 7 ¿Cuál es la principal utilidad de un formulario web? a Permitir que el usuario envíe datos para contactar o procesar información. b Aumentar tráfico orgánico. c Mostrar el catálogo completo de productos. 8 La página Home cumple principalmente la función de: a Mostrar historial de la empresa en orden cronológico. b Zona privada para usuarios registrados. c Ser la puerta de entrada y presentar la información relevante. 9 Un 'hipervínculo' o 'link' se define como: a a) Un botón que siempre cambia de color al hacer clic. b c) Una palabra o imagen que lleva al usuario a otro elemento o página. c b) Un elemento que muestra una imagen en secuencia automática. 10 La función principal de un menú de navegación es: a b) Presentar una lista organizada de enlaces para acceder a secciones. b c) Reemplazar la necesidad de un motor de búsqueda interno. c a) Mostrar publicidad de productos patrocinados. 11 ¿Qué es un 'Slide' en diseño web? a c) La barra lateral de widgets. b a) Un documento PDF adjunto. c b) Un componente interactivo que muestra contenido en secuencia. 12 La sección 'Acerca de' tiene como objetivo: a a) Listar precios de productos y servicios. b b) Funcionar como tarjeta de presentación, mostrando historia, misión y equipo. c c) Ser el único lugar para botones de CTA. 13 ¿Qué es un Wireframe en diseño web? a a) El código HTML final de una página. b b) Un boceto esquemático que representa la estructura y distribución de elementos. c c) La paleta de colores definitiva. 14 La principal ventaja de trabajar con wireframes es: a b) Genera código CSS listo para producción. b a) Detectar errores de usabilidad y realizar cambios de forma económica. c c) Define colores y tipografías finales. 15 Un wireframe de Baja Fidelidad se caracteriza por: a a) Ser interactivo y con estilos aplicados. b c) Ser simple, esquemático y creado rápidamente. c b) Ser muy detallado y cercano al producto final. 16 ¿Qué herramienta es más recomendada para wireframes de Low-Fi? a a) Adobe Photoshop. b b) Figma. c c) Papel y lápiz o Balsamiq. 17 Según la tabla, Figma se destaca por: a a) Ser exclusiva para macOS. b c) Ser una plataforma web-based que permite colaboración en tiempo real. c b) Integración nativa con Adobe CC. 18 La diferencia clave entre Wireframe y Mockup es: a b) El mockup es solo un boceto. b c) El wireframe es estructural y el mockup es visual detallado. c a) El wireframe es código funcional. 19 El UI se define como: a a) Estudio de servidores. b b) Crear la capa visual e interactiva con el usuario. c c) Estrategia de marketing. 20 ¿Cuál NO es un principio básico de UI? a b) Jerarquía visual y simplicidad. b a) Claridad visual y consistencia. c d) Utilizar la mayor cantidad de colores y animaciones posibles. 21 La Maquetación Digital en UI se refiere a: a a) Investigación de necesidades del usuario. b c) Elegir dominio y hosting. c b) Traducir el diseño a código (HTML/CSS) performante y accesible. 22 Un buen diseño y maquetación de UI impacta positivamente en un producto digital porque: a Mejora la experiencia, accesibilidad y satisfacción del usuario. b Aumenta SEO automáticamente. c Elimina pruebas de usabilidad.

Quiz: Anatomía Web, WireFrames y UI

Froggy Jumps

About this activity

Created by

Download the paper version to play

Top Games

Froggy Jumps

Phlebotomy Order of Draw Quiz

Froggy Jumps

Ethos, Pathos, and Logos Quiz

Froggy Jumps

The Integumentary System

Froggy Jumps

pizza

Froggy Jumps

Bill of Rights Game - The Constitutionalist

Froggy Jumps

Quiz: Anatomía Web, WireFrames y UIOnline version

by Ludwig Barcelos

¿Cuál es el propósito principal de la estructura jerárquica (Header, Main, Footer)?

¿Qué elemento NO es típicamente parte del Header?

El Main se caracteriza por:

¿Qué información suele encontrarse en el Footer?

Un hipervínculo se define como:

¿Qué es un Slide en diseño web?

¿Cuál es la principal utilidad de un formulario web?

La página Home cumple principalmente la función de:

Un 'hipervínculo' o 'link' se define como:

La función principal de un menú de navegación es:

¿Qué es un 'Slide' en diseño web?

La sección 'Acerca de' tiene como objetivo:

¿Qué es un Wireframe en diseño web?

La principal ventaja de trabajar con wireframes es:

Un wireframe de Baja Fidelidad se caracteriza por:

¿Qué herramienta es más recomendada para wireframes de Low-Fi?

Según la tabla, Figma se destaca por:

La diferencia clave entre Wireframe y Mockup es:

El UI se define como:

¿Cuál NO es un principio básico de UI?

La Maquetación Digital en UI se refiere a:

Un buen diseño y maquetación de UI impacta positivamente en un producto digital porque: