Interfaz de Usuario
Clasificación de elementos UI
Componentes informativos
Modales
Caja de mensajes
Notificaciones
Barras de progreso
Íconos
Tooltips
Componentes de navegación
Barra de navegación
Tags
Paginación
Cajas de búsqueda
Sliders
Breadcumbs
Input Controls
Campos de fecha
Switch-Toogle
Listas desplegables
Radio buttons
Checkbox
Campos de texto
Botones
Contenedores
Listas
Acordeones
Tarjetas
Tablas
Etiquetas
Barra lateral
HMI
Tipos de pantallas HMI
Táctiles con protección IP
Dispositivos móviles
Alta resolucion
La HMI se refiere a pantallas usadas para interactuar con equipos, especialmente en entornos industriales. Muestran datos en tiempo real y permiten el control de máquinas.
HMI y Sistemas SCADA
HMI: Visualización de datos en gráficos y representaciones visuales
PLC: Controladores lógicos programables y sensores
SCADA: Sistema de supervisión, control y adquisición de datos
Principios Básicos del diseño UI
Retroalimentación (Feedback): Informar, incertidumbre y ejemplo.
Tipografía: Tamaños, fuentes, y disposición.
Color y textura: Esencia de marca, atención dirigida y ajustes
Jerarquía y manejo de espacios: Importancia, atención, lectura.
Consistencia en el diseño: Elementos comunes, patrones de diseño.
Interfaces Simples: Menos es más
Clasificación de interfaces
NUI: Permite interacción en lenguaje cotidiano.
Interfaz de Usuario Basada en Formularios: Utilizada para ingresar información específica y mostrar datos.
VUI: Interactúa con dispositivos a través de comandos de voz.
TUI: Tacto a través de una pantalla.
Interfaz de usuario basada en menús.
GUI: utiliza imágenes y objetos gráficos.
CLI : Basada en texto