En informática , un icono es un pictograma o ideograma que se muestra en la pantalla de una computadora para ayudar al usuario a navegar por un sistema informático . El icono en sí es un símbolo rápidamente comprensible de una herramienta de software , función o archivo de datos , accesible en el sistema y se parece más a una señal de tráfico que a una ilustración detallada de la entidad real que representa. [1] Puede servir como un hipervínculo electrónico o un acceso directo a un archivo para acceder al programa o los datos. El usuario puede activar un icono utilizando un ratón, un puntero, un dedo o comandos de voz . Su ubicación en la pantalla, también en relación con otros iconos, puede proporcionar más información al usuario sobre su uso. [2] Al activar un icono, el usuario puede entrar y salir directamente de la función identificada sin saber nada más sobre la ubicación o los requisitos del archivo o código.
Los iconos como partes de la interfaz gráfica de usuario de un sistema informático, junto con las ventanas , los menús y un dispositivo señalador (el ratón), pertenecen al tema mucho más amplio de la historia de la interfaz gráfica de usuario que ha suplantado en gran medida a la interfaz basada en texto para uso casual.
La definición informática de "icono" puede incluir tres elementos semióticos distintos:
Icono que se asemeja a su referente (como una señal de tráfico que advierte de la caída de rocas). En esta categoría se incluyen dibujos estilizados de objetos del ámbito de la oficina o de otros ámbitos profesionales como impresoras, tijeras, archivadores y carpetas.
Índice , que se asocia a su referente (el humo es signo de fuego). En esta categoría se incluyen los dibujos estilizados que se utilizan para referirse a las acciones “ impresora ” e “imprimir”, “ tijeras ” y “ cortar ” o “ lupa ” y “buscar”.
Símbolo , que está relacionado con su referente solo por convención (letras, notación musical, operadores matemáticos, etc.).
Esta categoría incluye símbolos estandarizados que se encuentran en muchos dispositivos electrónicos , como el símbolo de encendido/apagado y el ícono USB.
.svg/1280px-Power_icon_(the_Noun_Project_35084).svg.png){kind=icon}
La mayoría de los iconos se codifican y decodifican utilizando metonimia , sinécdoque y metáfora .
Un ejemplo de representación metafórica caracteriza a todos los principales sistemas informáticos de escritorio, incluido el escritorio que utiliza una representación icónica de objetos del entorno de oficina de los años 1980 para transponer atributos de un contexto/objeto familiar a uno desconocido. Esto se conoce como esceuomorfismo , y un ejemplo es el uso del disquete para representar el almacenamiento de datos; aunque los disquetes han quedado obsoletos durante aproximadamente un cuarto de siglo, todavía se los reconoce como "el icono de guardado".
La metonimia es en sí misma un subconjunto de metáforas que utilizan una entidad para señalar a otra relacionada con ella, como usar una bombilla fluorescente en lugar de una de filamento para representar configuraciones de ahorro de energía.
La sinécdoque se considera un caso especial de metonimia, en el sentido habitual de que la parte representa el todo, como un componente único para todo el sistema, un controlador de altavoz para toda la configuración del sistema de audio .
Además, un grupo de iconos se puede clasificar como iconos de marca, que se utilizan para identificar programas de software comerciales y están relacionados con la identidad de marca de una empresa o software. Estos iconos comerciales sirven como enlaces funcionales en el sistema al programa o a los archivos de datos creados por un proveedor de software específico. Aunque los iconos suelen representarse en interfaces gráficas de usuario , a veces se representan en una TUI utilizando caracteres especiales como MouseText o PETSCII .
El diseño de todos los iconos de ordenador está limitado por las limitaciones de la pantalla del dispositivo. Tienen un tamaño limitado, con un tamaño estándar de aproximadamente una miniatura tanto para los sistemas informáticos de escritorio como para los dispositivos móviles. Con frecuencia son escalables, ya que se muestran en diferentes posiciones en el software; un solo archivo de icono, como el formato Apple Icon Image, puede incluir varias versiones del mismo icono optimizadas para funcionar en un tamaño diferente, en color o escala de grises, así como en fondos oscuros y brillantes.
Los colores utilizados, tanto para la imagen como para el fondo del icono, deben resaltar sobre diferentes fondos del sistema y entre sí. Los detalles de la imagen del icono deben ser simples y seguir siendo reconocibles en distintas resoluciones gráficas y tamaños de pantalla. Los iconos de ordenador son, por definición, independientes del lenguaje, pero a menudo no de la cultura; no dependen de letras o palabras para transmitir su significado. Estos parámetros visuales imponen límites rígidos al diseño de iconos, y con frecuencia requieren las habilidades de un artista gráfico para su desarrollo.
Debido a su tamaño compacto y versatilidad, los íconos de computadora se han convertido en un pilar de la interacción del usuario con los medios electrónicos. Los íconos también brindan un acceso rápido a la funcionalidad del sistema. En la mayoría de los sistemas, los usuarios pueden crear y eliminar, replicar, seleccionar , hacer clic o doble clic en íconos de computadora estándar y arrastrarlos a nuevas posiciones en la pantalla para crear un entorno de usuario personalizado. [2]
Una serie de iconos informáticos recurrentes se han tomado del campo más amplio de símbolos estandarizados que se utilizan en una amplia gama de equipos eléctricos. Algunos ejemplos de estos son el símbolo de encendido y el icono USB, que se encuentran en una amplia variedad de dispositivos electrónicos. La estandarización de los iconos electrónicos es una característica de seguridad importante en todos los tipos de dispositivos electrónicos, que permite al usuario navegar más fácilmente en un sistema desconocido. Como subconjunto de dispositivos electrónicos, los sistemas informáticos y los dispositivos móviles utilizan muchos de los mismos iconos; están incorporados en el diseño tanto del hardware como del software de la computadora. En el hardware, estos iconos identifican la funcionalidad de botones y enchufes específicos. [3] En el software, proporcionan un enlace a las configuraciones personalizables. [4]
Los iconos de advertencia del sistema también pertenecen al área más amplia de las señales de advertencia de la norma ISO. Estos iconos de advertencia, diseñados inicialmente para regular el tráfico de automóviles a principios del siglo XX, se han estandarizado y son ampliamente comprendidos por los usuarios sin necesidad de explicaciones verbales adicionales. Al diseñar sistemas operativos de software, diferentes empresas han incorporado y definido estos símbolos estándar como parte de su interfaz gráfica de usuario. Por ejemplo, Microsoft MSDN [5] define el uso estándar de iconos de error, advertencia, información y signo de interrogación como parte de sus directrices de desarrollo de software. [6]
Diferentes organizaciones participan activamente en la normalización de estos iconos, así como en la elaboración de directrices para su creación y uso. La Comisión Electrotécnica Internacional (IEC) ha definido los "Símbolos gráficos para su uso en equipos", publicados como IEC 417, un documento que muestra los iconos estandarizados por la IEC. Otra organización que se dedica a la promoción del uso eficaz de los iconos es la ICT (tecnologías de la información y las comunicaciones), que ha publicado directrices para la creación y el uso de iconos. [2] Muchos de estos iconos están disponibles en Internet, ya sea para su compra o como software gratuito para incorporar en un nuevo software.
Un icono es un significante que apunta al significado . Los iconos de fácil comprensión hacen uso de metáforas visuales familiares directamente relacionadas con el significado : acciones que inicia el icono o el contenido que se revelará. Las metáforas , la metonimia y la sinécdoque se utilizan para codificar el significado en un sistema de iconos.
El significado puede tener múltiples naturalezas: objetos virtuales como archivos y aplicaciones , acciones dentro de un sistema o una aplicación (por ejemplo, tomar una fotografía, eliminar, rebobinar, conectar/desconectar, etc.), acciones en el mundo físico (por ejemplo, imprimir, expulsar un DVD, cambiar el volumen o el brillo, etc.) así como objetos físicos (por ejemplo, monitor , disco compacto , ratón , impresora , etc.).
Un subgrupo de los iconos visualmente más ricos se basa en objetos extraídos de un entorno físico de oficina y de escritorio de 1970. Incluye los iconos básicos utilizados para un archivo, una carpeta de archivos, una papelera, una bandeja de entrada, junto con el espacio real de la pantalla, es decir, el escritorio electrónico. Este modelo originalmente permitía a los usuarios, familiarizados con las prácticas y funciones comunes de la oficina, navegar intuitivamente por el escritorio y el sistema de la computadora. (Metáfora del escritorio, pág. 2). Los iconos representan objetos o funciones accesibles en el sistema y permiten al usuario realizar tareas comunes en un espacio de oficina. Estos iconos de computadora de escritorio se desarrollaron a lo largo de varias décadas: los archivos de datos en la década de 1950, el sistema de almacenamiento jerárquico (es decir, la carpeta de archivos y el archivador) en la década de 1960 y, finalmente, la propia metáfora del escritorio (que incluye la papelera) en la década de 1970. [7]
El Dr. David Canfield Smith asoció el término "icono" con la informática en su histórica tesis doctoral de 1975 "Pygmalion: A Creative Programming Environment". [8] [9] En su trabajo, el Dr. Smith imaginó un escenario en el que las "entidades visuales", llamadas iconos, podrían ejecutar líneas de código de programación y guardar la operación para volver a ejecutarla más tarde. [10] El Dr. Smith sirvió más tarde como uno de los principales diseñadores de Xerox Star , que se convirtió en el primer sistema informático personal disponible comercialmente basado en la metáfora del escritorio cuando se lanzó en 1981. "Los iconos en [el escritorio] son encarnaciones concretas visibles de los objetos físicos correspondientes". [11] El escritorio y los iconos que se muestran en este primer modelo de escritorio son fácilmente reconocibles por los usuarios varias décadas después, y muestran los componentes principales de la GUI de la metáfora del escritorio.
Este modelo de la metáfora del escritorio ha sido adoptado por la mayoría de los sistemas informáticos personales en las últimas décadas del siglo XX; sigue siendo popular como una "navegación sencilla e intuitiva por un solo usuario en un solo sistema". [7] Es sólo a principios del siglo XXI que la informática personal está desarrollando una nueva metáfora basada en la conectividad a Internet y en equipos de usuarios, la computación en la nube . En este nuevo modelo, los datos y las herramientas ya no se almacenan en el sistema único, sino que se almacenan en otro lugar, "en la nube". La metáfora de la nube está reemplazando al modelo de escritorio; queda por ver cuántos de los iconos comunes del escritorio (archivo, carpeta de archivos, papelera, bandeja de entrada, archivador) encuentran un lugar en esta nueva metáfora.
Otro tipo de icono de ordenador está más relacionado con la identidad de marca de los programas de software disponibles en el sistema informático. Estos iconos de marca se incluyen en el producto y se instalan en un sistema con el software. Funcionan de la misma manera que los iconos de hipervínculo descritos anteriormente, representando la funcionalidad accesible en el sistema y proporcionando enlaces a un programa de software o a un archivo de datos. Además de esto, actúan como un identificador de la empresa y un anunciante del software o de la empresa. [12]
Debido a que estos logotipos de empresas y programas representan a la empresa y al producto en sí, se presta mucha atención a su diseño, realizado con frecuencia por artistas comerciales. Para regular el uso de estos íconos de marca, se registran como marca y se consideran parte de la propiedad intelectual de la empresa.
En sistemas cerrados como iOS y Android , el uso de íconos está regulado o guiado hasta cierto punto [13] para crear una sensación de consistencia en la interfaz de usuario .
En algunos sistemas GUI (por ejemplo, Windows), en un icono que representa un objeto (por ejemplo, un archivo), un subsistema adicional puede agregar un icono secundario más pequeño, superpuesto al icono principal y ubicado generalmente en una de sus esquinas, para indicar el estado del objeto que se representa con el icono principal. Por ejemplo, el subsistema para bloquear archivos puede agregar un icono superpuesto de "candado" en un icono que representa un archivo para indicar que el archivo está bloqueado.
Para mostrar la cantidad de iconos que representan la creciente complejidad que ofrece un dispositivo, los diferentes sistemas han ideado diferentes soluciones para la gestión del espacio de la pantalla. El monitor de la computadora continúa mostrando los iconos primarios en la página principal o el escritorio, lo que permite un acceso fácil y rápido a las funciones más utilizadas por un usuario. Este espacio de pantalla también invita a la personalización casi inmediata del usuario, ya que el usuario agrega iconos favoritos a la pantalla y agrupa los iconos relacionados en la pantalla. Los iconos secundarios de los programas del sistema también se muestran en la barra de tareas o en el dock del sistema . Estos iconos secundarios no proporcionan un enlace como los iconos primarios, en cambio, se utilizan para mostrar la disponibilidad de una herramienta o archivo en el sistema. [7] [14]
Las técnicas de gestión espacial desempeñan un papel más importante en los dispositivos móviles, que tienen una superficie de pantalla mucho más pequeña. En respuesta a ello, los dispositivos móviles han introducido, entre otros dispositivos visuales, pantallas desplazables y pestañas seleccionables que muestran grupos de iconos relacionados. Incluso con estos sistemas de visualización en evolución, los propios iconos se mantienen relativamente constantes tanto en apariencia como en función.
Por encima de todo, el icono en sí debe permanecer claramente identificable en la pantalla, independientemente de su posición y tamaño. Los programas pueden mostrar su icono no sólo como un hipervínculo en el escritorio, sino también en la barra de título del programa, en el menú Inicio, en la bandeja de Microsoft o en el dock de Apple. En cada una de estas ubicaciones, el objetivo principal es identificar y publicitar el programa y la funcionalidad disponible. Esta necesidad de reconocimiento, a su vez, establece restricciones de diseño específicas para los iconos de ordenador eficaces.
Para mantener la coherencia en el aspecto de un dispositivo, los fabricantes de sistemas operativos ofrecen directrices detalladas para el desarrollo y uso de iconos en sus sistemas. [15] [16] [17] Esto es válido tanto para los iconos de sistema estándar como para los iconos de aplicaciones de terceros que se incluirán en el sistema. Los iconos de sistema que se utilizan actualmente han pasado normalmente por pruebas de aceptación y comprensión internacionales generalizadas. Los factores de diseño de los iconos también han sido objeto de amplios estudios de usabilidad. El diseño en sí mismo implica un alto nivel de habilidad para combinar un diseño gráfico atractivo con las características de usabilidad requeridas. [2] [18]
El icono debe ser claro y fácilmente reconocible, y poder visualizarse en monitores de distintos tamaños y resoluciones. Su forma debe ser simple, con líneas limpias, sin demasiados detalles en el diseño. Junto con los demás detalles de diseño, la forma también debe hacerlo único en la pantalla y claramente diferenciable de otros iconos.
El icono debe ser lo suficientemente colorido como para que se pueda distinguir fácilmente en la pantalla y contrastar bien con cualquier fondo. Con la creciente capacidad de personalizar el escritorio, es importante que el icono se muestre en un color estándar que no se pueda modificar, manteniendo su apariencia característica para que el usuario lo reconozca de inmediato. A través del color también debe proporcionar algún indicador visual sobre el estado del icono: activado, disponible o actualmente no accesible ("atenuado").
El icono estándar es generalmente del tamaño del pulgar de un adulto, lo que permite un fácil reconocimiento visual y su uso en un dispositivo de pantalla táctil . En el caso de los dispositivos individuales, el tamaño de la pantalla se correlaciona directamente con el tamaño del espacio real de la pantalla y la resolución de la misma. Debido a que se utilizan en múltiples ubicaciones en la pantalla, el diseño debe seguir siendo reconocible en el tamaño más pequeño, para su uso en un árbol de directorios o una barra de título, mientras que conserva una forma atractiva en los tamaños más grandes. Además de la escala, puede ser necesario eliminar detalles visuales o simplificar el tema entre tamaños discretos. Los iconos más grandes también sirven como parte de las funciones de accesibilidad para personas con discapacidad visual en muchos sistemas informáticos. El ancho y la altura del icono son los mismos ( relación de aspecto 1:1 ) en casi todas las áreas de uso tradicional.
Los iconos también pueden aumentarse con movimiento iconográfico (manipulaciones geométricas aplicadas a un elemento gráfico a lo largo del tiempo, por ejemplo, una escala, rotación u otra deformación). Un ejemplo es cuando los iconos de las aplicaciones "se tambalean" en iOS para transmitir al usuario que pueden reposicionarse al ser arrastrados. Esto es diferente de un icono con gráficos animados, como un Throbber . A diferencia de los iconos estáticos y los iconos con gráficos animados, los comportamientos cinéticos no alteran el contenido visual de un elemento (mientras que los desvanecimientos, desenfoques, tintes y la adición de nuevos gráficos, como insignias, alteran exclusivamente los píxeles de un icono). Dicho de otra manera, los píxeles de un icono se pueden mover, rotar, estirar, etc., pero no se pueden alterar ni agregar más. Las investigaciones han demostrado que el movimiento iconográfico puede actuar como una señal visual poderosa y confiable, una propiedad fundamental para que los iconos la incorporen. [19]
En su función principal como imagen simbólica, el diseño del icono debería estar idealmente separado de cualquier idioma en particular. En el caso de los productos que apuntan al mercado internacional, la consideración principal del diseño es que el icono no sea verbal; localizar el texto en los iconos es costoso y requiere mucho tiempo.
Además del texto, hay otros elementos de diseño cuya interpretación puede depender del contexto cultural, como el color, los números, los símbolos, las partes del cuerpo y los gestos de las manos. Cada uno de estos elementos debe evaluarse en función de su significado y relevancia en todos los mercados a los que se dirige el producto. [20]
Otros dispositivos gráficos utilizados en la interfaz de usuario de la computadora cumplen funciones de GUI en el sistema similares a los íconos de computadora descritos anteriormente. Sin embargo, cada uno de estos dispositivos gráficos relacionados difiere de una manera u otra del ícono estándar de la computadora.
Las ventanas gráficas de la pantalla de la computadora comparten algunas de las características visuales y funcionales del icono de la computadora. Las ventanas se pueden minimizar a un formato de icono para que sirva como hipervínculo a la ventana misma. Se pueden abrir varias ventanas e incluso superponerse en la pantalla. Sin embargo, cuando el icono proporciona un solo botón para iniciar alguna función, la función principal de la ventana es un espacio de trabajo, que se puede minimizar a un hipervínculo de icono cuando no se utiliza. [21]
Con el tiempo, han ido apareciendo gradualmente ciertos widgets de interfaz gráfica de usuario que resultan útiles en muchos contextos. Se trata de controles gráficos que se utilizan en todos los sistemas informáticos y que el usuario puede manipular de forma intuitiva incluso en un contexto nuevo, ya que los reconoce por haberlos visto en un contexto más familiar. Algunos ejemplos de estos widgets de control son las barras de desplazamiento, los controles deslizantes, los cuadros de lista y los botones que se utilizan en muchos programas. Con estos widgets, el usuario puede definir y manipular los datos y la pantalla del programa de software con el que está trabajando. El primer conjunto de widgets informáticos se desarrolló originalmente para Xerox Alto. Ahora se incluyen habitualmente en kits de herramientas de widgets y se distribuyen como parte de un paquete de desarrollo. Estos widgets de control son pictogramas estandarizados que se utilizan en la interfaz gráfica y ofrecen un conjunto ampliado de funcionalidades de usuario más allá de la función de hipervínculo de los iconos de ordenador. [22]
Otro icono de GUI es el de la cara sonriente , un pictograma incrustado en un mensaje de texto . La cara sonriente, y por extensión otros emoticones , se utilizan en textos informáticos para transmitir información en una abreviatura binaria no verbal, que con frecuencia involucra el contexto emocional del mensaje. Estos iconos se desarrollaron por primera vez para computadoras en la década de 1980 como respuesta al ancho de banda de almacenamiento y transmisión limitado utilizado en la mensajería electrónica. Desde entonces, se han vuelto abundantes y más sofisticados en sus representaciones de teclado de diversas emociones. Han evolucionado a partir de combinaciones de caracteres del teclado hasta convertirse en iconos reales. Se utilizan ampliamente en todas las formas de comunicaciones electrónicas, siempre con el objetivo de agregar contexto al contenido verbal del mensaje. Al agregar una superposición emocional al texto, también han permitido que los mensajes electrónicos sustituyan y suplanten con frecuencia la mensajería de voz a voz.
Estos emoticones son muy diferentes de los hipervínculos de íconos descritos anteriormente. No sirven como enlaces y no son parte de ninguna función del sistema o software de computadora. En cambio, son parte del lenguaje de comunicación de los usuarios en todos los sistemas. En el caso de estos íconos de computadora, la personalización y las modificaciones no solo son posibles, sino que de hecho se esperan del usuario. [23]
Un hipervínculo de texto cumple una función muy similar a la de un icono funcional de ordenador: proporciona un enlace directo a alguna función o dato disponible en el sistema. Aunque se pueden personalizar, estos hipervínculos de texto suelen compartir un formato reconocible estandarizado: texto azul subrayado. Los hipervínculos se diferencian de los iconos funcionales de ordenador en que normalmente están incrustados en el texto, mientras que los iconos se muestran de forma independiente en la pantalla. También se muestran en el texto, ya sea como el propio enlace o como un nombre descriptivo, mientras que los iconos se definen como elementos fundamentalmente no textuales.
Debido a los requisitos de diseño, la creación de iconos puede ser un proceso costoso y que requiere mucho tiempo. En Internet se puede encontrar una gran cantidad de herramientas de creación de iconos, que van desde herramientas de nivel profesional hasta utilidades incluidas en programas de desarrollo de software y software gratuito independiente. [24] Dada esta amplia disponibilidad de herramientas y conjuntos de iconos, puede surgir un problema con iconos personalizados que no coincidan en estilo con los demás iconos incluidos en el sistema.
Los íconos experimentaron un cambio en la apariencia desde el pixel art de 8 bits utilizado antes del año 2000 a una apariencia más fotorrealista que incluye efectos como suavizado, nitidez, mejora de bordes, una apariencia brillante o similar al vidrio o sombras proyectadas que se representan con un canal alfa .
Los editores de iconos que se utilizaban en estas primeras plataformas normalmente contenían un editor de imágenes rasterizado rudimentario capaz de modificar imágenes de un icono píxel por píxel, utilizando herramientas de dibujo sencillas o aplicando filtros de imagen simples. Los diseñadores de iconos profesionales rara vez modifican los iconos dentro de un editor de iconos y, en su lugar, utilizan una aplicación de dibujo o modelado 3D más avanzada.
La función principal que realiza un editor de iconos es la generación de iconos a partir de imágenes. Un editor de iconos remuestrea una imagen de origen a la resolución y profundidad de color requeridas para un icono. Otras funciones que realizan los editores de iconos son la extracción de iconos de archivos ejecutables (exe, dll), la creación de bibliotecas de iconos o el almacenamiento de imágenes individuales de un icono.
Todos los editores de iconos pueden crear iconos para archivos del sistema (carpetas, archivos de texto, etc.) y para páginas web. Estos tienen una extensión de archivo . ICO para Windows y páginas web o . ICNS para Macintosh. Si el editor también puede crear un cursor, la imagen se puede guardar con una extensión de archivo . CUR o . ANI tanto para Windows como para Macintosh. Para utilizar un nuevo icono, basta con mover la imagen a la carpeta de archivos correcta y utilizar las herramientas del sistema para seleccionar el icono. En Windows XP, puede ir a Mi PC, abrir Herramientas en la ventana del explorador, elegir Opciones de carpeta, luego Tipos de archivo, seleccionar un tipo de archivo, hacer clic en Avanzado y seleccionar un icono para asociarlo con ese tipo de archivo.
Los desarrolladores también utilizan editores de iconos para crear iconos para archivos de programas específicos. La asignación de un icono a un programa recién creado se realiza normalmente dentro del entorno de desarrollo integrado utilizado para desarrollar ese programa. Sin embargo, si uno está creando una aplicación en la API de Windows, puede simplemente agregar una línea al script de recursos del programa antes de la compilación. Muchos editores de iconos pueden copiar un icono único de un archivo de programa para editarlo. Sólo unos pocos pueden asignar un icono a un archivo de programa, una tarea mucho más difícil.
También hay editores de iconos simples y convertidores de imágenes a iconos disponibles en línea como aplicaciones web .
Esta es una lista de software de iconos de computadora notables.
La siguiente es una lista de aplicaciones de gráficos rasterizados capaces de crear y editar iconos:
Medios relacionados con Iconos de software en Wikimedia Commons