TesIA Exam / Exámenes

DISEÑO DE INTERFACES WEB · Tema 1: Planificación de interfaces gráficas

DIW01 es un examen público disponible en TesIA Exam con preguntas de 1 bloques. Esta ficha pública reúne preguntas con respuesta correcta y explicación para estudiar por examen completo. Trabaja especialmente temas como Tema 1: Planificación de interfaces gráficas.

30 preguntas Diseño de Interfaces Web Referencia: DIW01

Qué puedes encontrar en este examen

Cada URL pública de examen sirve para localizar el contenido, entender qué bloques toca y revisar preguntas reales antes de abrir la práctica completa.

Tema 1: Planificación de interfaces gráficas

Preguntas, respuestas y explicaciones del examen

Listado público de preguntas asociadas a este examen, con respuesta correcta y explicación cuando está disponible.

#1

16. Para que un código en HTML cumpla las reglas de sintaxis del XHTML debe:

  1. A) Especificar el color empleado en la fuente con el atributo COLOR de la etiqueta FONT.
  2. B) Especificar el tamaño empleado en la fuente con el atributo SIZE de la etiqueta FONT.
  3. C) No emplear elementos desaprobados del HTML.
  4. D) Tener un orden correcto en la apertura y cierre de los elementos anidados.
Respuesta correcta
  • C) No emplear elementos desaprobados del HTML.
  • D) Tener un orden correcto en la apertura y cierre de los elementos anidados.
Explicación:

La respuesta correcta es C y D. El XHTML exige el uso de elementos válidos y una estructura anidada correcta para asegurar la compatibilidad y la correcta interpretación por parte de los navegadores.

#2

30. ¿Cual de los siguientes es un elemento de navegación?

  1. A) un icono que adorna a un enlace.
  2. B) un conjunto de enlaces a las diferentes secciones.
  3. C) un enlace que permite cambiar el idioma.
  4. D) un formulario de búsqueda.
Respuesta correcta

B) un conjunto de enlaces a las diferentes secciones.

Explicación:

La respuesta correcta es B -> un conjunto de enlaces a las diferentes secciones.
Los elementos de navegación tienen como función principal permitir al usuario desplazarse por la estructura jerárquica del sitio.

#3

23. Una guía de estilo debe recoger entre otras cosas:

  1. A) Los nombres de los desarrolladores de la interfaz.
  2. B) Los colores empleados en los elementos de la interfaz.
  3. C) Las fotografías empleadas en los contenidos.
  4. D) El tamaño, el lugar y el formato de la zona de posicionamiento dentro de la página.
Respuesta correcta
  • B) Los colores empleados en los elementos de la interfaz.
  • D) El tamaño, el lugar y el formato de la zona de posicionamiento dentro de la página.
Explicación:

La respuesta correcta es B y D. Una guía de estilo define elementos visuales clave como los colores y las especificaciones de diseño para áreas específicas como el posicionamiento, asegurando consistencia en la interfaz.

#4

6. El _________ es un estándar Web y es un sistema universal para referenciar recursos en la Web.

  1. A) FTP.
  2. B) Java.
  3. C) XML.
  4. D) URI.
Respuesta correcta

D) URI.

Explicación:

La respuesta correcta es D -> URI.
El Identificador de Recursos Uniforme es la cadena de caracteres que identifica de forma inequívoca cualquier recurso (imagen, página, documento) en la red.

#5

18. El éxito o fracaso de una aplicación interactiva dependerá en gran parte del diseño de la interfaz. ¿Verdadero o falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

A) Verdadero

Explicación:

La respuesta correcta es A -> 'Verdadero'.
La interfaz es el único punto de contacto entre el usuario y el sistema, por lo que si falla, el usuario no podrá aprovechar las funcionalidades de la aplicación.

#6

17. Para maquetar correctamente una página Web disponemos de los elementos del lenguaje HTML que permiten definir:

  1. A) el cuerpo de la página.
  2. B) tablas.
  3. C) capas.
  4. D) marcos.
Respuesta correcta
  • B) tablas.
  • C) capas.
  • D) marcos.
Explicación:

La respuesta correcta es B, C y D. Las tablas, capas y marcos son elementos HTML fundamentales para estructurar y organizar el contenido de una página web, permitiendo una maquetación flexible y avanzada.

#7

14. ¿Cuál de los siguientes es un elemento de interacción?

  1. A) un icono acompañando a un enlace.
  2. B) el logotipo de la empresa.
  3. C) el título de la página.
  4. D) un botón de un formulario de búsqueda.
Respuesta correcta

D) un botón de un formulario de búsqueda.

Explicación:

La respuesta correcta es D -> un botón de un formulario de búsqueda.
Los elementos de interacción son aquellos que permiten al usuario realizar una acción activa que genera una respuesta del sistema.

#8

25. La facilidad de uso de una interfaz está relacionada directamente con la

  1. A) eficiencia.
  2. B) apariencia.
  3. C) excelencia.
  4. D) suficiencia.
Respuesta correcta

A) eficiencia.

Explicación:

La respuesta correcta es A -> eficiencia.
La eficiencia en usabilidad se mide por la rapidez y precisión con la que un usuario puede alcanzar sus objetivos tras haber aprendido a usar el sistema.

#9

7. La interfaz debe estar diseñada pensando en:

  1. A) Las necesidades del usuario.
  2. B) Los beneficios que obtendrá la empresa.
  3. C) Las expectativas del usuario.
  4. D) Los grados de preparación del usuario.
Respuesta correcta
  • A) Las necesidades del usuario.
  • C) Las expectativas del usuario.
  • D) Los grados de preparación del usuario.
Explicación:

La respuesta correcta es A, C y D. Un buen diseño de interfaz prioriza siempre al usuario, considerando sus necesidades, lo que espera de la herramienta y su nivel de conocimiento para asegurar una experiencia intuitiva y efectiva.

#10

3. La percepción es una _________ significativa de las sensaciones.

  1. A) organización.
  2. B) interpretación.
  3. C) ordenación.
  4. D) invención.
Respuesta correcta

B) interpretación.

Explicación:

La respuesta correcta es B -> interpretación.
La percepción va más allá de recibir estímulos físicos; implica que el cerebro procesa y da sentido a lo que captan los sentidos.

#11

9. ¿Cuál de estos principios NO se aplica al diseño de patrones?

  1. A) principio de proximidad.
  2. B) principio de oportunidad.
  3. C) principio de semejanza.
  4. D) principio de simetría.
Respuesta correcta

B) principio de oportunidad.

Explicación:

La respuesta correcta es B -> principio de oportunidad.
En el diseño de interfaces y patrones visuales, se aplican las leyes de la Gestalt como proximidad, semejanza y simetría para organizar la información de forma coherente.

#12

22. Una interfaz Web, permite acceder a los usuarios a los contenidos de la Web mediante el uso de elementos que son conocidos por la mayor parte de los usuarios que acceden a nuestra página.

  1. A) simbólicos.
  2. B) artísticos.
  3. C) ambientales.
  4. D) gráficos.
Respuesta correcta

D) gráficos.

Explicación:

La respuesta correcta es D -> gráficos.
La Interfaz Gráfica de Usuario (GUI) utiliza metáforas visuales como botones, iconos y ventanas para que el usuario no tenga que teclear comandos complejos.

#13

4. ¿Cuáles de los siguientes son elementos visuales de diseño?

  1. A) Forma.
  2. B) Color.
  3. C) Posición.
  4. D) Textura.
Respuesta correcta
  • A) Forma.
  • B) Color.
  • D) Textura.
Explicación:

La respuesta correcta es A, B y D. La forma, el color y la textura son elementos visuales fundamentales que definen la apariencia y la percepción de un diseño. La posición, si bien es importante en la composición, se considera más un principio de diseño que un elemento visual en sí mismo.

#14

5. Para que un código en HTML cumpla las reglas de sintaxis del XHTML debe:

  1. A) Cerrar siempre todos los elementos.
  2. B) Poner en minúsculas los nombres de los elementos y sus atributos.
  3. C) Encerrar entre comillas los valores de los atributos.
  4. D) Emplear la etiqueta SPAN en lugar de la etiqueta TD.
Respuesta correcta
  • A) Cerrar siempre todos los elementos.
  • B) Poner en minúsculas los nombres de los elementos y sus atributos.
  • C) Encerrar entre comillas los valores de los atributos.
Explicación:

La respuesta correcta es A, B y C. El XHTML exige que todas las etiquetas se cierren, que los nombres de elementos y atributos estén en minúsculas y que los valores de los atributos se encierren entre comillas para garantizar una sintaxis estricta y una mejor interoperabilidad.

#15

24. Un sitio Web tiene la característica de ser _________ cuando es fácil de usar.

  1. A) educativo.
  2. B) visual.
  3. C) actualizado.
  4. D) usable.
Respuesta correcta

D) usable.

Explicación:

La respuesta correcta es D -> usable.
La usabilidad es la medida de la calidad de la experiencia que tiene un usuario cuando interactúa con un producto o sistema.

#16

2. El _________ es un estándar web que define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores) para comunicarse.

  1. A) HTTP.
  2. B) FTP.
  3. C) HTML.
  4. D) XML.
Respuesta correcta

A) HTTP.

Explicación:

La respuesta correcta es A -> HTTP.
El protocolo de transferencia de hipertexto es la base de cualquier intercambio de datos en la Web, estableciendo cómo se solicitan y transmiten los recursos.

#17

12. Un sitio Web tiene la característica de ser _________ cuando los elementos gráficos empleados están orientados a conseguir los objetivos del sitio y no se han empleado como elemento decorativo.

  1. A) educativo.
  2. B) visual.
  3. C) actualizado.
  4. D) usable.
Respuesta correcta

B) visual.

Explicación:

La respuesta correcta es B -> visual.
Esta característica implica que el diseño gráfico tiene una intención funcional y estratégica, apoyando la comunicación del mensaje en lugar de ser simple adorno.

#18

11. Selecciona en la lista siguiente 2 elementos que NO son elementos de diseño:

  1. A) Espesor.
  2. B) Gravedad.
  3. C) Grosor.
  4. D) Color.
Respuesta correcta
  • A) Espesor.
  • C) Grosor.
Explicación:

La respuesta correcta es A y C. El espesor y el grosor se refieren a dimensiones físicas, no a características visuales o funcionales que se consideran elementos de diseño.

#19

19. El _________ suele ir colocado en el encabezado.

  1. A) logotipo de la empresa.
  2. B) título del contenido.
  3. C) aviso legal.
  4. D) vídeo promocional de la empresa.
Respuesta correcta

A) logotipo de la empresa.

Explicación:

La respuesta correcta es A -> logotipo de la empresa.
Siguiendo las convenciones de diseño web, el encabezado (header) es el lugar estándar para la identidad de marca, permitiendo que el usuario reconozca el sitio instantáneamente.

#20

10. ¿Cuál de los siguientes es un elemento de contenido?

  1. A) un formulario de búsqueda.
  2. B) el enlace al Mapa del sitio.
  3. C) un párrafo de texto.
  4. D) el logotipo de la empresa.
Respuesta correcta

C) un párrafo de texto.

Explicación:

La respuesta correcta es C -> un párrafo de texto.
Los elementos de contenido son aquellos que transmiten la información principal que el usuario busca consumir, como artículos, datos o imágenes informativas.

#21

13. ¿Cuál de los siguientes NO es un elemento de identificación?

  1. A) un icono acompañando a un enlace.
  2. B) el logotipo de la empresa.
  3. C) el título de la página.
  4. D) el nombre de la empresa que sale en el encabezado.
Respuesta correcta

A) un icono acompañando a un enlace.

Explicación:

La respuesta correcta es A -> un icono acompañando a un enlace.
Los elementos de identificación sirven para situar al usuario y decirle dónde está o quién es el dueño del sitio, como el logotipo o el título.

#22

28. Un sitio Web tiene la característica de ser _________ cuando es fácil de aprender por el usuario.

  1. A) educativo.
  2. B) visual.
  3. C) actualizado.
  4. D) usable.
Respuesta correcta

A) educativo.

Explicación:

La respuesta correcta es A -> educativo.
En el contexto de las características del diseño web, la capacidad de aprendizaje (learnability) se asocia a lo 'educativo' de la interfaz, indicando que el usuario entiende rápido cómo funciona.

#23

15. Un sitio Web tiene la característica de ser _________ cuando ofrece nuevos contenidos de forma periódica.

  1. A) educativo.
  2. B) visual.
  3. C) actualizado.
  4. D) usable.
Respuesta correcta

C) actualizado.

Explicación:

La respuesta correcta es C -> actualizado.
La actualización es vital para mantener el interés del usuario y mejorar el posicionamiento en buscadores, indicando que el sitio está vivo.

#24

8. ¿Cuáles de los siguientes valores hexadecimales se pueden emplear para crear colores seguros en la Web?

  1. A) 33.
  2. B) AA.
  3. C) FF.
  4. D) 66.
Respuesta correcta
  • A) 33.
  • C) FF.
  • D) 66.
Explicación:

La respuesta correcta es A, C y D. Los colores seguros para la Web se crean utilizando valores hexadecimales que son múltiplos de 33 (00, 33, 66, 99, CC, FF) para cada componente de color (rojo, verde y azul).

#25

1. Un sitio Web compuesto por 20 secciones independientes entre sí, donde cada sección tiene una única página de contenidos, debería emplear un mapa de navegación con una estructura de tipo:

  1. A) lineal.
  2. B) reticular.
  3. C) jerárquica.
  4. D) lineal jerarquizada.
Respuesta correcta

C) jerárquica.

Explicación:

La respuesta correcta es C -> jerárquica.
Este tipo de estructura permite organizar múltiples secciones independientes que cuelgan de una raíz común, facilitando el acceso directo a cada una.

#26

20. El diseño de una interfaz debe lograr que:

  1. A) los usuarios de nuestro sitio puedan acceder con facilidad a sus contenidos.
  2. B) los usuarios puedan dejar sus opiniones sobre el sitio.
  3. C) se incrementen los beneficios de la empresa.
  4. D) puedan interactuar con eficacia con todos sus componentes.
Respuesta correcta
  • A) los usuarios de nuestro sitio puedan acceder con facilidad a sus contenidos.
  • D) puedan interactuar con eficacia con todos sus componentes.
Explicación:

La respuesta correcta es A y D. Un buen diseño de interfaz prioriza la accesibilidad y la facilidad de uso, permitiendo a los usuarios encontrar información rápidamente y operar los elementos de manera intuitiva.

#27

26. La Interacción Persona-Ordenador es la disciplina relacionada con el/la _________ de sistemas informáticos interactivos para ser usados por personas.

Tipo: respuesta en texto libre.

Respuesta correcta
  • diseño.
Explicación:

La respuesta correcta es diseño. Cuidado en la plataforma exige que la respuesta sea "diseño." sin el punto la marca como incorrecta. La IPO (o HCI en inglés) se encarga de estudiar cómo las personas interactúan con la tecnología para diseñar sistemas que sean eficaces y seguros. Esta disciplina abarca no solo la parte visual, sino también el comportamiento y la respuesta del sistema ante las acciones del usuario. Se descarta cualquier otro término como 'programación' porque el enfoque de la IPO es específicamente el diseño de la interacción humana.

#28

27. ¿Con qué herramientas deberíamos contar para poder diseñar un sitio Web?

  1. A) un procesador de textos y un gestor de bases de datos.
  2. B) un editor de código HTML y editor de imágenes.
  3. C) un editor de imágenes y un navegador.
  4. D) un generador de menús y un generador de botones.
Respuesta correcta

B) un editor de código HTML y editor de imágenes.

Explicación:

La respuesta correcta es B -> un editor de código HTML y un editor de imágenes.
Para construir una web se necesita poder estructurar el contenido mediante código y preparar los recursos visuales (fotos, iconos) adecuadamente.

#29

29. El _________ es un estándar Web y es el lenguaje de marcado predominante para la elaboración de páginas Web.

  1. A) FTP.
  2. B) HTML.
  3. C) URI.
  4. D) XML.
Respuesta correcta

B) HTML.

Explicación:

La respuesta correcta es B -> HTML.
El Lenguaje de Marcado de Hipertexto es el componente estructural básico de la web, permitiendo definir encabezados, párrafos, enlaces y otros elementos.

#30

21. Los elementos conceptuales de diseño son el punto, _________ el plano y el volumen.

  1. A) la recta.
  2. B) el arco.
  3. C) la línea.
  4. D) el borde.
Respuesta correcta

C) la línea.

Explicación:

La respuesta correcta es C -> la línea.
En la teoría del diseño de Wucius Wong, los elementos conceptuales progresan en dimensiones: el punto (0D), la línea (1D), el plano (2D) y el volumen (3D).

Temas incluidos

Otros exámenes de Diseño de Interfaces Web

Practicar este examen

Puedes abrir TesIA Exam y localizar este examen con el mismo nombre para practicarlo en modo estudio o examen, revisar respuestas y continuar tu progreso.

Abrir TesIA Exam