Diseño y Accesibilidad en Interfaces Gráficas
45 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

¿Cuál de los siguientes principios no forma parte del acceso al contenido web?

  • Operable
  • Comprensible
  • Efectivo (correct)
  • Perceptible

¿Qué implica que el contenido web sea 'robusto'?

  • Las tecnologías futuras no deben afectar la accesibilidad. (correct)
  • El contenido debe ser visualmente atractivo.
  • El contenido debe ser compatible solo con navegadores actuales.
  • Los usuarios deben poder cambiar el diseño de la página.

¿Cuál es una práctica recomendada para mejorar la accesibilidad del contenido multimedia?

  • Proporcionar alternativas textuales. (correct)
  • Incluir solo audio sin transcripciones.
  • Usar solo imágenes sin texto.
  • Evitar el uso de videos.

¿Qué se debe hacer para garantizar que un contenido pueda ser presentado de diferentes maneras?

<p>Asegurarse de preservar la información y estructura. (C)</p> Signup and view all the answers

¿Qué sucede si alguno de los principios de accesibilidad no se cumple?

<p>Los usuarios con discapacidad no podrán utilizar la web. (C)</p> Signup and view all the answers

¿Cuál de los siguientes procesos no es parte de la percepción?

<p>Medir (D)</p> Signup and view all the answers

¿Cómo ayudan los diseñadores a comunicar su mensaje visual correctamente?

<p>Conociendo las necesidades del público (D)</p> Signup and view all the answers

¿Cuál de las siguientes descripciones corresponde al elemento visual llamado 'color'?

<p>Se usa para llamar la atención en ciertas partes (D)</p> Signup and view all the answers

¿Qué elemento de relación se juzga por su ubicación en relación con la estructura global del diseño?

<p>Posición (C)</p> Signup and view all the answers

La 'gravedad' en un diseño se refiere a:

<p>Una sensación psicológica, no visual (C)</p> Signup and view all the answers

¿Cuál es el objetivo principal de un test de usabilidad?

<p>Medir la usabilidad de un software mediante usuarios reales. (D)</p> Signup and view all the answers

¿En qué momento es más recomendable realizar un test de usabilidad?

<p>Antes de la publicación, pero después del análisis heurístico. (C)</p> Signup and view all the answers

¿Cuál de las siguientes opciones no es un factor a tener en cuenta al realizar un test de usabilidad?

<p>El nivel de programador del desarrollador. (A)</p> Signup and view all the answers

¿Qué se debe observar durante la realización de un test de usabilidad?

<p>El tiempo que tardan los usuarios en completar las tareas. (A)</p> Signup and view all the answers

¿Cuál es una condición necesaria para un lugar donde se realiza un test de usabilidad?

<p>Ser un entorno donde los usuarios se sientan cómodos. (C)</p> Signup and view all the answers

¿Dónde se ubica normalmente el sistema de navegación principal en un sitio web?

<p>En el encabezado de todas las páginas (A)</p> Signup and view all the answers

¿Cuál es un método para analizar la usabilidad de una interfaz de usuario (UI)?

<p>Hacer una evaluación heurística (C)</p> Signup and view all the answers

¿Qué debe incluir un grupo para realizar pruebas de usabilidad?

<p>Usuarios de distintos tipos de discapacidad (B)</p> Signup and view all the answers

¿Cuál de los siguientes parámetros NO es observado en una evaluación heurística?

<p>¿El sitio es publicitario? (A)</p> Signup and view all the answers

¿Cuál es una de las dificultades que se busca evitar en la usabilidad?

<p>Que el usuario deba recordar demasiadas cosas (B)</p> Signup and view all the answers

¿Qué beneficio garantiza una buena usabilidad en un sitio web?

<p>Que sea elegido entre muchos otros sitios similares (D)</p> Signup and view all the answers

¿Qué aspecto se evalúa en relación con la eficiencia y flexibilidad del usuario?

<p>Si el usuario encuentra siempre lo que busca (D)</p> Signup and view all the answers

¿Qué pregunta está más relacionada con la ubicación y navegación del usuario?

<p>¿El usuario sabe dónde está en todo momento? (D)</p> Signup and view all the answers

¿Qué se necesita para hacer una declaración de conformidad de una página web conforme con las WCAG 2.0?

<p>Satisfacer completamente uno de los niveles de conformidad A, AA o AAA (A)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones es cierta respecto al nivel de conformidad?

<p>El nivel de conformidad debe ser aplicado a todas las páginas web de un proceso (C)</p> Signup and view all the answers

¿Qué sucede si se utilizan tecnologías no compatibles con la accesibilidad en una página web?

<p>No deben interferir con el acceso del usuario al resto de la página (A)</p> Signup and view all the answers

Cuáles son los elementos que deben incluirse en una declaración de conformidad?

<p>Fecha, título de las pautas, nivel de conformidad y descripción detallada de las páginas (D)</p> Signup and view all the answers

¿Cuál es una de las primeras fases para hacer una declaración de conformidad?

<p>Realizar un análisis automático para detectar problemas de accesibilidad (B)</p> Signup and view all the answers

¿Qué tipo de evaluación se requiere después de un análisis automático de accesibilidad?

<p>Evaluación manual para identificar problemas no detectados automáticamente (C)</p> Signup and view all the answers

¿Cuándo se consideran exigibles las declaraciones de conformidad?

<p>Nunca, son opcionales (A)</p> Signup and view all the answers

¿Cuál es una característica de las tecnologías con soporte de accesibilidad?

<p>Cualquier funcionalidad debe estar disponible también a través de tecnologías accesibles (C)</p> Signup and view all the answers

Cuál es el objetivo principal del diseño de una UI web?

<p>Permitir un acceso rápido y sencillo a los contenidos. (C)</p> Signup and view all the answers

Qué significa que una UI sea usable?

<p>Que los usuarios puedan utilizarla cómodamente. (C)</p> Signup and view all the answers

Cuál de los siguientes es un componente crítico para la navegación en una UI web?

<p>Botones de acción. (C)</p> Signup and view all the answers

Qué define un patrón de diseño de interacción?

<p>Es una solución repetida para problemas de usabilidad. (D)</p> Signup and view all the answers

Cuál es un principio importante en el diseño web relacionado con la distancia entre elementos?

<p>Principio de proximidad. (B)</p> Signup and view all the answers

Qué tipo de estructura de navegación permite una relación entre todas las páginas?

<p>Estructura reticular. (C)</p> Signup and view all the answers

Cuál de los siguientes colores es considerado un color primario?

<p>Rojo. (A)</p> Signup and view all the answers

Qué elemento ayuda a los usuarios a entender la ubicación actual en un sitio web?

<p>Ubicación actual en la web. (D)</p> Signup and view all the answers

Qué se entiende por un bloque de contenido en el diseño web?

<p>Un elemento que contiene información útil y relevante. (A)</p> Signup and view all the answers

Cuál es el propósito de un mapa de navegación?

<p>Ayudar a los usuarios a encontrar contenidos fácilmente. (C)</p> Signup and view all the answers

Cuál de las siguientes características NO es deseable en el diseño de una UI web?

<p>Complejidad. (A)</p> Signup and view all the answers

Qué significa que un elemento web sea visual?

<p>Que apela positivamente a las percepciones del usuario. (D)</p> Signup and view all the answers

Cuál es la función de los elementos de interacción en una UI?

<p>Permitir que los usuarios participen activamente. (C)</p> Signup and view all the answers

Cuál es la característica principal de una maqueta web?

<p>Ser un boceto previo de la composición web. (B)</p> Signup and view all the answers

Flashcards

Percepción

El proceso de recopilar y procesar información sensorial.

Elementos visuales

Las características físicas de un objeto o imagen, como la forma, el tamaño, el color y la textura.

Elementos de relación

La manera en que los elementos visuales se relacionan entre sí en un diseño.

Gravedad

La sensación de peso o equilibrio que se percibe en un diseño.

Signup and view all the flashcards

Diseño visual

La combinación de elementos visuales y conceptuales para comunicar un mensaje efectivo.

Signup and view all the flashcards

W3C

Una comunidad internacional que crea estándares para la web y asegura su crecimiento a largo plazo.

Signup and view all the flashcards

Principios de accesibilidad web (W3C)

El contenido de la web debe ser perceptible, operable, comprensible y robusto para ser accesible.

Signup and view all the flashcards

Alternativas textuales

Ofrecer texto alternativo para imágenes, videos y otros elementos no textuales.

Signup and view all the flashcards

Alternativas sincronizadas

Proporcionar descripciones de audio o subtítulos para contenido multimedia.

Signup and view all the flashcards

Presentación flexible

Permitir al usuario ajustar la presentación del contenido sin perder información o estructura.

Signup and view all the flashcards

Declaración de Conformidad WCAG 2.0

Declaración que asegura que un sitio web cumple con las WCAG 2.0 para la accesibilidad web. Se refiere a la conformidad del sitio web completo.

Signup and view all the flashcards

Tecnologías con Soporte de Accesibilidad

Se refiere a la aplicación de tecnologías no compatibles con la accesibilidad, pero con la condición de brindar una alternativa equivalente accessible.

Signup and view all the flashcards

Fecha de Conformidad

La declaración de conformidad indica la fecha en la que se realizó la evaluación de la accesibilidad del sitio web.

Signup and view all the flashcards

Nivel de Conformidad en WCAG 2.0

Indica el nivel de cumplimiento de las WCAG 2.0 con el que se ha evaluado el sitio web. Los niveles de conformidad se clasifican según los criterios de éxito: A, AA y AAA.

Signup and view all the flashcards

Descripción detallada de las páginas web

La declaración de conformidad describe detalladamente las páginas web que se han evaluado en términos de accesibilidad.

Signup and view all the flashcards

Tecnologías de Contenido Web

Indica las tecnologías web específicas que se han usado en el sitio web para asegurar la accesibilidad.

Signup and view all the flashcards

Validación de Accesibilidad

El proceso de verificar si un sitio web cumple con los requisitos de accesibilidad web.

Signup and view all the flashcards

Análisis Automático de Accesibilidad

Un análisis automatizado que identifica problemas de accesibilidad en un sitio web.

Signup and view all the flashcards

Test de usabilidad

Una prueba para evaluar la facilidad de uso de un software, basada en la observación de usuarios reales realizando tareas auténticas.

Signup and view all the flashcards

Cuándo realizar un test de usabilidad

El momento ideal para realizar un test de usabilidad es después del análisis heurístico y antes de publicar el software, para identificar y corregir problemas de usabilidad.

Signup and view all the flashcards

Participantes en un test de usabilidad

El número de participantes en un test de usabilidad debe ser suficiente para obtener datos significativos, teniendo en cuenta las características relevantes de la audiencia objetivo.

Signup and view all the flashcards

Duración de un test de usabilidad

La duración de un test de usabilidad depende de las tareas a realizar, pero debe ser lo suficientemente larga para obtener datos valiosos sin cansar a los participantes.

Signup and view all the flashcards

Entorno del test de usabilidad

El entorno del test de usabilidad debe ser cómodo y tranquilo para los participantes, evitando interferencias y asegurando su concentración en las tareas.

Signup and view all the flashcards

Sistema de navegación principal

La parte principal de la navegación de un sitio web que se encuentra en la parte superior de cada página y muestra las secciones principales del sitio.

Signup and view all the flashcards

Prueba de usabilidad

Un proceso crucial en el diseño donde se evalúa la facilidad de uso de un sitio web o aplicación antes de lanzarlo al público.

Signup and view all the flashcards

Usabilidad

Se refiere a las características de un sitio web que permiten a los usuarios encontrarlo útil y fácil de usar.

Signup and view all the flashcards

Evaluación heurística

Herramienta para analizar la usabilidad de un sitio web, en la que un experto en usabilidad evalúa el sitio en base a una serie de principios conocidos.

Signup and view all the flashcards

Prueba de usabilidad

Método de probar un diseño web con usuarios reales para identificar problemas de usabilidad y obtener retroalimentación.

Signup and view all the flashcards

Encuestas de usabilidad

Recopilar información sobre el uso de un sitio web mediante encuestas o cuestionarios a los usuarios.

Signup and view all the flashcards

Flexibilidad

Se refiere a la capacidad de un sitio web para adaptarse a las necesidades y preferencias de los usuarios.

Signup and view all the flashcards

Técnicas de seguimiento

Seguimiento del comportamiento de los usuarios en un sitio web para analizar patrones de uso y problemas.

Signup and view all the flashcards

Interacción Persona-Ordenador

La interacción persona-ordenador es la disciplina que estudia cómo las personas utilizan los sistemas informáticos, incluyendo su diseño, evaluación e implementación.

Signup and view all the flashcards

Interfaz de Usuario (UI)

Un sistema gráfico que permite a los usuarios acceder al contenido web mediante elementos visuales como botones e imágenes.

Signup and view all the flashcards

Objetivo del diseño de UI web

El objetivo principal del diseño de una UI web es que los usuarios puedan navegar y acceder al contenido de forma rápida y fácil.

Signup and view all the flashcards

Usabilidad en UI web

Característica que describe la facilidad de uso de una interfaz web. Significa que la UI es cómoda y sencilla de usar.

Signup and view all the flashcards

Visualización en UI web

Característica que se refiere a los aspectos visuales de una UI web, buscando generar experiencias positivas para el usuario.

Signup and view all the flashcards

Elementos de Identificación de una UI web

Componentes que ayudan a los usuarios a identificar y comprender la web, como logotipos, colores, tipografías y nombres del sitio web.

Signup and view all the flashcards

Elementos de Navegación de una UI web

Componentes que permiten acceder a los contenidos de las diferentes páginas de un sitio web, como botones de regreso, menús de secciones y la ubicación actual.

Signup and view all the flashcards

Elementos de Interacción de una UI web

Componentes que permiten a los usuarios participar activamente, como formularios de búsqueda, botones de elección de idioma y formularios.

Signup and view all the flashcards

Maqueta Web

Un boceto previo de la composición de la web que se va a publicar, describiendo la disposición de elementos y secciones.

Signup and view all the flashcards

Elementos de Ordenación de una Maqueta Web

Bloques de contenido de la web que se organizan secuencialmente, como el encabezado, la navegación, el contenido principal y el pie de página.

Signup and view all the flashcards

Mapa del Sitio Web

Proporciona a los visitantes un lugar para encontrar fácilmente los contenidos que buscan si no los encontraron en la página principal.

Signup and view all the flashcards

Estructura Lineal de Navegación

Estructura de navegación donde las páginas son secuenciales, una página lleva a la siguiente.

Signup and view all the flashcards

Estructura Reticular de Navegación

Estructura de navegación donde las páginas están relacionadas entre sí, una página puede llegar a varias.

Signup and view all the flashcards

Estructura Jerárquica de Navegación

Estructura de navegación donde las páginas están organizadas en una jerarquía, con niveles de profundidad.

Signup and view all the flashcards

Estructura Lineal Jerárquica de Navegación

Estructura de navegación que combina elementos de secuencialidad y jerarquía en la navegación entre páginas.

Signup and view all the flashcards

Study Notes

Tema 1 - Planificación de interfaces gráficas

  • El diseño se define como un proceso previo de configuración mental, buscando una solución en cualquier campo. El diseño requiere consideraciones funcionales y estéticas.
  • Las fases del diseño incluyen: investigación, análisis, modelado, ajustes y adaptaciones.
  • El objetivo del diseño es comunicar ideas y conceptos de forma clara y directa a través de elementos gráficos, para que la comunicación de los mensajes visuales sea efectiva.

Tema 2 - Accesibilidad en la web

  • Existen diferentes tipos de discapacidad, incluyendo visual, motriz, auditiva y cognitiva. Se deben considerar para la accesibilidad web.
  • La tecnología asistencial ayuda a las personas con discapacidad a realizar tareas que no podrían hacer de otra manera, como el teclado virtual, teclados alternativos, teclados braille, software de reconocimiento de voz, apuntadores, trackballs gigantes, webcam con seguimiento de ojos/cara, lectores de pantalla, ampliadores de pantalla, líneas braille y navegadores web para ciegos.
  • El consorcio W3C desarrolla estándares web para el crecimiento a largo plazo, y el contenido web debe ser perceptible, operable, comprensible y robusto.

Tema 3 - La usabilidad en la web

  • El objetivo principal del diseño de una interfaz web es que los usuarios puedan acceder a todos sus contenidos de forma rápida y sencilla.

  • La usabilidad es una cualidad, cuya falta se nota en la experiencia del usuario. Una interfaz usable permite a los usuarios contestar a preguntas como "¿Dónde estoy?", "¿Cómo llegué aquí?", "¿A dónde puedo ir después?", "¿Qué puedo hacer en este momento?" y "¿Cómo puedo regresar al punto anterior?".

  • La consistencia y la persistencia en la navegación de un sitio web son importantes para la facilidad de uso del usuario, ya que estos elementos (sistemas de navegación) ayudan a los usuarios a saber dónde pueden ir, dónde están y cómo pueden regresar.

  • La sencillez de navegación implica un sistema de navegación intuitivo que facilite la adaptación del usuario, donde los usuarios sepan dónde pueden ir, dónde están y cómo regresar a la página anterior.

  • La usabilidad de la web se analiza a través de diferentes tecnologías, métodos, pruebas y encuestas. También incluye un análisis heurístico que permite detectar problemas de usabilidad.

  • El test de usabilidad es una medida concreta y objetiva de la usabilidad de un software, realizada por usuarios verdaderos, y permite verificar si existen problemas y encontrar posibles soluciones a éstos.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

Apuntes DIW PDF

Description

Este cuestionario abarca los conceptos clave sobre la planificación de interfaces gráficas y la importancia de la accesibilidad en la web. Se exploran las fases del diseño, así como las tecnologías asistenciales que facilitan el uso de plataformas digitales para personas con discapacidades. Comprender estos aspectos es fundamental para mejorar la comunicación visual y la inclusión en la tecnología.

More Like This

Web Design Essentials: Text and Graphics
6 questions

Web Design Essentials: Text and Graphics

FertileErbium avatar
FertileErbium
GRAPHIC DESIGN QUESTIONS
25 questions

GRAPHIC DESIGN QUESTIONS

ConvenientNobelium avatar
ConvenientNobelium
Web Design Principles Quiz
13 questions

Web Design Principles Quiz

UseableRosemary avatar
UseableRosemary
Web Page Design Principles
5 questions

Web Page Design Principles

StatuesqueJuxtaposition avatar
StatuesqueJuxtaposition
Use Quizgecko on...
Browser
Open
Browser
Browser