1 Hora Principiante UIUXHCIInteracción

El Factor Humano

Explora cómo las personas interactúan con la tecnología mediante interfaces, metáforas visuales y dispositivos modernos.

Presentación

El Factor Humano

Clic para interactuar · ESC para salir

¿Qué es la interacción?

La interacción ocurre cuando una persona utiliza un sistema digital para realizar una acción o recibir información.

Cada clic, toque, gesto o comando forma parte de la interacción entre el usuario y la tecnología.

Usuario → Acción → Sistema → Respuesta

El objetivo del diseño de interacción es hacer que estas acciones sean naturales, rápidas y fáciles de comprender.


Metáforas visuales

Las interfaces utilizan metáforas para ayudar a las personas a entender cómo funciona un sistema.

Ejemplos comunes

  • Papelera → eliminar archivos
  • Carpeta → organizar documentos
  • Botón de reproducción → iniciar contenido
  • Lupa → buscar información

Estas referencias visuales permiten que las personas aprendan más rápido a utilizar una aplicación.


Paradigmas de interacción

Los paradigmas representan diferentes formas en las que las personas interactúan con la tecnología.

Algunos ejemplos

  • Interfaces gráficas
  • Pantallas táctiles
  • Comandos de voz
  • Realidad aumentada
  • Inteligencia artificial conversacional

La interacción cambia constantemente conforme evolucionan los dispositivos y las necesidades de los usuarios.


Dispositivos de entrada

Los dispositivos permiten enviar información al sistema.

Ejemplos

  • Teclado
  • Ratón
  • Pantallas táctiles
  • Micrófonos
  • Cámaras
  • Sensores

Cada dispositivo ofrece diferentes maneras de interactuar con una interfaz digital.


Interfaces modernas

Las interfaces actuales ya no se limitan a computadoras tradicionales.

Hoy existen experiencias digitales en:

  • Smartphones
  • Smartwatches
  • Realidad virtual
  • Realidad aumentada
  • Asistentes inteligentes
  • Dispositivos vestibles

Estas tecnologías crean nuevas formas de interacción más inmersivas y dinámicas.


Guías de estilo

Las guías de estilo ayudan a mantener coherencia visual en una interfaz.

Definen aspectos como:

  • Colores
  • Tipografía
  • Botones
  • Espaciados
  • Iconografía
  • Animaciones

Gracias a esto, las aplicaciones mantienen una experiencia visual organizada y consistente.


Elementos visuales

La comunicación visual ayuda al usuario a comprender información rápidamente.

Elementos importantes

  • Jerarquía visual
  • Contraste
  • Espaciado
  • Color
  • Organización de contenido

Una buena comunicación visual mejora la experiencia y reduce la confusión.


Actividad — Diseñando una interfaz

Objetivo

Diseñar una interfaz sencilla aplicando conceptos de interacción y comunicación visual.

Instrucciones

  1. Diseña una pantalla para una aplicación
  2. Agrega botones y navegación
  3. Define colores y organización visual
  4. Explica cómo interactuaría el usuario

Ideas sugeridas

  • Reproductor de música
  • Aplicación de notas
  • Plataforma escolar
  • Tienda en línea
  • App de clima

Preguntas guía

  • ¿La interfaz es fácil de entender?
  • ¿Los elementos importantes destacan?
  • ¿La navegación es clara?
  • ¿Qué tipo de interacción utiliza?