\n Se voc\u00ea j\u00e1 usou um PC, deve estar ciente do s\u00edmbolo animado do Windows que aparece quando o sistema \u00e9 inicializado. Foi necess\u00e1ria uma evolu\u00e7\u00e3o no design e na anima\u00e7\u00e3o para se tornar o que vemos hoje, mas no Windows 1995 a imagem n\u00e3o se movia. Alguns de voc\u00eas podem estar pensando, por que usar esses indicadores animados?\n<\/p>\n
\n Mas considere isso, voc\u00ea prefere esperar e assistir a uma tela em branco para ver sua a\u00e7\u00e3o conclu\u00edda? Ou permanecer entretido com algo significativo at\u00e9 que a tela apare\u00e7a novamente?\n<\/p>\n
\n Entre os recursos mais importantes do design da interface do usu\u00e1rio est\u00e1 a capacidade de mostrar seu progresso como status do sistema. O usu\u00e1rio precisa saber se o sistema est\u00e1 ciente de sua a\u00e7\u00e3o e est\u00e1 respondendo a ela de acordo. Indicadores de progresso animados s\u00e3o capazes de mostrar o contexto atual da opera\u00e7\u00e3o em quase qualquer momento sem o uso de recursos extensos de texto ou v\u00eddeo. Isso os torna ideais para fornecer o status do sistema enquanto o progresso est\u00e1 sendo conclu\u00eddo em segundo plano.\n<\/p>\n
\n Quem n\u00e3o gosta de uma resposta r\u00e1pida de um aplicativo ou site? Embora signifique muito para o usu\u00e1rio, n\u00e3o \u00e9 poss\u00edvel execut\u00e1-lo com consist\u00eancia inabal\u00e1vel. Certos fatores s\u00e3o sempre adicionados \u00e0 equa\u00e7\u00e3o que podem prejudicar a velocidade do seu aplicativo. Esses fatores incluem principalmente conex\u00e3o ruim com a Internet, desempenho lento devido \u00e0 carga pesada e at\u00e9 falha do programa. Nessas circunst\u00e2ncias, a melhor a\u00e7\u00e3o seria minimizar a tens\u00e3o do usu\u00e1rio e garantir que o aplicativo est\u00e1 funcionando e que o progresso est\u00e1 sendo feito. Para fazer isso, voc\u00ea deve fornecer feedback ao usu\u00e1rio para que o tempo n\u00e3o atrapalhe a paci\u00eancia do usu\u00e1rio.\n<\/p>\n
\n O tempo de espera come\u00e7a quase imediatamente quando uma a\u00e7\u00e3o \u00e9 feita pelo usu\u00e1rio. Mas o pior \u00e9 a aus\u00eancia de um indicador adequado para representar o progresso do sistema. O usu\u00e1rio assume naturalmente que o aplicativo n\u00e3o respondeu quando n\u00e3o mostra uma notifica\u00e7\u00e3o de que o sistema est\u00e1 demorando. Os resultados podem ir desde cliques desenfreados at\u00e9 abandono do usu\u00e1rio, apenas porque o aplicativo n\u00e3o forneceu feedback a tempo.\n<\/p>\n
\n As a\u00e7\u00f5es que s\u00e3o conectadas para reiniciar o progresso ou atualizar o sistema geralmente s\u00e3o feitas quando leva mais tempo para carregar do que o previsto. Mais uma vez, a aus\u00eancia de feedback n\u00e3o pode exibir a resposta da solicita\u00e7\u00e3o, mesmo que ela seja feita em segundo plano. \u00c9 por isso que um indicador animado deve ser introduzido para defender o progresso do sistema do aplicativo a qualquer momento.\n<\/p>\n
\n Normalmente, quando um app demora menos de 1 segundo para carregar, o andamento parece quase desimpedido e o usu\u00e1rio n\u00e3o perde o foco. No entanto, se o tempo de carregamento exceder 1 segundo, medidas devem ser tomadas para manter o usu\u00e1rio engajado. O pequeno atraso torna-se percept\u00edvel e o usu\u00e1rio come\u00e7a a divagar sobre a efic\u00e1cia da tarefa que est\u00e1 sendo realizada no aplicativo.\n<\/p>\n
\n \u00c9 por isso que o aplicativo deve responder por meio de um indicador de progresso para oferecer um motivo confi\u00e1vel para a espera e reduzir a incerteza do usu\u00e1rio antes que ela fique fora de controle. Deve-se notar que a a\u00e7\u00e3o que leva menos de um segundo para carregar n\u00e3o requer necessariamente um indicador de anima\u00e7\u00e3o, mas a imagem pode. Isso \u00e9 recomendado porque uma anima\u00e7\u00e3o que fica piscando na tela toda vez que uma a\u00e7\u00e3o \u00e9 realizada pode desorientar o usu\u00e1rio. Os indicadores de progresso animados s\u00e3o melhor usados \u200b\u200bpara neutralizar os efeitos da espera prolongada e manter o usu\u00e1rio envolvido no aplicativo ou site.\n<\/p>\n
\n Indicador de porcentagem conclu\u00edda<\/strong>: como o nome sugere, o indicador de porcentagem conclu\u00edda mostra o progresso do carregamento preenchendo o intervalo, o c\u00edrculo ou a barra da anima\u00e7\u00e3o de 0% a 100%. Como mostra o tempo que leva para concluir o progresso, o indicador de porcentagem conclu\u00edda \u00e9 classificado em determinados indicadores de espera. Para essa qualidade espec\u00edfica, \u00e9 melhor usar o indicador de porcentagem conclu\u00edda para tarefas que exigem mais de 10 segundos para serem conclu\u00eddas.\n <\/p>\n \n De acordo com uma pesquisa, 10 segundos \u00e9 o limite da paci\u00eancia m\u00e9dia do usu\u00e1rio. Al\u00e9m disso, o usu\u00e1rio se torna imprudente e fica impaciente at\u00e9 que mais feedback seja fornecido. Ao mostrar o indicador de progresso percentual conclu\u00eddo para processos que demoram mais de 10 segundos para carregar, voc\u00ea pode manter o usu\u00e1rio conectado ao site ou aplicativo sem comprometer sua paci\u00eancia.\n <\/p>\n<\/li>\n<\/ul>\n \n O uso eficaz de indicadores de progresso em seus aplicativos e sites pode significar a diferen\u00e7a entre o sucesso e o fracasso. Aqui est\u00e3o algumas dicas para garantir que seus indicadores de progresso tenham um desempenho adequado.\n<\/p>\n \n Embora os indicadores de anima\u00e7\u00e3o de progresso possam abalar quase todos os sentimentos ruins que surgem da espera, alguns p\u00fablicos s\u00e3o bastante resistentes a essas t\u00e1ticas. Entre algumas boas alternativas de fazer os usu\u00e1rios esperarem sem usar indicadores de progresso est\u00e1 um m\u00e9todo chamado tela de esqueleto. Tamb\u00e9m conhecidas como cont\u00eaineres de informa\u00e7\u00f5es tempor\u00e1rias, essas t\u00e9cnicas envolvem mostrar o progresso em tempo real para o usu\u00e1rio, em vez de abrir uma barra de carregamento. Imagine uma tela em branco sendo gradualmente preenchida com seus componentes e elementos at\u00e9 que esteja completamente abastecida. Isso cria uma ilus\u00e3o de que o aplicativo est\u00e1 agindo com o tempo de carregamento e sua espera est\u00e1 sendo recompensada com o progresso mostrado.\n<\/p>\n \n Isso n\u00e3o apenas mant\u00e9m o p\u00fablico envolvido com o site ou aplicativo, mas tamb\u00e9m os mant\u00e9m prontos para concluir a pr\u00f3xima tarefa. Embora os indicadores de progresso tamb\u00e9m sejam excelentes meios de satisfazer os usu\u00e1rios, eles n\u00e3o conseguem manter a energia dentro dos usu\u00e1rios que a tela do esqueleto mant\u00e9m durante o progresso do carregamento.\n<\/p>\n \n N\u00e3o importa o qu\u00e3o r\u00e1pidas sejam as opera\u00e7\u00f5es de nosso aplicativo ou site, sempre h\u00e1 uma chance de tempo de processamento n\u00e3o solicitado. O uso de indicadores de progresso de espera animados, como indicadores de porcentagem conclu\u00edda e spinners de carregamento, ajuda a tranquilizar os usu\u00e1rios sobre os processos em andamento e o estado atual do sistema. Com isso, aumenta a probabilidade de eles permanecerem no site ou aplicativo para aguardar o carregamento e continuar com as demais tarefas. Calculando o tempo necess\u00e1rio para a conclus\u00e3o dos processos, voc\u00ea deve atribuir o tipo apropriado de indicadores de anima\u00e7\u00e3o de progresso.\n<\/p>\n \n Um indicador em loop \u00e9 ideal para opera\u00e7\u00f5es que levam de 2 a 10 segundos, enquanto opera\u00e7\u00f5es mais demoradas podem ser auxiliadas com o indicador de porcentagem conclu\u00edda. No caso de anima\u00e7\u00e3o em loop e telas de esqueleto, \u00e9 melhor optar por telas de esqueleto, pois elas s\u00e3o capazes de realizar qualquer a\u00e7\u00e3o que ultrapasse alguns milissegundos e ainda manter a calma com os usu\u00e1rios.\n<\/p>\n<\/p>\n\n Como usar os indicadores de progresso de forma eficaz?
\n<\/h5>\n\n
\n Alternativa – Use telas de esqueletos contra indicadores de progresso de anima\u00e7\u00e3o
\n<\/h5>\n\n Pensamentos finais
\n<\/h4>\n