Categorías: Todo - notificaciones - contenedores - interfaz - retroalimentación

por Roberto Carlos Guerra Montes hace 3 días

46

clasificacion de interfaces

Las interfaces de usuario son esenciales para la interacción efectiva con sistemas y dispositivos, ofreciendo diversas formas de presentación y control. Entre las más comunes se encuentran las interfaces basadas en menús, formularios y gráficos, así como aquellas que permiten la interacción mediante voz o tacto.

clasificacion de interfaces

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