clasificacion de interfaces

Lisää tämän kaltaisia

el poster

luonut Naye Lopez

DISEÑO DE PÁGINAS WEB EDUCATIVAS

luonut Fermina Acosta

TIPOGRAFIA

luonut Juan Castaño

MAPA CONCEPTUAL MÈTODO DE PROYECTOS

luonut Maria Cristina Ortiz Novoa

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