Diseño UX/UI

  1. ¿Qué significa UX?

    1. User Exchange
    2. User Experience
    3. Universal XML
    4. Unified Extension

    El porqué UX (User Experience) abarca toda la experiencia del usuario al interactuar con un producto digital: usabilidad, accesibilidad, satisfacción y eficiencia.

  2. ¿Qué es un wireframe?

    1. Un tipo de animación
    2. Un boceto de estructura básica de una interfaz
    3. Un framework de JavaScript
    4. Un tipo de fuente tipográfica

    El porqué Un wireframe es un esquema visual de baja fidelidad que define la estructura y jerarquía de una página sin colores ni detalles gráficos. Es el "plano" de la interfaz.

  3. ¿Cuál es la regla de los 3 clics?

    1. Máximo 3 botones en pantalla
    2. El usuario debe encontrar lo que busca en máximo 3 clics
    3. Solo 3 colores en la paleta
    4. La carga no debe superar 3 segundos

    El porqué La regla de los 3 clics sugiere que un usuario debería poder encontrar cualquier información o funcionalidad en un sitio web con un máximo de 3 clics desde la página de inicio.

  4. ¿Qué es la accesibilidad web (a11y)?

    1. Hacer una web rápida
    2. Diseñar para que personas con discapacidades puedan usar la web
    3. Solo diseño responsive
    4. Optimización de SEO

    El porqué La accesibilidad web garantiza que personas con discapacidades visuales, auditivas, motoras o cognitivas puedan percibir, navegar e interactuar con el contenido web.

  5. ¿Qué herramienta es la más popular para diseño UI?

    1. Photoshop
    2. Figma
    3. PowerPoint
    4. Excel

    El porqué Figma es la herramienta líder para diseño de interfaces. Es colaborativa, basada en el navegador y permite crear desde wireframes hasta prototipos interactivos.

  6. ¿Qué es el diseño responsive?

    1. Diseño 3D
    2. Diseño que se adapta a diferentes tamaños de pantalla
    3. Diseño con animaciones
    4. Diseño con realidad virtual

    El porqué El diseño responsive adapta la interfaz fluidamente a cualquier tamaño de pantalla (móvil, tablet, desktop) usando media queries, flexbox y grids flexibles.

  7. ¿Qué es una paleta de colores?

    1. Un plugin de diseño
    2. Un conjunto armónico de colores seleccionados para un proyecto
    3. Un algoritmo de ordenamiento
    4. Una técnica de impresión

    El porqué Una paleta de colores es un grupo de colores cuidadosamente seleccionados que mantienen armonía visual y consistencia a lo largo de todo el diseño de un producto.

  8. ¿Qué es un "call to action" (CTA)?

    1. Un tipo de base de datos
    2. Un elemento que invita al usuario a realizar una acción
    3. Un protocolo de comunicación
    4. Un tipo de test de software

    El porqué Un CTA es un botón, enlace o texto que guía al usuario hacia una acción deseada como "Comprar ahora", "Registrarse" o "Descargar gratis". Es clave en marketing.

  9. ¿Qué principio dice que elementos cercanos se perciben como relacionados?

    1. Principio de simetría
    2. Principio de proximidad (Gestalt)
    3. Principio de contraste
    4. Principio de jerarquía

    El porqué El principio de proximidad (Ley de Gestalt) establece que elementos visuales cercanos entre sí son percibidos por el cerebro como parte de un mismo grupo.

  10. ¿Qué es el "design system"?

    1. Un editor de código
    2. Un conjunto de componentes reutilizables y guías de estilo
    3. Un servidor de diseño
    4. Un tipo de base de datos visual

    El porqué Un design system es una colección organizada de componentes UI reutilizables, tokens de diseño, guías de tipografía y color que garantizan consistencia visual.