TesIA Exam / Exámenes

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

FP DIW Tema1: Planificación de interfaces gráficas 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.

47 preguntas Diseño de Interfaces Web Referencia: FP DIW Tema1: Planificación de interfaces gráficas

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

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

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

La respuesta correcta es B y D -> Una guía de estilo define aspectos como la paleta de colores corporativa y la estructura o rejilla de posicionamiento de los elementos.

#2

27. ¿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 se forman con pares de valores 00, 33, 66, 99, CC y FF. El valor AA no pertenece a esta escala estándar.

#3

32. Cuando diseñamos la interfaz de un sitio Web es importante innovar e introducir elementos gráficos de generación propia que sorprendan a las personas que acceden al sitio.

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

B) Falso.

Explicación:

La respuesta correcta es B -> Falso. La usabilidad recomienda usar convenciones gráficas conocidas por el usuario para reducir su carga cognitiva y facilitar el aprendizaje.

#4

46. Relaciona el elemento de diseño con su grupo oficial:

Tipo: relacionar columnas.

Columna A

  • Volumen
  • Textura
  • Dirección
  • Significado
  • Línea
  • Medida
  • Forma
  • Posición

Columna B

  • Conceptuales
  • Visuales
  • De relación
  • Prácticos
Respuesta correcta
  • Volumen -> Conceptuales
  • Textura -> Visuales
  • Dirección -> De relación
  • Significado -> Prácticos
  • Línea -> Conceptuales
  • Medida -> Visuales
  • Forma -> Visuales
  • Posición -> De relación
Explicación:

La respuesta correcta es la relación correcta entre ambos listados. Los elementos de diseño se clasifican en conceptuales (ideas abstractas), visuales (perceptibles por la vista), de relación (cómo se conectan los elementos) y prácticos (su utilidad o propósito). Comprender estas categorías ayuda a analizar y aplicar los principios del diseño de manera efectiva.

#5

14. ¿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 -> Los elementos visuales son la forma, la medida, el color y la textura. La posición es un elemento de relación.

#6

33. ¿Cuál de las siguientes afirmaciones es correcta?

  1. A) Si un sitio Web tiene más de veinte páginas ya no puede tener estructura lineal.
  2. B) La estructura reticular la podemos emplear en un sitio Web personal donde desde cualquier página accedemos al resto.
  3. C) La estructura jerárquica permite la lectura secuencial de las páginas de la misma sección.
  4. D) La estructura lineal jerárquica es la más empleada en sitios pequeños.
Respuesta correcta

B) La estructura reticular la podemos emplear en un sitio Web personal donde desde cualquier página accedemos al resto.

Explicación:

La respuesta correcta es B. La estructura reticular es ideal para sitios pequeños donde todas las páginas están interconectadas entre sí sin una jerarquía rígida.

#7

40. Las guías de estilo se elaboran durante la fase de Análisis.

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

B) Falso.

Explicación:

La respuesta correcta es B -> Falso. Las guías de estilo se desarrollan en la fase de Diseño, una vez que los requisitos del análisis han sido definidos.

#8

35. ¿Cuáles de estos principios crees que son aplicables en la zona de navegación?

  1. A) Principio de proximidad.
  2. B) Principio de semejanza.
  3. C) Principio de área o tamaño relativo.
  4. D) Principio de figura-fondo.
Respuesta correcta
  • A) Principio de proximidad.
  • B) Principio de semejanza.
  • C) Principio de área o tamaño relativo.
  • D) Principio de figura-fondo.
Explicación:

La respuesta correcta es A, B, C y D. La navegación usa proximidad para agrupar enlaces, semejanza para que parezcan iguales y figura-fondo para destacar el menú sobre la página.

#9

5. El éxito o fracaso de una aplicación interactiva dependerá en gran parte de la interfaz.

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

A) Verdadero.

Explicación:

La respuesta correcta es A -> Verdadero. La interfaz es el punto de contacto entre el usuario y el sistema; un mal diseño puede hacer que una aplicación funcional sea rechazada.

#10

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

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

La respuesta correcta es A, B y C -> XHTML exige cerrar etiquetas, usar minúsculas en nombres de elementos/atributos y entrecomillar siempre los valores de atributos.

#11

38. ¿Qué objetivos conseguimos aplicando la psicología de la Gestalt en el diseño de patrones?

  1. A) Mejorar la eficiencia.
  2. B) Disminuir la usabilidad.
  3. C) Incrementar la eficacia.
  4. D) Aumentar la satisfacción del usuario.
Respuesta correcta
  • A) Mejorar la eficiencia.
  • C) Incrementar la eficacia.
  • D) Aumentar la satisfacción del usuario.
Explicación:

La respuesta correcta es A, C y D -> Aplicar Gestalt ayuda a que el usuario procese la información visual con menos esfuerzo, mejorando la usabilidad y satisfacción.

#12

30. ¿Son las líneas visibles en la naturaleza?

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

B) Falso.

Explicación:

La respuesta correcta es B -> Falso. En el mundo físico solo existen volúmenes; la línea es una abstracción mental para representar bordes o intersecciones.

#13

31. ¿Cuál de los siguientes NO es un estándar Web:

  1. A) Identificador de Recurso Uniforme (URI).
  2. B) Protocolo de Transferencia de Hipertexto (HTTP).
  3. C) Internet Explorer.
  4. D) Lenguaje de Marcado de Hipertexto (HTML).
Respuesta correcta

C) Internet Explorer.

Explicación:

La respuesta correcta es C. Internet Explorer es un software navegador específico, no una especificación técnica o estándar internacional como HTML o HTTP.

#14

42. Un texto en color crema o blanco amarillento se lee correctamente sobre un fondo marrón oscuro.

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

A) Verdadero.

Explicación:

La respuesta correcta es A -> Verdadero. Esta combinación ofrece un alto contraste cromático y de luminosidad, lo que facilita la lectura sin cansar la vista.

#15

15. ¿Cuál de los siguientes es un elemento de navegación?

  1. A) Un icono que adorna 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. La zona de navegación contiene los enlaces estructurales que permiten al usuario moverse por las distintas partes de la web.

#16

21. 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. La característica educativa se refiere a la facilidad de aprendizaje (learnability), permitiendo que el usuario entienda el funcionamiento rápidamente.

#17

10. 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 (HyperText Markup Language) es el lenguaje estándar universalmente aceptado para crear la estructura de documentos web.

#18

47. ¿Qué elementos de interacción de los mencionados suelen usarse en formularios?

  1. A) Casilla de verificación.
  2. B) Botón.
  3. C) Área de texto.
  4. D) Botones de opción.
Respuesta correcta
  • B) Botón.
  • C) Área de texto.
Explicación:

La respuesta correcta es B y C, Área de texto y Botón, ya que en la zona superior derecha se identifica un cuadro para introducir términos de búsqueda y un botón etiquetado como "Buscar" para ejecutar la acción. Estos componentes permiten la comunicación directa del usuario con el sistema, a diferencia de las casillas o botones de opción que no aparecen en esta captura

#19

13. 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 (Uniform Resource Identifier) es la cadena de caracteres que identifica de forma única un recurso físico o abstracto en la red.

#20

43. ¿En cuál de los cuatro lugares crees que es más importante el uso de iconos?

  1. A) Encabezado.
  2. B) Pie.
  3. C) Navegación.
  4. D) Contenido.
Respuesta correcta

C) Navegación.

Explicación:

La respuesta correcta es C. En la navegación, los iconos ayudan al reconocimiento rápido de secciones y funciones, mejorando la usabilidad global.

#21

36. ¿Qué elementos suelen colocarse en un encabezado?

  1. A) Título de contenido.
  2. B) Enlace a un Aviso legal.
  3. C) Logotipo.
  4. D) Elementos de interacción que permiten un cambio del idioma de lectura.
Respuesta correcta
  • C) Logotipo.
  • D) Elementos de interacción que permiten un cambio del idioma de lectura.
Explicación:

La respuesta correcta es C y D. El encabezado típicamente alberga el logo y herramientas globales como el selector de idiomas. El aviso legal suele ir en el pie de página.

#22

4. 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. Un sitio actualizado es aquel que renueva su información y secciones de forma recurrente para mantener el interés del usuario.

#23

45. Relaciona los elementos con la categoría de los componentes de interfaz:

Tipo: relacionar columnas.

Columna A

  • Título de la barra de título
  • Párrafo de texto
  • Formulario de visitas a la pagína
  • Enlace a otra página

Columna B

  • Identificación
  • Contenido
  • Interacción
  • Navegación
Respuesta correcta
  • Título de la barra de título -> Identificación
  • Párrafo de texto -> Contenido
  • Formulario de visitas a la pagína -> Interacción
  • Enlace a otra página -> Navegación
Explicación:

La respuesta correcta empareja la Barra de Título con Identificación, el Párrafo con Contenido, el Formulario con Interacción y el Enlace con Navegación.

#24

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

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

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

Explicación:

La respuesta correcta es B. El diseño web profesional requiere al menos un editor de código para la estructura (HTML) y herramientas de edición gráfica para la parte visual.

#25

25. ¿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. La psicología de la Gestalt incluye principios como proximidad, semejanza, simetría y cierre, pero la 'oportunidad' no es una ley de percepción visual.

#26

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

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

La respuesta correcta es A y B -> XHTML prohíbe etiquetas decorativas obsoletas (como <font>) y exige un anidamiento perfecto y estricto de los elementos.

#27

24. 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 (HyperText Transfer Protocol) es el protocolo de comunicación que permite el intercambio de información entre navegadores (clientes) y servidores web.

#28

9. 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

C) Capas.

Explicación:

La respuesta correcta es C. El uso de capas (divs) combinadas con CSS es el estándar actual para maquetar de forma flexible, superando el uso antiguo de tablas o marcos.

#29

41. Una guía de estilos es un documento que recoge las combinaciones de colores ampliamente aceptadas por toda la comunidad de diseñadores.

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

B) Falso.

Explicación:

La respuesta correcta es B -> Falso. Una guía de estilos es específica de un proyecto o empresa; no es un manual de reglas universales para todos los diseñadores.

#30

28. Los elementos conceptuales de diseño son el punto, el plano, el volumen y:

  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. Los elementos conceptuales son abstracciones que no existen físicamente y comprenden el punto, la línea, el plano y el volumen.

#31

37. Un sitio Web compuesto por 20 secciones independientes entre sí, donde cada sección tiene una única página, debería emplear una estructura:

  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. Una estructura jerárquica es ideal para organizar secciones independientes que cuelgan de una página principal o raíz.

#32

18. 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. La característica visual implica que la estética y los recursos gráficos sirven a un propósito funcional y comunicativo dentro de la web.

#33

23. 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 -> Los elementos oficiales de diseño (según Wucius Wong) son conceptuales, visuales, de relación y prácticos. Espesor y grosor no forman parte de estas categorías.

#34

8. 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) Video promocional de la empresa.
Respuesta correcta

A) Logotipo de la empresa.

Explicación:

La respuesta correcta es A. El encabezado es la zona superior destinada a la identidad del sitio, siendo el lugar estándar para el logotipo corporativo.

#35

1. La interacción persona-ordenador es la disciplina relacionada con [] de sistemas informáticos interactivos para ser usados por personas.

Tipo: respuesta en texto libre.

Respuesta correcta
  • diseño
  • evaluación e implementación.
Explicación:

La respuesta correcta es diseño, evaluación e implementación. La interacción persona-ordenador (IPO) se define como la disciplina que estudia el diseño, evaluación e implementación de sistemas informáticos interactivos para que sean usables por las personas.

#36

34. ¿El principio de proximidad es el que se aplica para distinguir el encabezado y el pie de una página web?

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

B) Falso.

Explicación:

La respuesta correcta es B -> Falso. Al agrupar elementos cerca unos de otros (en la parte superior o inferior), el ojo los percibe como bloques funcionales distintos. Encabezado y pie de página no están cerca.

#37

7. Una percepción es una [] significativa de las sensaciones.

  1. A) Interpretación
  2. B) Organcización
  3. C) Ordenación
  4. D) Invención
Respuesta correcta

A) Interpretación

Explicación:

La opción correcta es A. La percepción visual es la interpretación significativa que el cerebro realiza a partir de los estímulos o sensaciones recibidas por la vista.

#38

39. El daltonismo se refiere a un fallo de la percepción de los colores, no distinguiendo el verde y el rojo.

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

A) Verdadero.

Explicación:

La respuesta correcta es A -> Verdadero. La forma más común de daltonismo dificulta la distinción entre los tonos rojos y verdes, algo crítico para el diseño accesible.

#39

11. ¿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. Los párrafos de texto constituyen la información sustancial del sitio, diferenciándose de los elementos de navegación o identificación.

#40

22. 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. La usabilidad es la característica principal que garantiza que el sitio sea cómodo, sencillo y directo para el usuario final.

#41

17. 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ólico.
  2. B) Artísticos.
  3. C) Ambientales.
  4. D) Gráficos.
Respuesta correcta

D) Gráficos.

Explicación:

La respuesta correcta es D. Los elementos gráficos estandarizados (botones, iconos, menús) facilitan que el usuario entienda cómo funciona la web sin necesidad de formación.

#42

3. 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. La usabilidad o facilidad de uso se mide por la eficiencia con la que el usuario logra sus objetivos dentro de la aplicación o sitio web.

#43

16. 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, D. El diseño centrado en el usuario prioriza satisfacer sus necesidades reales para garantizar que la herramienta sea útil y eficiente.

#44

44. La estructura en la guía de estilo debe reflejar el [____] en píxeles que ocupará el encabezado.

Tipo: respuesta en texto libre.

Respuesta correcta
  • tamaño
Explicación:

La respuesta correcta es tamaño. La guía de estilo debe definir las dimensiones exactas (generalmente en píxeles) de los bloques estructurales como el encabezado.

#45

2. ¿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 una empresa.
  3. C) El título de la página.
  4. D) Un botón de formulario de búsqueda.
Respuesta correcta

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

Explicación:

La respuesta correcta es D. Un botón de formulario permite al usuario interactuar directamente con el sistema para enviar datos, a diferencia de logotipos o títulos que son puramente informativos.

#46

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. El objetivo primordial es facilitar el acceso a la información; si el usuario no encuentra lo que busca fácilmente, el diseño ha fallado.

#47

29. ¿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. Los iconos de adorno son elementos decorativos, mientras que logos, nombres y títulos identifican la marca o sección actual.

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