TesIA Exam / Asignaturas / Diseño de Interfaces Web

DOR · Tema 1: Planificación de interfaces gráficas

Tema 1: Planificación de interfaces gráficas es uno de los temas públicos de Diseño de Interfaces Web dentro de TesIA Exam. Aquí puedes localizar preguntas indexables, tests, cuestionarios y exámenes que lo incluyen.

107 preguntas 3 exámenes Material de estudio público

Cómo estudiar este tema

Primero lee el resumen completo para fijar el marco del tema. Después usa la guía de estudio para ordenar el repaso y termina con las preguntas, revisando siempre la respuesta correcta y la explicación breve.

Esta página pública está pensada para consulta y repaso. Para practicar con progreso, favoritos y modo examen puedes continuar dentro de TesIA Exam con los mismos exámenes relacionados.

Material de estudio disponible

Aquí se muestran el resumen completo, la guía completa y los recursos públicos enlazados del tema para que la página sea útil también fuera de la app.

Resumen del tema

Planificación y Fundamentos de Interfaces Gráficas: Informe de Análisis

Resumen Ejecutivo

La planificación de interfaces gráficas no es un proceso meramente estético, sino una tarea fundamental de organización, documentación y conocimiento previo que garantiza resultados consistentes y fáciles de mantener. Este documento sintetiza los principios esenciales del diseño de interfaces, partiendo de un caso práctico de desarrollo web para un negocio familiar y extendiéndose hacia la teoría de la percepción visual y la categorización técnica de los elementos del diseño.

Los pilares de una interfaz exitosa residen en la comprensión del diseño como un proceso de "pre-figuración" mental para resolver problemas, donde la comunicación visual efectiva solo se logra cuando el receptor decodifica el mensaje según la intención original del emisor. El análisis destaca la importancia de las guías de estilo, la psicología de la Gestalt en la percepción y la clasificación rigurosa de los elementos conceptuales, visuales, de relación y prácticos que componen cualquier obra de diseño.


--------------------------------------------------------------------------------


1. Análisis del Caso Práctico: BK Programación

El desarrollo de una página web para una panadería familiar sirve como modelo para ilustrar la dinámica de trabajo en un equipo de desarrollo de interfaces.

1.1. Distribución de Roles y Tareas

La eficacia del proyecto depende de la especialización y coordinación de los miembros del equipo:

* Gestión y Estrategia (Ada): Identificación de las necesidades del cliente y visión de futuro (escalabilidad).
* Diseño Visual y Animación (Ana): Responsable de la prioridad visual del proyecto, específicamente de la animación del proceso de elaboración del pan.
* Producción de Contenido (Antonio y Carlos): Recopilación de material gráfico (fotografía y vídeo) y documentación de productos.
* Bocetado y Estilo (Juan y María): Creación de prototipos previos que cumplan los requerimientos del cliente y definición de la guía de estilo.

1.2. La Importancia de la Guía de Estilo

A pesar de la aparente sencillez de un proyecto (pocas páginas), la creación de una guía de estilo es indispensable por dos razones críticas:

1. Consistencia: Asegura que los elementos visuales se mantengan uniformes.
2. Mantenimiento y Escalabilidad: Facilita futuras ampliaciones de la página solicitadas por el cliente, proporcionando un marco de referencia documental.


--------------------------------------------------------------------------------


2. Fundamentos Teóricos del Diseño

2.1. Definición y Propósito del Diseño

El diseño se define como un proceso de configuración mental o "pre-figuración" en busca de una solución. Es una tarea compleja que integra requisitos técnicos, sociales, económicos y biológicos.

"Diseñar requiere principalmente consideraciones funcionales y estéticas. Esto necesita de numerosas fases de investigación, análisis, modelado, ajustes y adaptaciones".

2.2. Percepción Visual y Comunicación

La percepción no es una recepción pasiva de información, sino un acto de búsqueda de significado.

* Proceso Sensorial: El cerebro recibe estímulos, genera reacciones y sensaciones, que finalmente interpreta como percepciones.
* Psicología de la Gestalt: Teoría fundamental que explica cómo el cerebro decodifica información mediante asociaciones y leyes, configurando los elementos recibidos a través de los sentidos o la memoria.
* Éxito Comunicativo: Se alcanza cuando el diseñador (emisor) logra que el público (receptor) decodifique el mensaje visual exactamente según su intención original.


--------------------------------------------------------------------------------


3. Categorización de los Elementos del Diseño

Para que un diseño sea efectivo, el profesional debe conocer y emplear correctamente los elementos gráficos, divididos en cuatro grupos principales según la teoría de Wucius Wong y otros expertos.

3.1. Elementos Conceptuales

No son visibles físicamente, pero parecen estar presentes en la composición.

Elemento Descripción
Punto Indica posición. No tiene largo ni ancho. Es el principio y fin de una línea.
Línea Trayectoria de un punto en movimiento. Tiene largo pero no ancho. Delimita formas.
Plano Recorrido de una línea en una dirección distinta a la suya. Define límites del volumen.
Volumen Recorrido de un plano. En el diseño bidimensional, el volumen es ilusorio.

3.2. Elementos Visuales

Son la parte que realmente vemos en el diseño. Poseen características determinadas por los materiales y su uso.

* Forma: Área que se destaca del espacio circundante por un límite definido.
* Medida: Tamaño físico o relativo (por comparación) de las formas.
* Color: Elemento de diferenciación y contraste, utilizado para atraer la atención.
* Textura: Características visuales o táctiles de las superficies (rugosidad, suavidad, etc.).

3.3. Elementos de Relación

Gobiernan la ubicación y la interrelación de las formas dentro de la estructura.

* Dirección y Posición: Percibidas en relación al observador, al marco de la obra o a las formas cercanas.
* Espacio: Puede estar ocupado o vacío. Se utiliza la perspectiva (superposición, contraste, variación de tamaño) para crear ilusión de profundidad.
* Gravedad: Sensación psicológica (no visual) de pesadez, ligereza, estabilidad o inestabilidad.

3.4. Elementos Prácticos

Subyacen en el contenido y el alcance del diseño.

* Representación: Puede ser realista (fotografía), estilizada (dibujo de perfiles) o semiabstracta.
* Significado: La imagen conceptual y el mensaje visual que el diseño transporta.
* Función: El propósito determinado para el cual ha sido creado el diseño.


--------------------------------------------------------------------------------


4. El Diseño en el Contexto de Internet

La creación de páginas web responde a la necesidad de comunicación global. El aumento constante de usuarios y sitios web ha transformado no solo las relaciones sociales, sino también la flexibilidad laboral.

* Propósitos: Los sitios web pueden ser de carácter personal (entretenimiento, información a amigos) o comercial (búsqueda de beneficios).
* Conocimiento del Usuario: Es imperativo conocer al público, sus necesidades e inquietudes para que el mensaje visual sea decodificado correctamente por la diversidad de personas que acceden a la red.


--------------------------------------------------------------------------------


5. Citas para la Reflexión

El documento recoge pensamientos de figuras clave que subrayan la naturaleza del diseño y la percepción:

* Marco Aurelio: "Si algo te es difícil de realizar, no supongas por ello que es imposible. Piensa que, si algo es humanamente posible y propio, tú lo puedes lograr."
* Bruno Munari: "Cada uno ve lo que sabe."
* Wucius Wong: "Los elementos conceptuales no son visibles. No existen de hecho, sino que parecen estar presentes."

Guía de estudio

Guía de Estudio: Planificación de Interfaces Gráficas

Esta guía de estudio ha sido diseñada para profundizar en los fundamentos del diseño de interfaces web, el proceso de percepción visual y los elementos esenciales que componen una comunicación visual efectiva. A través de un análisis detallado de la planificación y la teoría del diseño, este documento proporciona las herramientas necesarias para comprender cómo se estructuran los mensajes visuales.

Cuestionario de Repaso

A continuación, se presentan diez preguntas de respuesta corta para evaluar la comprensión de los conceptos fundamentales presentados en el material de origen.

1. ¿Por qué es fundamental la planificación de interfaces gráficas en el desarrollo de sitios web? La planificación es una tarea esencial porque requiere un conocimiento previo y una organización sistemática de las tareas a desarrollar. Al documentar y organizar el proceso, se obtiene un resultado final más consistente y significativamente más fácil de mantener a largo plazo.
2. ¿Cuál es la importancia de crear una guía de estilo incluso para proyectos pequeños? Una guía de estilo permite mantener la coherencia visual y facilita futuras ampliaciones del sitio web solicitadas por el cliente. Actúa como un documento de referencia que asegura que cualquier adición posterior respete la estética y funcionalidad original de la interfaz.
3. ¿Cómo se define técnicamente el concepto de "diseño" según las disciplinas creativas? El diseño se define como un proceso previo de configuración mental o "pre-figuración" que busca una solución en cualquier campo determinado. Este proceso implica integrar requisitos técnicos, funcionales, estéticos, económicos y psicológicos para lograr un objetivo específico.
4. ¿Cuándo se considera que un mensaje visual ha tenido éxito en su proceso comunicativo? El éxito de la comunicación visual se alcanza cuando el receptor del mensaje es capaz de decodificarlo correctamente siguiendo las intenciones originales del emisor. Para lograr esto, el diseñador debe conocer las necesidades e inquietudes de su público y utilizar elementos gráficos de forma clara y directa.
5. ¿Cuál es la diferencia fundamental entre sensación y percepción visual? La sensación es la respuesta orgánica a un estímulo o impresión luminosa registrada por los ojos, mientras que la percepción es la interpretación significativa de esas sensaciones. Percibir no es una recepción pasiva, sino un proceso activo de búsqueda, selección, organización e interpretación de la información sensorial.
6. ¿Qué sostiene la psicología de la Gestalt respecto a la percepción visual? Esta teoría sostiene que el cerebro decodifica la información recibida a través de asociaciones que ocurren en el momento de la percepción. Según la Gestalt, la mente configura los elementos sensoriales o del pensamiento mediante ciertas leyes para otorgarles un significado coherente.
7. ¿Qué caracteriza a los elementos conceptuales del diseño como el punto y la línea? Los elementos conceptuales no son visibles de hecho, sino que parecen estar presentes en la mente; por ejemplo, el punto indica posición sin ocupar espacio real, y la línea es el recorrido de un punto que tiene largo pero no ancho. Estos elementos funcionan como la base invisible sobre la cual se asientan los componentes visuales de una composición.
8. ¿Cómo se define el "plano" y cuál es su relación con el volumen en un diseño bidimensional? El plano es el resultado del movimiento de una línea en una dirección distinta a la suya, poseyendo largo y ancho pero no grosor. En un diseño bidimensional, el plano define los límites extremos de un volumen, el cual se percibe como algo ilusorio en superficies planas.
9. ¿Qué función cumplen el color y el contraste en el diseño de una interfaz? El color es una propiedad intrínseca de la naturaleza que permite diferenciar las formas y tamaños de los objetos percibidos. El contraste de color, en particular, se utiliza de manera estratégica para llamar la atención del usuario sobre partes específicas de una imagen o interfaz.
10. ¿A qué se refiere el elemento práctico de "representación" y qué niveles puede tener? La representación ocurre cuando una forma se deriva del mundo real o de la naturaleza, y puede manifestarse de tres formas: realista (como una fotografía), estilizada (cuando se destacan perfiles) o semiabstracta (donde el dibujo es más esquemático).


--------------------------------------------------------------------------------


Clave de Respuestas

* Pregunta 1: Se centra en la organización, documentación y facilidad de mantenimiento.
* Pregunta 2: Enfatiza la coherencia y la escalabilidad del proyecto (futuras ampliaciones).
* Pregunta 3: Resalta la "pre-figuración" y la integración de factores funcionales y estéticos.
* Pregunta 4: Enfoque en la decodificación correcta por parte del receptor y la intención del emisor.
* Pregunta 5: Diferencia entre la recepción de estímulos (sensación) y la interpretación significativa (percepción).
* Pregunta 6: Menciona la decodificación por asociaciones y la configuración de elementos a través de leyes mentales.
* Pregunta 7: Define su naturaleza invisible o imaginaria y sus propiedades geométricas básicas.
* Pregunta 8: Explica la transición de línea a plano y la naturaleza ilusoria del volumen en 2D.
* Pregunta 9: Destaca la diferenciación de elementos y la jerarquización mediante el contraste visual.
* Pregunta 10: Describe la derivación de la realidad y los niveles de realismo, estilización y abstracción.


--------------------------------------------------------------------------------


Temas para Preguntas de Ensayo

Las siguientes propuestas invitan a una reflexión profunda sobre la aplicación práctica y teórica de los conceptos de diseño.

1. La interrelación entre estética y funcionalidad: Analice cómo el proceso de diseño debe equilibrar las consideraciones estéticas con los requisitos técnicos y económicos para crear objetos y soluciones eficaces en la vida cotidiana.
2. El diseñador como comunicador visual: Discuta la responsabilidad del diseñador de conocer a su público y cómo el uso de "experiencias comunes" influye en la eficacia de los mensajes audiovisuales.
3. El rol activo de la percepción en el diseño de interfaces: Explique por qué percibir no es un acto pasivo y detalle las acciones (seleccionar, jerarquizar, evaluar) que realiza el cerebro al enfrentarse a una interfaz web.
4. La psicología de la gravedad en el diseño bidimensional: Explore cómo la sensación psicológica de pesadez, estabilidad o inestabilidad afecta la disposición de las formas y la estructura global de un diseño.
5. De lo conceptual a lo práctico: Describa el viaje de un elemento de diseño desde que es una idea invisible (elemento conceptual) hasta que adquiere un propósito específico en una interfaz (elemento práctico como la función).


--------------------------------------------------------------------------------


Glosario de Términos Clave

Término Definición
Diseño Proceso de "pre-figuración" mental que busca soluciones integrando requisitos técnicos, estéticos y funcionales.
Elemento Conceptual Componente del diseño que no es visible físicamente (punto, línea, plano, volumen) pero que se percibe como presente.
Elemento Visual Parte visible del diseño que incluye la forma, la medida, el color y la textura de los objetos.
Elemento de Relación Grupo de conceptos que gobiernan la ubicación y conexión de las formas, tales como la dirección, posición, espacio y gravedad.
Elemento Práctico Elementos que subyacen en el contenido y alcance del diseño: representación, significado y función.
Espacio Área que puede estar ocupada o vacía por las formas; se puede organizar mediante la perspectiva para crear profundidad.
Función Propósito determinado al que debe servir un diseño para ser considerado útil o eficaz.
Gestalt Teoría psicológica que estudia cómo el cerebro organiza e interpreta la información sensorial a través de asociaciones y leyes de configuración.
Gravedad Sensación psicológica (no visual) de pesadez, ligereza o estabilidad aplicada a las formas en una composición.
Guía de Estilo Documento que recoge la información necesaria sobre los requerimientos visuales y técnicos para asegurar la consistencia de un proyecto.
Percepción Visual Interpretación significativa de las sensaciones internas de conocimiento que resultan de estímulos luminosos registrados por los ojos.
Representación Forma derivada de la naturaleza o del mundo humano, que puede variar desde el realismo absoluto hasta la abstracción.
Textura Característica visual o táctil de una superficie (rugosidad, suavidad, etc.) determinada por los materiales y su uso.

Preguntas, respuestas y explicaciones del tema

Listado público sin duplicados de las preguntas del tema, con su respuesta correcta y una explicación breve para facilitar el estudio y el repaso desde buscadores.

#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

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

  1. A) el logotipo de la empresa
  2. B) el título de la página
  3. C) un icono acompañando a un enlace
  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 botones permiten al usuario ejecutar acciones directas, lo que constituye la interacción con el sistema.

#3

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.

#4

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.

#5

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.

#6

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

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

D) un conjunto de enlaces a las diferentes secciones

Explicación:

La respuesta correcta es D -> un conjunto de enlaces a las diferentes secciones. Estos elementos forman el menú principal que permite al usuario desplazarse por la estructura del sitio.

#7

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.

#8

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.

#9

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.

#10

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

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

B) principio de oportunidad

Explicación:

La respuesta correcta es B -> principio de oportunidad. Los principios de la Gestalt aplicados al diseño incluyen proximidad, semejanza y simetría, pero no la oportunidad.

#11

30. La percepción es una [____] significativa de las sensaciones.

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

D) interpretación

Explicación:

La respuesta correcta es D -> interpretación. El cerebro interpreta significativamente los estímulos visuales recibidos para formar una percepción.

#12

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.

#13

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.

#14

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.

#15

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.

#16

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.

#17

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.

#18

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.

#19

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.

#20

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

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

La respuesta correcta es A, C y D -> Color, Textura y Forma. Estos son elementos visuales de un objeto; la posición, en cambio, se clasifica como un elemento de relación.

#21

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.

#22

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.

#23

24. 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. La IPO se centra en el diseño, evaluación e implementación de sistemas para uso humano.

#24

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.

#25

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

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

La respuesta correcta es A y B. XHTML exige un anidamiento perfecto y prohíbe el uso de etiquetas de formato obsoletas, favoreciendo el uso de CSS.

#26

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.

#27

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.

#28

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.

#29

26. Un sitio Web tiene la característica de ser [____] cuando los elementos gráficos están orientados a objetivos y no son solo decorativos.

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

D) visual

Explicación:

La respuesta correcta es D -> visual. En una interfaz efectiva, la estética sirve a la función y a los objetivos comunicativos del sitio.

#30

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.

#31

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

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

D) gráficos

Explicación:

La respuesta correcta es D -> gráficos. El uso de componentes visuales estándar (como iconos de menú o botones) permite que el usuario interactúe sin formación previa.

#32

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.

#33

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

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

La respuesta correcta es A, B y C. Un diseño de interfaz efectivo considera la experiencia previa del usuario, sus requerimientos funcionales y lo que espera obtener de la interacción.

#34

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 para comunicarse.

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

A) HTTP

Explicación:

La respuesta correcta es A -> HTTP. Es el protocolo de transferencia de hipertexto que rige el intercambio de información entre clientes y servidores web.

#35

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.

#36

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

  1. A) Cerrar siempre todos los elementos
  2. B) Encerrar valores en comillas
  3. C) Poner minúsculas en nombres
  4. D) Usar SPAN por TD
Respuesta correcta
  • A) Cerrar siempre todos los elementos
  • B) Encerrar valores en comillas
  • C) Poner minúsculas en nombres
Explicación:

La respuesta correcta es A, B y C. XHTML exige cerrar todas las etiquetas, usar comillas en atributos y escribir todo en minúsculas.

#37

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.

#38

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

#39

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.

#40

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

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

A) la linea

Explicación:

La respuesta correcta es A -> la línea. Los elementos conceptuales son abstracciones: punto, línea, plano y volumen, que no existen físicamente en la naturaleza.

#41

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.

#42

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.

#43

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.

#44

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.

#45

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.

#46

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.

#47

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

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

La respuesta correcta es A, C y D. Las tablas, marcos y capas son elementos HTML utilizados para estructurar y organizar el contenido de una página web, permitiendo una maquetación más compleja y definida. El cuerpo de la página (body) es un elemento fundamental pero no es un elemento de maquetación en sí mismo.

#48

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.

#49

28. Un sitio Web con 20 secciones independientes entre sí debería emplear una estructura de tipo:

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

C) jerárquica

Explicación:

La respuesta correcta es C -> jerárquica. Esta estructura organiza contenidos independientes que cuelgan de una página raíz o principal.

#50

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.

#51

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.

#52

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.

#53

29. El [____] es un estándar Web y es un sistema universal para referenciar recursos en la Web.

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

B) URI.

Explicación:

La respuesta correcta es B -> URI. El Identificador de Recurso Uniforme permite referenciar de forma única cualquier recurso en internet.

#54

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.

#55

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.

#56

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

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

B) eficiencia

Explicación:

La respuesta correcta es B -> eficiencia. La usabilidad se mide por la eficiencia con la que el usuario logra sus objetivos en el sistema.

#57

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.

#58

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.

#59

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.

#60

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.

#61

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.

#62

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.

#63

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.

#64

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

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

La respuesta correcta es A y D -> Espesor y Grosor. Los elementos fundamentales se categorizan en conceptuales, visuales (como el color), de relación (como la gravedad) y prácticos.

#65

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.

#66

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

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

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

Explicación:

La respuesta correcta es C -> un editor de código HTML y editor de imágenes. Se necesita una herramienta para la estructura técnica y otra para la parte visual.

#67

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.

#68

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.

#69

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.

#70

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.

#71

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.

#72

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

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

C) un párrafo de texto

Explicación:

La respuesta correcta es C -> un párrafo de texto. Los bloques de texto representan la información sustancial del sitio, diferenciándose de los elementos de navegación o identificación.

#73

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.

#74

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.

#75

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.

#76

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.

#77

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

  1. A) el logotipo de la empresa
  2. B) el titulo de la página
  3. C) el nombre de la empresa
  4. D) un icono acompañando a un enlace
Respuesta correcta

D) un icono acompañando a un enlace

Explicación:

La respuesta correcta es D -> un icono acompañando a un enlace. Los iconos decorativos no identifican la identidad del sitio, mientras que logos y títulos sí lo hacen.

#78

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.

#79

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.

#80

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.

#81

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

#82

23. 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 renovación periódica de contenidos define esta característica esencial para retener usuarios.

#83

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

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

La respuesta correcta es A y D. Un buen diseño de interfaz prioriza la accesibilidad del contenido y la interacción eficiente del usuario con los elementos, asegurando una experiencia positiva y funcional.

#84

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.

#85

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.

#86

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.

#87

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.

#88

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.

#89

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.

#90

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.

#91

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.

#92

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

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

La respuesta correcta es A y C. Las guías definen colores corporativos y la estructura de posicionamiento para mantener la coherencia visual.

#93

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.

#94

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.

#95

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.

#96

20. Un sitio Web tiene la característica de ser [____] cuando es fácil de usar.

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

A) usable

Explicación:

La respuesta correcta es A -> usable. La usabilidad se define técnicamente como la facilidad de uso de un sistema interactivo.

#97

1. Un sitio Web tiene la característica de ser [____] cuando es fácil de aprender por el usuario.

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

D) educativo

Explicación:

La respuesta correcta es D -> educativo. Esta característica se refiere a la facilidad de aprendizaje o 'learnability', permitiendo que el usuario comprenda el funcionamiento del sitio rápidamente.

#98

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.

#99

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.

#100

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

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

La respuesta correcta es A, B y D. Los colores seguros para la Web se basan en valores hexadecimales que son múltiplos de 33 (00, 33, 66, 99, CC, FF), asegurando una representación consistente en diferentes navegadores y sistemas.

Exámenes que incluyen este tema

Practicar este tema en TesIA Exam

Abre la app para entrenar este contenido en modo estudio o examen y guardar tu progreso.

Abrir TesIA Exam