ROLAGEM INFINITA…
O que muda realmente na experiência do usuário e no front-end?
GUSTAVO DAS NEVES
• @gustavodasneves
• fb.com/gustavo.nevesgn
• gustavoneves.com
• gustavo.masterstudioweb.com.br
• about....
O QUE É?
Rolagem infinita oferece uma
maneira eficiente de navegar
em grandes quantidades de
informações, sem ter que
espera...
QUEM SE BENEFICIA DIRETAMENTE
DA ROLAGEM INFINITA?
Aplicações onde não há conteúdo com diferença de
relevância. Ex.:Twitte...
PAGINAÇÃO X ROLAGEM INFINITA
CONTRAS DA ROLAGEM INFINITA
• TENTAÇÃO
• OTIMISMO
• EXAUSTÃO
• POGOSTICKING
• PERDA DO CONTROLE
• MUDANÇAS PARA OBTER ESTA...
QUANDO USAR ROLAGEM INFINITA?
Onde a paginação é importante e clicar em novas
páginas se torna uma barreira na usabilidade...
QUANDO PENSAR DUASVEZES EM
ROLAGEM INFINITA?
Quando houverem dados específicos ou
características para filtragem e ordenação...
QUANDO PENSAR DUASVEZES EM
ROLAGEM INFINITA?
BIBLIOTECAS ETECNOLOGIAS PARA
IMPLEMENTAR INFINITE SCROLL
JAVASCRIPT, JAVASCRIPT E + JAVASCRIPT
REACT - facebook.github.io...
ALGUMAS RECOMENDAÇÕES
DE IMPLEMENTAÇÃO
O usuário precisa saber quando não há mais
conteúdo disponível.
A navegação padrão ...
4 DICAS PARA FINALIZAR
Produtividade, bem-estar e estilo de vida
MOMENTO JABÁ ABSURDO
TEM DÚVIDAS?
FALE AGORA OU CALE-SE PARA SEMPRE…
ME MANDA UMTWEET OU E-MAIL :)
@gustavodasneves
gustavo.nevesgn@gmail.com
Rolagem infinita... o que muda realmente na experiência do usuário e no front-end?
Próximos SlideShares
Carregando em…5
×

Rolagem infinita... o que muda realmente na experiência do usuário e no front-end?

8.018 visualizações

Publicada em

Palestra apresentada no TDC 2015 Porto Alegre na UniRitter sobre os principais problemas quando um sistema possui implementação de rolagem infinita. Muitas vezes é um erro ou até mesmo excesso de informações para o usuário portanto necessário pensar duas vezes antes de optar por essa técnica de navegação / usabilidade.

Publicada em: Tecnologia
0 comentários
22 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
8.018
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3.658
Ações
Compartilhamentos
0
Downloads
37
Comentários
0
Gostaram
22
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Rolagem infinita... o que muda realmente na experiência do usuário e no front-end?

  1. 1. ROLAGEM INFINITA… O que muda realmente na experiência do usuário e no front-end?
  2. 2. GUSTAVO DAS NEVES • @gustavodasneves • fb.com/gustavo.nevesgn • gustavoneves.com • gustavo.masterstudioweb.com.br • about.me/gustavodasneves
  3. 3. O QUE É? Rolagem infinita oferece uma maneira eficiente de navegar em grandes quantidades de informações, sem ter que esperar pois os itens são carregados sob demanda. Em vez disso, o usuário desfruta de uma experiência ágil em qualquer dispositivo que estiver usando.
  4. 4. QUEM SE BENEFICIA DIRETAMENTE DA ROLAGEM INFINITA? Aplicações onde não há conteúdo com diferença de relevância. Ex.:Twitter Portais de conteúdo que “diminuíram" a taxa de rejeição principalmente das páginas iniciais. Ex.:Terra, G1 e outros
  5. 5. PAGINAÇÃO X ROLAGEM INFINITA
  6. 6. CONTRAS DA ROLAGEM INFINITA • TENTAÇÃO • OTIMISMO • EXAUSTÃO • POGOSTICKING • PERDA DO CONTROLE • MUDANÇAS PARA OBTER ESTATÍSTICAS PADRÃO (ANALYTICS) • ADICIONAR CONTEÚDO DINAMICAMENTE AUMENTA O CONSUMO DE MEMÓRIA DO BROWSER, DEPENDENDO DO BROWSER PODE ELEVAR ATÉ 50MB DE CONSUMO DE MEMÓRIA RAM. • SEO MAIS COMPLEXO • É UM COMPORTAMENTO IRREVERSÍVEL, VOCÊ NÃO PODE VOLTAR AO ESTADO ANTERIOR.
  7. 7. QUANDO USAR ROLAGEM INFINITA? Onde a paginação é importante e clicar em novas páginas se torna uma barreira na usabilidade. O conteúdo completo é muito grande para ser todo carregado inicialmente. O conteúdo está disponível em pedaços como resultados de busca, posts de blog e listagem de produtos.
  8. 8. QUANDO PENSAR DUASVEZES EM ROLAGEM INFINITA? Quando houverem dados específicos ou características para filtragem e ordenação nos resultados. Ex.: E-commerce
  9. 9. QUANDO PENSAR DUASVEZES EM ROLAGEM INFINITA?
  10. 10. BIBLIOTECAS ETECNOLOGIAS PARA IMPLEMENTAR INFINITE SCROLL JAVASCRIPT, JAVASCRIPT E + JAVASCRIPT REACT - facebook.github.io/react INFINITE-SCROLL - github.com/infinite-scroll ou infinite- scroll.com (WP / JQuery) SLY - DARSA.IN/SLY AJAX??
  11. 11. ALGUMAS RECOMENDAÇÕES DE IMPLEMENTAÇÃO O usuário precisa saber quando não há mais conteúdo disponível. A navegação padrão deve estar presente sempre que o browser não suportar Javascript, mas a experiência será mais rica na funcionalidade de leitura.
  12. 12. 4 DICAS PARA FINALIZAR Produtividade, bem-estar e estilo de vida
  13. 13. MOMENTO JABÁ ABSURDO
  14. 14. TEM DÚVIDAS? FALE AGORA OU CALE-SE PARA SEMPRE… ME MANDA UMTWEET OU E-MAIL :) @gustavodasneves gustavo.nevesgn@gmail.com

×