Iconografía de la Interfaz de Usuario
Índice
- Interfaz de Usuario:
- Definición, funciones, tipos, y usos.
- Para que me sirve conocer esto?
- El icono de “Menú”
- Evolución y diversos iconos de “Menú”.
- El icono de “Configuración”
- Tips y ejemplo practico:
- Configurar la sincronización de los contactos, al estrenar celular, y antes de, para conservarlos.
Interfaz de Usuario
Cuya sigla UI - proviene de sus
iniciales en inglés:
User Interface = Interfaz de Usuario
Ya deben haber visto al actualizar el móvil, la sigla “UI”, que
tiende a ser cada vez más gráfica, lo que es conocido como:
Interfaz Grafica del Usuario, en inglés: Graphic User Interface. de
allí su sigla “GUI”.
La diferencia es que una
“UI” es cualquier interfaz de usuario, mientras que una “GUI”, se refiere a una interfaz gráfica de usuario, pero
que sigue siendo una “UI”.
La IA de Google “Gemini”, nos brinda la siguiente información:
La iconografía de la interfaz de usuario (UI) es el uso de imágenes, símbolos y gráficos para representar acciones, conceptos e información.
Los iconos ayudan a los usuarios a interactuar, comprender y navegar de forma más intuitiva.
Funciones de los iconos
Representar objetos como carpetas, aplicaciones, archivos, accesos directos y documentos.
Informar a los usuarios sobre las características o funciones de los controles, botones y otros elementos de interacción.
Ayudar a los usuarios a navegar, comprender e interactuar con una interfaz de usuario de forma más fácil e intuitiva
Tipos de iconos
Los iconos interactivos se pueden tocar o hacer clic y responden a la solicitud del usuario.
Los iconos planos son simples, limpios y fáciles de leer, ya que carecen de detalles y tienen un alto contraste visual.
Los iconos semiplanos son un tipo de icono de interfaz de usuario común.
Uso de iconos
Las plataformas de redes sociales a menudo dependen de íconos planos por su estética limpia y reconocible.
Los sitios de comercio electrónico pueden usar íconos planos para representar acciones o categorías de productos.
Respecto a los tipos de iconos, en este artículo hay información extensa sobre el tema, aunque es más relevante para los creadores, a los usuarios nos sirve para notar un icono raro para el usuario, e identificarlo, conociendo la diversidad de los mismos.
Para que me sirve conocer esto?
Dado que la tecnología es muy importante en la vida actual, y que se incorpora cada vez a más aspectos en nuestras vidas, y que los iconos proporcionan una interfaz grafica, que se implementa cada vez más, dejando de lado el texto, si no identificamos el significado de los iconos, nos perderemos de muchas ventajas tecnológicas.
Ya vemos casos de niños, que no saben leer o escribir, pero reconocen iconos y aprenden sus funciones, siendo capaces de manejar aplicaciones, que a los adultos puede tomarles más trabajo.
Es hoy en día, tan importante como leer conocer la iconografía de la interfaz del usuario, esto nos facilita aprender a usar cualquier aplicación, solucionar inconvenientes, y facilita muchas actividades.
El icono de “Menú”
Comencemos un icono que ha evolucionado mucho, y que es uno de los principales:
El icono de “Menú”.
Un menú, antes de los ordenadores, solo era, al igual que hoy, lo que recibimos en un restaurante:
Una lista de las diferentes opciones que el restaurante tiene para ofrecerte.
Lo mismo pasa en los ordenadores, sean estos: Móviles, Portátiles o de Escritorio. El sistema operativo del ordenador, ya sea este: Windows, Android, MAC, o cualquier otro.
Tienen una serie de opciones para el usuario.
Al igual que cada programa, app, o aplicación instalada en el.
También en las página web, y aplicación web.
En esta publicación, llamaré aplicaciones a todo lo anterior, ya sean:
Sistemas Operativos, Programas, o Sitios Web.
El icono del menú comenzó como una lista, con viñetas, como vemos en la imagen.
Por ello también se utiliza, para cambiar la visualización de archivos, de vista previa, a lista.
Hoy en día, el menú de una aplicación, puede usar alguno de los siguientes iconos con que se le identifican:
El icono de “Configuración”
El engranaje, lo que hace que se mueva una cosa u otra.
Vamos a un ejemplo practico en el móvil:
Estrenamos celular, muy bonito 😆😆😆.
Y mis contactos, bueno ya sabemos que desplazando el dedo de arriba hacia abajo, sobre la pantalla del móvil, nos aparece una pantalla con una iconografía extensa, que es un menú, una serie de platillos a elegir 😆, así que vamos a tocar el icono del engranaje, que aparece arriba a la derecha, encerrado en verde en la siguiente imagen:
Si vas a buscar que es lo más rápido últimamente, tocas la lupa, y escribes cuentas.
Si elegiste cuentas y respaldo, allí encontraras Administrar cuentas.
Recuerden que esta publicación es realizada por CompuLG Pasión por la tecnología. Servicio de hosting? Se les tiene, con dominio, con IA... a según. ¡Dale a tu marca la presencia que se merece! ¡Impulsa tu crecimiento con una presencia online sólida! ¡Conecta con tu audiencia de manera efectiva! ¡Construye tu propio espacio online y personalízalo según tus necesidades!  |
Comentarios
Publicar un comentario