wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Laboratorio de comunicación digital

Total questions: 15

Worksheet time: 10mins

Name
Class
Date
1.

¿Cuál es el principal objetivo del diseño de la experiencia de usuario (UX)?

a)

Crear una apariencia visual atractiva.

b)

Asegurar que el usuario tenga una experiencia satisfactoria y eficiente.

c)

Desarrollar código funcional para la página web.

d)

Diseñar botones interactivos en una aplicación.

2.

El diseño de interfaz de usuario (UI) se refiere principalmente a:

a)

La estructura lógica detrás de un sistema de interacción.

b)

El aspecto visual y la disposición de los elementos gráficos en una interfaz.

c)

El análisis de las necesidades del usuario.

d)

La programación de la página en HTML y CSS.

3.

El diseño de interacción (IxD) tiene como enfoque principal:

a)

La estética del sitio web o aplicación.

b)

Cómo los usuarios interactúan con un producto digital.

c)

El contenido textual de una página web.

d)

La seguridad en la interacción del usuario.

4.

¿Cuál de las siguientes afirmaciones es verdadera sobre el diseño UX?

a)

Está más relacionado con la codificación que con la investigación.

b)

Se enfoca únicamente en la funcionalidad técnica del sitio web.

c)

Considera tanto las emociones como la satisfacción del usuario al interactuar con el sistema.

d)

Solo involucra la estética visual de la interfaz.

5.

¿Qué hace diferente al diseño de interacción (IxD) del diseño de experiencia de usuario (UX)?

a)

IxD se enfoca exclusivamente en la arquitectura de información, mientras que UX no.

b)

IxD se centra en cómo los usuarios interactúan con el sistema, mientras que UX aborda el panorama completo de la experiencia del usuario.

c)

IxD solo se aplica a aplicaciones móviles, mientras que UX abarca todas las interfaces.

d)

UX es parte de IxD y no al revés.

6.

¿Cuál es la principal función de un wireframe en el diseño de interfaces?

a)

Mostrar la paleta de colores de la interfaz.

b)

Establecer la estructura y organización de los elementos en la interfaz.

c)

Probar la funcionalidad del sitio web.

d)

Definir las tipografías y estilos visuales.

7.

Las retículas en el diseño de interfaces se utilizan para:

a)

Alinear y organizar los elementos visuales en una estructura coherente.

b)

Definir los colores y fuentes del diseño.

c)

Probar la velocidad de carga de una página web.

d)

Escribir el código de la página.

8.

¿Cuál es una de las principales ventajas de utilizar retículas en el diseño de interfaces?

a)

Asegura que todos los elementos gráficos sean del mismo tamaño.

b)

Facilita el alineamiento visual y mejora la consistencia del diseño.

c)

Agrega animaciones y efectos a los elementos de la interfaz.

d)

Mejora la accesibilidad de la página web.

9.

¿En qué fase del proceso de diseño se suele utilizar un wireframe?

a)

Al final del desarrollo, para probar la funcionalidad.

b)

En la fase inicial, para definir la estructura básica de la interfaz.

c)

Durante la implementación del código.

d)

Después de seleccionar las fuentes y colores definitivos.

10.

¿Cuál de los siguientes NO es un objetivo principal de un wireframe?

a)

Visualizar la estructura y jerarquía de la información.

b)

Determinar la disposición de elementos en una página.

c)

Elegir la paleta de colores y estilos gráficos.

d)

Definir la navegación básica del sitio.

11.

¿Cuál de las siguientes opciones es un elemento de bloque en HTML?

4 lines
12.

En HTML, la etiqueta se utiliza para:

a)

Crear un enlace.

b)

Insertar una imagen.

c)

Definir el encabezado más importante en una página.

d)

Crear una lista numerada.

13.

¿Qué propiedad de CSS se utiliza para cambiar el color de fondo de un elemento?

a)

font-color

b)

text-color

c)

background-color

d)

border-color

14.

¿Qué significa CSS?

a)

Cascading Sheet Style

b)

Computer Style Sheets

c)

Cascading Style Sheets

d)

Custom Style Sheets

15.

¿Cuál de las siguientes líneas de código en CSS aplicará un margen de 10 píxeles a un elemento?

a)

margin: 10px;

b)

padding: 10px;

c)

border: 10px;

d)

text-align: 10px;