Como usar a tendência de rolagem infinita, o caminho certo
A rolagem infinita tornou-se um padrão de design comum nos últimos anos.
Com muitas redes sociais de alto perfil adotando a solução, ela se tornou um dos padrões mais amplamente adotados por aí. Embora seja popular, todos os padrões de design sempre têm seus pontos fortes e fracos exclusivos que precisamos planejar.
Feito mal, e a rolagem infinita destruirá seu UX e garantirá uma falha total à medida que os usuários o abandonarem em massa. Faça tudo certo e você terá um site intuitivo, popular e bem-sucedido.
Entendendo por que a rolagem infinita impulsiona o engajamento
Ao implementar um padrão de design, é sempre crítico avaliar os prós e contras de cada cenário único. O que resultou em mais engajamento do usuário para outra pessoa pode, na verdade, resultar em menos engajamento do usuário de seus próprios usuários.
Para rolagem infinita em particular, é tudo sobre o tipo de conteúdo com o qual os usuários estão interagindo.
A capacidade de determinar que tipo de metas de conteúdo você tem para seus usuários será capaz de fornecer a você insights sobre quais padrões de design funcionarão melhor em sua situação. Isso se aplica a qualquer padrão, mas especialmente à rolagem infinita.
Alto conteúdo de engajamento
O conteúdo que procura agarrar e manter o interesse do usuário por um período prolongado de tempo, ou que busca ser interativo, simplesmente não é um candidato ideal para a rolagem infinita típica. Se o seu objetivo é fazer com que seus usuários leiam, gostem e compartilhem cada postagem individual, dar a eles dezenas de trabalhos por vez pode parecer complicado.
Dito isto, Médio encontrou uma maneira de implementá-lo com sucesso com conteúdo que normalmente não beneficiaria de rolagem infinita.
Em vez de apresentar ao usuário os próximos dez ou vinte posts, o Medium fornece uma única recomendação no final de cada artigo. Isso se mantém fiel à alta função de engajamento, mas oferece o benefício de navegabilidade que a rolagem infinita traz. Assim, embora o alto engajamento possa ser seu objetivo, não deixe que isso impeça você de criar uma solução criativa própria.
Baixo conteúdo de engajamento
Rolagem infinita está no seu melhor com conteúdo que requer baixo engajamento. Sites como Twitter e Facebook são exemplos espetaculares disso. O usuário típico desses sites simplesmente rola a lista, consumindo conteúdo, mas raramente interagindo ativamente com ele. Embora esse tipo de situação não tenha uma pontuação alta no engajamento do usuário, eles acabam mantendo os usuários interessados por períodos mais longos.
Variáveis incontroláveis no tipo de conteúdo
Embora às vezes seja óbvio que tipo de conteúdo seu site pode ter, e quanto àqueles que não são tão em preto e branco? Tumblr é um bom exemplo disso, com conteúdo que pode ter metas de envolvimento do usuário altas ou baixas, dependendo do tipo de blog que o usuário segue. Embora essas situações sejam raras, elas representam um problema, pois a rolagem infinita seria benéfica apenas para metade dos usuários. Curiosamente, a solução neste caso é minimizar as opções de interação do usuário com cada postagem individual. Isso permite que os usuários com alto engajamento se concentrem em postagens individuais e que os usuários de baixo engajamento consumam muito mais conteúdo sem precisar interagir tanto.
Também vale a pena notar que o Tumblr faz um trabalho fantástico de permitir que os usuários decidam o valor do conteúdo individualmente. Dar aos usuários a opção de habilitar ou desabilitar a rolagem infinita em suas preferências fornece mais controle sobre como eles consomem o conteúdo.
Soluções de rolagem híbrida
Muitos lugares optam por implementar uma abordagem híbrida para rolagem infinita, solicitando que o usuário carregue mais conteúdo quando chegar ao final de uma página. Ao fazer isso, eles devolvem o controle ao usuário para decidir quanto conteúdo carregar, o que é crítico para dispositivos móveis. Essa solução também ajuda a manter uma carga de dados consistente no servidor. Depois de carregar automaticamente um número predefinido de páginas, um botão aparecerá solicitando que o usuário carregue mais manualmente.
Quando a rolagem Infinita vai mal
Existem inúmeros exemplos de sites usando rolagem infinita, e mais do que alguns o fazem para prejudicar os usuários. Dan Nguyen escreveu um artigo interessante quando Etsy tentou implementar o recurso. O que acabou acontecendo é que o Etsy prosseguiu com a implementação antes de testar suas suposições. Carregar mais resultados de pesquisa, a um ritmo mais rápido, parece ser uma coisa boa a princípio ... Mas quando o conteúdo exige um alto engajamento do usuário - como é o caso das compras - as coisas podem rapidamente se tornar azedas.
Nesse caso específico, os usuários estão procurando ativamente por algo de interesse. Tentando encontrar o produto perfeito fora de um mar de escolhas. Assim, quando o usuário é inundado com uma quantidade aparentemente infinita de opções, eles desistem e buscam outros caminhos para encontrar o que estão procurando.
Práticas recomendadas para rolagem infinita
Como acontece com qualquer padrão de design, há boas práticas que geralmente são boas para seguir. Estas não são as leis de usar o padrão; ao contrário, eles são o que a maioria das implementações bem-sucedidas faz.
- Tenha um bom retorno: garanta que os usuários sem JavaScript não sejam deixados de fora. Projete primeiro a paginação antiquada e use JavaScript para ocultá-la e implementar a rolagem infinita.
- Dê uma indicação visual do carregamento de mais conteúdo: fornecer aos usuários uma animação de carregamento informa-os sobre o que está acontecendo. Sem isso, a página parece ter chegado a um beco sem saída em conexões lentas.
- Manter a funcionalidade do botão Voltar: Embora muitas implementações esqueçam esse detalhe importante, mantenha a funcionalidade básica do navegador. Se um usuário sair do seu site e voltar, ele normalmente não espera recarregá-lo na parte superior da página.
- Manter a navegação visível: embora os usuários desejem principalmente consumir seu conteúdo, também desejam navegar para outras áreas do seu website. Se eles forem forçados a percorrer manualmente centenas de postagens ... Eles podem optar por sair em vez disso.
- Conteúdo preguiçoso à frente do usuário: O objetivo de implementar rolagem infinita é fazer com que pareça um fluxo interminável de conteúdo. Embora seja importante ter alguma forma de indicador de carregamento, os usuários provavelmente verão, ou nunca verão, isso.
- Os links devem abrir em uma nova janela: esta é uma prática altamente debatida; ele força para o usuário, mas com a intenção de ajudá-los. Forçar links para abrir em uma nova janela ou guia evita que os usuários naveguem acidentalmente para longe da lista de carga infinita e percam seu lugar.
- Rodapés podem atrapalhar: Muitas vezes, implementar uma solução de rolagem infinita significa abrir mão da opção de rodapé de um site. Embora seja definitivamente irritante tentar “pegar” um rodapé quando você está automaticamente carregando mais posts, existem outras opções. Por exemplo, usar uma solução de carregamento híbrida permitiria manter um rodapé bem ao alcance dos usuários.
Em conclusão
Enquanto a rolagem infinita pode ser uma característica da moda que dá ao usuário infinitas opções de conteúdo ... Tem que ser usado corretamente.
Embora desejemos expor os usuários a mais conteúdo, não queremos diminuir o valor de cada peça individual nem deixá-los se sentir sobrecarregados com informações. Afinal, os usuários estão lá para o conteúdo em si, não o recurso de rolagem fantasia.
Como você pode ver, a rolagem Infinita em si não é inerentemente boa ou ruim. Mas, em vez disso, seu uso pode resultar em melhor ou pior engajamento do usuário, dependendo do tipo de conteúdo que está sendo apresentado. Com isso em mente, podemos tentar prever onde a implementação será benéfica.
Imagem em destaque / miniatura, imagem de escada rolante via Shutterstock.