Barra de progreso

Una barra de progreso o barra de carga es un componente de la interfaz gráfica de usuario que se utiliza para indicar el progreso de una tarea que está realizando el ordenador, como una descarga, una transferencia de archivos o una instalación.[1] Al principio, la barra está completamente vacía, y después se va llenando de color de izquierda a derecha a medida que avanza la tarea, hasta llenarse por completo cuando ésta finaliza. En ocasiones, el gráfico va acompañado de una representación textual del progreso en formato de porcentaje.

Una barra de progreso en Ubuntu.
Una barra de progreso con un indicador de porcentaje del 50%

También aparecen en los videojuegos durante las fases de carga antes de poder empezar a jugar, en cuyo caso se conocen como barras de carga. Los desarrolladores suelen poner especial empeño en que sean originales. En los videojuegos, en cambio, es habitual que no aparezca ningún porcentaje.

Historia

El concepto de barra de progreso es anterior a la informática digital. En 1896, Karol Adamiecki creó un gráfico denominado armonograma, hoy conocido como diagrama de Gantt.[2] Sin embargo, Adamiecki no publicó su gráfico hasta 1931, y sólo en polaco.[3] En la actualidad, el gráfico lleva el nombre de Henry Gantt (1861-1919), que lo diseñó entre 1910 y 1915 y lo popularizó en Occidente.[4]

La primera barra gráfica de progreso adaptada al campo de la informática apareció en la tesis doctoral de Mitchell Model de 1979 titulada Monitoring System Behavior in a Complex Computational Environment ("Supervisión del comportamiento del sistema en un entorno informático complejo").[5] En 1985, Brad Myers presentó una ponencia sobre los "indicadores de progreso del porcentaje realizado" en una conferencia dedicada a las interacciones persona-ordenador.[6]

Percepción

La investigación de Myers consistía en pedir a varias personas que realizaran búsquedas en bases de datos, en algunos casos acompañadas de una barra de progreso y en otros no. Los que esperaron mientras veían una barra de progreso describieron una experiencia global más positiva. Myers llegó a la conclusión de que el uso de la barra de progreso reducía la ansiedad y era más eficaz.[7]

Por lo general, las barras de progreso aplican una función lineal, de tal forma que el avance de la barra es directamente proporcional a la extensión de la tarea que se ha completado. Sin embargo, factores como la variabilidad de la capacidad del disco, la memoria, el procesador y el ancho de banda, entre otros, hacen que esta estimación sea más complicada. Por ello, las barras de progreso suelen mostrar comportamientos no lineales, como aceleraciones, desaceleraciones y pausas. Estos comportamientos, unidos a la percepción no lineal del paso del tiempo por parte del ser humano, dan lugar a que el tiempo que tardan en completarse las barras de progreso no siempre se perciba de la misma manera.[8] Esto también implica que las barras de progreso se pueden diseñar para que "parezcan" más rápidas.

En ocasiones, para mostrar el progreso de una operación particularmente larga, como la instalación de un programa pesado o la copia de muchos archivos a la vez, algunas aplicaciones optan por mostrar dos barras de progreso al mismo tiempo, una para indicar el progreso de la totalidad de la tarea y otra para el de las distintas subtareas, como la instalación de un único componente o la copia de un archivo concreto.

Por último, también se ha demostrado que el diseño gráfico de las barras de progreso influye en la percepción de la duración por parte del ser humano.[9]

Diseño
Una sencilla barra de progreso animada

Suele representarse como un área rectangular larga y estrecha que se va "rellenando" de izquierda a derecha a medida que se completa la operación. El relleno del área rectangular suele ser una barra rectangular coloreada continua o una serie de pequeños bloques separados entre sí. En ocasiones, la parte gráfica del componente va acompañada de un porcentaje que indica hasta qué punto se ha completado el proceso. En ocasiones, el color del relleno puede cambiar para indicar que el proceso se encuentra en estado de pausa o error.[10]

La norma ISO 9241-161 recomienda que la barra de progreso se diseñe de forma que no se confunda con un control deslizante.[11]

Barra de progreso indeterminada
Una barra de progreso indeterminada que no indica cuánto ha avanzado realmente el proceso
Una barra de progreso indeterminada de estilo "poste de barbero"

Una variante de más reciente creación es la barra de progreso indeterminada, que se utiliza en situaciones en las que se desconoce la extensión de la tarea o en las que el progreso de la misma no puede expresarse en forma de porcentaje, y al mismo tiempo debe quedar claro que el ordenador sigue trabajando activamente y no se ha quedado atascado.[1] Estas barras recurren al movimiento continuo de uno o varios bloques dentro del área rectangular, de modo análogo a un poste de barbero.[12]

También existen indicadores de progreso indeterminados que no tienen forma de barra, como los throbbers o los cursores en modo de espera (por ejemplo, con forma de reloj de arena).

Barra de progreso basada en texto

En los dispositivos que funcionaban con terminales de modo texto de épocas en las que las capacidades gráficas no estaban tan desarrolladas, las barras de progreso se visualizaban como una serie creciente de caracteres, como [XXXXXX...], [######...] o [======...].[13]

Se considera que el precursor basado en texto del throbber es la secuencia recurrente de caracteres |/-\, que se mostraban en la misma posición del cursor. Estas animaciones basadas en texto ya aparecían en las primeras versiones de UNIX y DR-DOS en la década de 1980.

Referencias
  1. «Progress Indicators». Apple Developer Documentation (en inglés). Consultado el 25 de agosto de 2023.
  2. «What does progress bar mean?» (en inglés). Consultado el 18 de febrero de 2021.
  3. «The History of the Humble Progress Bar». Growth Engineering (en inglés británico). 26 de junio de 2014. Consultado el 18 de febrero de 2021.
  4. «What is a Gantt Chart». gantt.com (en inglés). Consultado el 18 de febrero de 2021.
  5. Model, Mitchell L. (1979). Monitoring System Behavior in a Complex Computational Environment (en inglés). Department of Computer Science, Stanford University. Consultado el 18 de febrero de 2021.
  6. Myers, Brad A. (abril de 1985). «The importance of percent-done progress indicators for computer-human interfaces». ACM SIGCHI Bulletin (en inglés) 16 (4). pp. 11-17. doi:10.1145/317456.317459.
  7. Engber, Daniel (7 de marzo de 2014). «Who Made That Progress Bar?». The New York Times (en inglés).
  8. Harrison, C., Amento, B., Kuznetsov, S., Bell, R (2007). «Rethinking the progress bar"». Proceedings of the 20th Annual ACM Symposium on User interface Software and Technology. UIST '07 (en inglés) (Nueva York: ACM): 115-118.
  9. Harrison, C., Yeo, Z., Hudson, S. E. (2010). «Faster Progress Bars: Manipulating Perceived Duration with Visual Augmentations». Proceedings of the 28th Annual SIGCHI Conference on Human Factors in Computing Systems. CHI '10 (en inglés) (Nueva York: ACM): 1545-1548.
  10. «ProgressBar.js - Progress bars with JavaScript». kimmobrunfeldt.github.io (en inglés). Consultado el 18 de febrero de 2021.
  11. «ISO 9241-161, nº. 8.30.5 "Progress indicator"». iso.org (en inglés). Consultado el 25 de agosto de 2023.
  12. «Indeterminate Progress Bars». docs.oracle.com (en inglés). Consultado el 18 de febrero de 2021.
  13. «Terminal Style Text Progress Bar In JavaScript – Ascii Loader». CSS script (en inglés).

Enlaces externos
Este artículo ha sido escrito por Wikipedia. El texto está disponible bajo la licencia Creative Commons - Atribución - CompartirIgual. Pueden aplicarse cláusulas adicionales a los archivos multimedia.