\n Si alguna vez ha usado una PC, es posible que conozca el s\u00edmbolo animado de Windows que aparece cuando se inicia el sistema. Fue necesaria una evoluci\u00f3n en el dise\u00f1o y la animaci\u00f3n para convertirse en lo que vemos hoy, pero en Windows 1995 la imagen no se mov\u00eda en absoluto. Algunos de ustedes podr\u00edan estar pensando, \u00bfpor qu\u00e9 usar estos indicadores animados?\n<\/p>\n
\n Pero considere esto, \u00bfpreferir\u00eda esperar y ver una pantalla en blanco para ver su acci\u00f3n completada? \u00bfO permanecer entretenido con algo significativo hasta que la pantalla vuelva a aparecer?\n<\/p>\n
\n Entre las caracter\u00edsticas m\u00e1s cardinales del dise\u00f1o de la interfaz de usuario se encuentra la capacidad de mostrar su progreso como estado del sistema. El usuario necesita saber si el sistema es consciente de su acci\u00f3n y est\u00e1 respondiendo en consecuencia. Los indicadores de progreso animados pueden mostrar el contexto actual de la operaci\u00f3n en casi cualquier momento sin utilizar funciones extensas de texto o video. Esto los hace ideales para proporcionar el estado del sistema mientras el progreso se completa en segundo plano.\n<\/p>\n
\n \u00bfQui\u00e9n no ama la respuesta r\u00e1pida de una aplicaci\u00f3n o sitio web? Si bien significa mucho para el usuario, no es posible ejecutarlo con una consistencia inquebrantable. Ciertos factores siempre se agregan a la ecuaci\u00f3n que pueden dificultar la velocidad de su aplicaci\u00f3n. Estos factores incluyen principalmente una mala conexi\u00f3n a Internet, un rendimiento lento debido a una gran carga e incluso fallas en el programa. En tales circunstancias, el mejor movimiento ser\u00eda minimizar la tensi\u00f3n del usuario e introducir la tranquilidad de que la aplicaci\u00f3n est\u00e1 funcionando y se est\u00e1 progresando. Para hacer eso, debe proporcionar comentarios al usuario para que el tiempo no afecte su paciencia.\n<\/p>\n
\n El tiempo de espera comienza casi inmediatamente cuando el usuario realiza una acci\u00f3n. Pero lo que lo empeora es la ausencia de un indicador adecuado para representar el progreso del sistema. El usuario, naturalmente, asume que la aplicaci\u00f3n no ha respondido cuando no muestra una notificaci\u00f3n de que el sistema est\u00e1 tardando. Los resultados pueden abarcar desde clics desenfrenados hasta incluso el abandono del usuario, solo porque la aplicaci\u00f3n no proporcion\u00f3 comentarios a tiempo.\n<\/p>\n
\n Las acciones que est\u00e1n conectadas para reiniciar el progreso o actualizar el sistema, a menudo se realizan cuando la carga tarda m\u00e1s de lo previsto. Una vez m\u00e1s, la ausencia de retroalimentaci\u00f3n no puede exhibir la respuesta de la solicitud aunque se realice en segundo plano. Es por eso que se debe introducir un indicador animado para promover el progreso del sistema de la aplicaci\u00f3n en cualquier momento que lo necesite.\n<\/p>\n
\n Normalmente, cuando una aplicaci\u00f3n tarda menos de 1 segundo en cargarse, el progreso parece casi sin obst\u00e1culos y el usuario no pierde la concentraci\u00f3n. Sin embargo, si el tiempo de carga supera 1 segundo, se deben tomar medidas para mantener al usuario interesado. La breve demora se vuelve notoria y el usuario comienza a dudar sobre la efectividad de la tarea que se est\u00e1 realizando en la aplicaci\u00f3n.\n<\/p>\n
\n Es por eso que la aplicaci\u00f3n debe responder a trav\u00e9s de un indicador de progreso para ofrecer una raz\u00f3n cre\u00edble de la espera y reducir la incertidumbre del usuario antes de que se salga de control. Debe tenerse en cuenta que la acci\u00f3n que tarda menos de un segundo en cargarse no requiere necesariamente un indicador de animaci\u00f3n, pero la imagen puede hacerlo. Esto se recomienda porque una animaci\u00f3n que sigue parpadeando en la pantalla cada vez que se realiza una acci\u00f3n puede desorientar al usuario. Los indicadores de progreso animados se utilizan mejor para neutralizar los efectos de la espera prolongada y mantener al usuario interesado en la aplicaci\u00f3n o el sitio web.\n<\/p>\n
\n Indicador<\/strong> de porcentaje de finalizaci\u00f3n: como sugiere el nombre, el indicador de porcentaje de finalizaci\u00f3n muestra el progreso de la carga llenando el espacio, el c\u00edrculo o la barra de la animaci\u00f3n entre un 0 % y un 100 %. Dado que muestra el tiempo que lleva completar el progreso, el indicador de porcentaje hecho se clasifica en indicadores de espera determinados. Para esta cualidad en particular, es mejor usar el indicador de porcentaje hecho para tareas que requieren m\u00e1s de 10 segundos para completarse.\n <\/p>\n \n Seg\u00fan una investigaci\u00f3n, 10 segundos es el umbral de paciencia promedio del usuario. M\u00e1s all\u00e1 de eso, el usuario se vuelve imprudente y se impacienta hasta que se proporciona m\u00e1s informaci\u00f3n. Al mostrar el indicador de progreso de porcentaje completado para los procesos que tardan m\u00e1s de 10 segundos en cargarse, puede mantener al usuario enganchado al sitio web o la aplicaci\u00f3n sin comprometer su paciencia.\n <\/p>\n<\/li>\n<\/ul>\n \n El uso efectivo de indicadores de progreso en sus aplicaciones y sitios web puede significar la diferencia entre el \u00e9xito y el fracaso. Aqu\u00ed hay algunos consejos para asegurarse de que sus indicadores de progreso funcionen a la altura.\n<\/p>\n \n Aunque los indicadores de animaci\u00f3n de progreso pueden sacudir casi todos los malos sentimientos que surgen de la espera, algunas audiencias son bastante resistentes a estas t\u00e1cticas. Entre algunas buenas alternativas para hacer esperar a los usuarios sin usar indicadores de progreso se encuentra un m\u00e9todo llamado pantalla esqueleto. Tambi\u00e9n conocidas como contenedores de informaci\u00f3n temporal, estas t\u00e9cnicas implican mostrar el progreso en tiempo real al usuario en lugar de abrir una barra de carga. Imagine una pantalla en blanco que se llena gradualmente con sus componentes y elementos hasta que se llena por completo. Esto crea la ilusi\u00f3n de que la aplicaci\u00f3n est\u00e1 actuando con el tiempo de carga y su espera est\u00e1 siendo recompensada con el progreso que se muestra.\n<\/p>\n \n No solo mantiene a la audiencia comprometida con el sitio web o la aplicaci\u00f3n, sino que tambi\u00e9n los mantiene listos para completar su pr\u00f3xima tarea. Si bien los indicadores de progreso tambi\u00e9n son excelentes medios para satisfacer a los usuarios, no logran mantener la energ\u00eda dentro de los usuarios que la pantalla esquel\u00e9tica mantiene durante su progreso de carga.\n<\/p>\n \n No importa cu\u00e1n r\u00e1pidas sean las operaciones de nuestra aplicaci\u00f3n o sitio web, siempre existe la posibilidad de un tiempo de procesamiento no solicitado. El uso de indicadores de progreso de espera animados, como los indicadores de porcentaje terminado y los indicadores de carga, ayudan a tranquilizar a los usuarios sobre los procesos en curso y el estado actual del sistema. Como resultado, aumenta la probabilidad de que permanezcan en el sitio web o la aplicaci\u00f3n para esperar la carga y continuar con las tareas restantes. Al calcular el tiempo requerido para que se completen los procesos, debe asignar el tipo apropiado de indicadores de animaci\u00f3n de progreso.\n<\/p>\n \n Un indicador en bucle es ideal para operaciones que toman de 2 a 10 segundos, mientras que las operaciones que consumen m\u00e1s tiempo pueden ser asistidas con un indicador de porcentaje realizado. En el caso de la animaci\u00f3n en bucle y las pantallas de esqueleto, es mejor optar por las pantallas de esqueleto, ya que son capaces de realizar cualquier acci\u00f3n que vaya m\u00e1s all\u00e1 de unos pocos milisegundos, y a\u00fan as\u00ed mantener la calma con los usuarios.\n<\/p>\n<\/p>\n\n \u00bfC\u00f3mo usar los indicadores de progreso de manera efectiva?
\n<\/h5>\n\n
\n Alternativa: use pantallas de esqueletos contra los indicadores de progreso de animaci\u00f3n
\n<\/h5>\n\n Pensamientos finales
\n<\/h4>\n