# data[].attributes.body
Nombre: Marcos Herrera

Módulo: Análisis y Diseño de Sistemas Informaticos

Nombre del técnico: Desarrollo y Administración de Aplicaciones Informáticas

Curso: 4toA

Maestra: Aura Reyes

Número: #10

Tema: Interfaz gráfica de un sistema o aplicación

Fecha: 27/4/2023

# data[].attributes.headline
Diseño visual de un sistema o aplicación

# data[].attributes.subject
Diseño visual de un sistema o aplicación

# data[].attributes.body
El diseño visual es para muchos diseñadores la etapa más divertida del proceso. Aquí se da vida a los wireframes con un estilo que está marcado tanto por el diseñador como por la personalidad de cada sistema operativo.

La interfaz de una aplicación es como la ropa que viste para salir a la calle. Es también la capa que hay entre el usuario y el corazón funcional de la app, el lugar donde nacen las interacciones.

En mayor medida está compuesta por botones, gráficos, íconos y fondos, que tienen una apariencia visual diferente en cada uno de los sistemas operativos, porque Android, iOS y Windows Phone tienen su propia forma de entender el diseño.

El trabajo del diseñador consiste en interpretar la personalidad de cada sistema operativo, aportando su propia visión y estilo de diseño, para conseguir aplicaciones que, además de ser fáciles de usar, sean distintas a las demás y tengan coherencia visual con la plataforma que las acoge.

El diseño de apps es una de las etapas más importantes en el desarrollo de apps, pero debemos pensar en ella más allá del diseño visual. Lo importante es que el diseño sea útil para que el usuario lo comprenda y pueda realizar las acciones que deseamos.

# data[].attributes.body
La interfaz de usuario o user interface (UI) engloba los recursos, sistemas y metodologías que facilitan la interacción de las personas con ordenadores o máquinas. El objetivo de su desarrollo es que el usuario puede comunicarse con la máquina de la forma más sencilla e intuitiva posible.

Es necesario adaptar las aplicaciones y los programas para mejorar la experiencia de usuario o user experience (UX). Las interfaces gráficas de usuario requieren que los elementos y las formas para controlarlas sean amigables.

# data[].attributes.body
La interfaz gráfica de usuario, conocida también como GUI, es un programa informático que actúa de interfaz de usuario, utilizando un conjunto de imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz.
Su principal uso consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.

# data[].attributes.body
1.       Representación visual: Una interfaz se basa en elementos visuales para representar información, datos y acciones. Los elementos gráficos pueden incluir iconos, imágenes, botones, menús, barras de desplazamiento y otros elementos visuales.

2.       Interactividad: permite a los usuarios interactuar con el sistema informático de manera más intuitiva y natural. Los usuarios pueden hacer clic en botones, arrastrar y soltar elementos, escribir en campos de texto y realizar otras acciones interactivas.

3.       Facilidad de uso: Las interfaces gráficas de usuario suelen ser más fáciles de usar que las interfaces de línea de comandos o las interfaces basadas en texto. Los elementos visuales y la interactividad hacen que la navegación sea más fácil y rápida.

4.       Flexibilidad: permite la personalización de la apariencia y el diseño de la interfaz, lo que permite a los usuarios adaptarla a sus necesidades y preferencias individuales.

5.       Multitarea: permite a los usuarios realizar varias tareas al mismo tiempo, ya que pueden abrir varias ventanas y cambiar entre ellas fácilmente.

# data[].attributes.body
Sea quien sea el usuario o consumidor, está claro que, cuanto más intuitivo y accesible sea el diseño, mucho mejor. Esto es así hasta en el caso de enviar un correo electrónico bien representado gráficamente.

En los elementos para el diseño de página web y productos digitales la intuitividad debería ser objeto de estudio cada cierto período de tiempo. Los tiempos cambian, y los perfiles de usuarios y las tecnologías también.

# data[].attributes.body
Existen muy diversos tipos de interfaces, pero las más destacadas son las siguientes:

Interfaz de línea de comandos (CLI)

Es una de las más obsoletas o quizás complicadas, ya que el usuario debe introducir directamente comandos específicos. En ocasiones es muy técnico y requiere conocimientos adicionales. Cuando el ordenador procesa lo introducido, aparece otra línea sugiriendo instrucciones para introducir nuevos comandos.

Interfaz de usuario de texto (TUI)

Su objetivo es que se puedan introducir textos para ejecutar las órdenes y transmitir u obtener información. Es muy usado en la instalación de sistemas operativos y en sus terminales para acceder a diferentes programas.

Interfaz gráfica de usuario (GUI)

Es de las más utilizadas hoy en día por su facilidad y sencillez general. En este caso, el usuario interactúa con el teclado y el ratón, y muchas veces está basada en simples gráficos que describen las acciones a través de botones, menús y todo variedad de componentes.

Interfaz de usuario de voz (VUI)

Estamos ante el caso en el que la parte oral es fundamental para que la comunicación sea exitosa. El usuario tiene una mayor facilidad y más disponibilidad para desplazarse, sin estar obligado a permanecer en un punto, mirar a una pantalla o interactuar de forma «física» como tendría que hacerlo en los casos anteriores. Estas interfaces están cada vez más extendidas.

Interfaz de usuario natural (NUI)

Está basada en la interacción con gestos, toques o acciones manuales y tiene como objetivo que el usuario se comporte de la manera más natural posible sin necesidad de aprender a usarla: pantallas táctiles, opciones de reconocimiento de movimientos corporales, etc.

# data[].attributes.body
Los elementos de una interfaz son:

El lienzo/la pantalla/la ventana

Los controles/los huecos

La disposición

El ciclo de refresco (eventos)