Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

TDC2018SP | Trilha Modern Web - Para onde caminha a Web?

254 views

Published on

TDC2018SP | Trilha Modern Web - Para onde caminha a Web?

Published in: Education
  • Be the first to comment

TDC2018SP | Trilha Modern Web - Para onde caminha a Web?

  1. 1. Leandro Guarino
  2. 2. Eu
  3. 3. Existe um movimento acontecendo na sociedade...
  4. 4. É a geração da EXCLUSIVIDADE … do personalizado
  5. 5. As pessoas são únicas, são indivíduos.
  6. 6. A Internet não é mais uma rede de computadores, é uma rede de pessoas.
  7. 7. As pessoas agora vivem na Internet!
  8. 8. Uma pergunta: Por que fazemos o mesmo site para todas as pessoas?
  9. 9. Uma palavra: RELEVÂNCIA O pessoal de marketing quer: Veicular aos consumidores a mensagem certa, exclusivamente confeccionada para seus desejos e suas necessidades, no lugar certo e na hora certa.
  10. 10. E o que nós temos feito? Acha aí, trouxa!
  11. 11. Precisamos entender o usuário!
  12. 12. O marketing tem uma máxima: “O cliente tem sempre razão”. Nós precisamos ter uma: “O usuário tem sempre razão.”
  13. 13. Os usuários são diferentes.
  14. 14. Precisamos entender... Adaptive Web Web Personalization Web Mining Web Usage Mining Web Content Mining Web Structure Mining Server logs Client logs Usability Evaluation User eXperience
  15. 15. É muito mais que.... Layout responsivo Relatórios analíticos
  16. 16. Avaliação de Usabilidade Usability Evaluation Avaliação em Laboratório Eye tracking
  17. 17. Server logs x Client logs Páginas acessadas IP Data/hora Imagens baixadas Server logs + Mouse Touch Scroll Elementos HTML Atributos CSS
  18. 18. “Sistemas Web adaptativos estão previstos para serem a próxima geração do desenvolvimento Web” Adaptive Web 2008 Livro: “Adaptive Web Sites: A Knowledge Extraction from Web Data Approach” (Velasquez e Palade)
  19. 19. Web Personalization É qualquer ação que adapta a informação ou os serviços fornecidos pelo web site às necessidades de um usuário ou conjunto de usuários, tomando vantagem do conhecimento adquirido sobre o comportamento dos usuários nas interfaces e seus interesses individuais, combinando com o conteúdo e a estrutura do web site.
  20. 20. Alguns exemplos
  21. 21. Como isso é possível?
  22. 22. Web mining • Web Content Mining • minerar o conteúdo das páginas • Web Structure Mining • minerar a estrutura dos links das páginas • Web Usage Mining • minerar client logs e/ou server logs para entender a interação do usuário
  23. 23. Para onde a Web está indo? TEMPO REAL
  24. 24. E como fazer?
  25. 25. Usability index Wrong actions Patterns
  26. 26. Como capturar a interação? JS embedded • Enviar ao servidor • Garantir a entrega • localStorage • boolean para cada evento
  27. 27. Como salvar client logs? • Grafo direcionado • Um nó para cada: • domínio • sessão • evento diferente • Lista encadeada de eventos Vantagem de NoSQL • sem estrutura definida para o nó
  28. 28. Como analisar logs?
  29. 29. Como avaliar a usabilidade?
  30. 30. Como detectar padrões?
  31. 31. Como detectar padrões relevantes?
  32. 32. Como consumir isso tudo? • jUsabilics.getVisitedPages() • jUsabilics.getElapsedTimeOfInteraction() • jUsabilics.isVisitedPageLike(...) • jUsabilics.getEventsOfInteraction(...) • jUsabilics.getEventsInContainerAndPage(...) • jUsabilics.getEventsByPage(...) • jUsabilics.getCompletedPatterns(...) • jUsabilics.getCurrentUsabilityIndexByTask(...)
  33. 33. Como adaptar a interface?
  34. 34. Como adaptar a interface? $__j(document).on("onExecutePattern", function(event, pattern){ rumProxyAdaptation(pattern) }) var rumProxyAdaptation=function(pattern){ switch(pattern.action) { case “Comprador": chamaAMagia() break } }

×