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

1. Leandro Guarino

2. Eu

3. Existe um
movimento
acontecendo na
sociedade...

10. É a geração da
EXCLUSIVIDADE
… do personalizado

11. As pessoas são únicas,
são indivíduos.

12. A Internet não é
mais uma rede de
computadores,
é uma rede de
pessoas.

13. As pessoas agora
vivem na Internet!

14. Uma pergunta:
Por que fazemos
o mesmo site
para todas as pessoas?

15. 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.

16. E o que nós temos feito?
Acha aí, trouxa!

17. Precisamos entender
o usuário!

18. O marketing tem
uma máxima:
“O cliente tem sempre razão”.
Nós precisamos ter uma:
“O usuário tem sempre razão.”

19. Os usuários são
diferentes.

20. 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

21. É muito mais que....
Layout responsivo Relatórios analíticos

22. Avaliação de Usabilidade
Usability Evaluation
Avaliação em Laboratório Eye tracking

23. Server logs x Client logs
Páginas
acessadas
IP
Data/hora
Imagens
baixadas
Server logs
+
Mouse
Touch
Scroll
Elementos
HTML
Atributos CSS

24. “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)

25. 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.

26. Alguns exemplos

27. Como isso é
possível?

28. 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

29. Para onde a Web está indo?
TEMPO
REAL

30. E como fazer?

31. Usability index
Wrong actions
Patterns

32. Como capturar a interação?
JS embedded
• Enviar ao servidor
• Garantir a entrega
• localStorage
• boolean para cada evento

33. 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ó

34. Como analisar logs?

35. Como avaliar a usabilidade?

36. Como detectar padrões?

37. Como detectar padrões relevantes?

38. Como consumir isso tudo?
• jUsabilics.getVisitedPages()
• jUsabilics.getElapsedTimeOfInteraction()
• jUsabilics.isVisitedPageLike(...)
• jUsabilics.getEventsOfInteraction(...)
• jUsabilics.getEventsInContainerAndPage(...)
• jUsabilics.getEventsByPage(...)
• jUsabilics.getCompletedPatterns(...)
• jUsabilics.getCurrentUsabilityIndexByTask(...)

39. Como adaptar a interface?

40. Como adaptar a interface?
$__j(document).on("onExecutePattern", function(event, pattern){
rumProxyAdaptation(pattern)
})
var rumProxyAdaptation=function(pattern){
switch(pattern.action) {
case “Comprador":
chamaAMagia()
break
}
}