Trabalho PNI

1. Tecnologia em Sistemas para Internet
Projeto de Navegação e Interação
Nome: Abel Gustavo Jorge

2. Lição nº 1: Foco no usuário
• O site jovem nerd tem uma navegação simples
• Ele usa, ferramentas de analytcs
• Tem cadastro, apenas para a parte do site onde fica o e-
commerce.

3. Lição nº 2: Comunicação Instantânea
• Redes sociais, para compartilhar os conteúdos
• Chat para os usuários debaterem
• Porém o chat é meio escondido no fim da página

4. Lição nº 03 – Avaliação do Sucesso
• A analise do site é feito com 2 ferramentas de analytcs, o
google analytcs e new relic

5. Lição nº 04 – A primeira página
• A primeira página só contem informações interessantes aos
usuários

6. Landing Page
• Neste site eles usam técnicas seo e a arquitetura da
informação para que apartir de buscas seu conteudo no
interior do site possa ser encontrado

7. Landing Page

8. Lição nº 05: Modelos Mentais
• Os botões da parte de compra do site faz bastante sentido e é
bem simples

9. Lição nº 05: Modelos Mentais
• E é muito parecido com tudo que já vimos na internet de
compras então é como se já fosse um padrão e eles utilizam
para familiarizar seus clientes

10. Lição nº 6: Tempos de resposta
• O site é bem rápido a pesar dele parecer ser bem cheio, e
ocupar todos os espaços possíveis, eles usam apenas imagens
então o tempo de resposta é bem veloz.

11. Lição nº 7: Senso comum
• O site é bem organizado, mas para seu nixo que são jovens
entre 15~35 anos que acessam internet diariamente e isso faz
parte da sua vida
• Pessoas que não estão acostumadas a isto provavelmente se
sentirão perdidas
• Então acredito que o site tem o tom certo para seu público.

12. Lição nº 7: Senso comum

13. Lição nº 8: Internet VS Intranet
• O foco deste site é seus usuários então é
apenas uma Internet.

14. Lição nº 09: Estilo de redação
• O site tem bastante texto, porém são textos curtos com alguns
links e a maioria com imagens tornando tudo muito dinâmico
e fácil.

15. Lição nº 09: Estilo de redação

16. Lição nº 09: Estilo de redação

17. Lição nº 10: Padrões estéticos
• O site é bem equilibrado entre a estética e o conteúdo

18. Lição nº 11: Subsites
• Este site é dividido em vários subsites apesar de todos
estarem dentro do site jovem nerd eles são independentes de
conteudo, segundo os criadores eles queriam criar
mecanismos que deixasse o jovem nerd, meio independente
deles.
• Então eles agregaram e/ou criaram vários produtos que
produzem conteúdo para web :

19. Lição nº 11: Subsites
• Nerd News
• Nerd Cast
• Nerd Office
• Nerd Player
• NerdStore
• Nerd Vlog360
• Nerd Tour
• Nerdologia
• Cozinha do Jack
• Sr. K
• MRG

20. Lição nº 14: Usuários avançados
• O site tem a barra de pesquisa
• TAB
• Voltar
• Recarregar
• Bread Crumb

21. Regra nº 1 – Mantenha a consistência
• O site jovem nerd possui as seguintes repetições de padrão
– Estrutura do Layout
– Barras de navegação
– Ícones e símbolos
– Estilo de redação
– Cores

22. Regra nº 1 – Mantenha a consistência

23. Regra nº 2 – Atalhos para usuários
experientes
• O site tem a barra de pesquisa
• TAB
• Voltar
• Recarregar
• Bread Crumb

24. Regra nº 3 - Feedback
• Finalizando compras

25. Regra nº 3 - Feedback
• Carregando páginas

26. Regra nº 3 - Feedback
• Identificando que tem que ser um email valido

27. Regra nº 6 – Desfazer!
• Bread crumb
• Voltar(navegador)

28. Regra nº 8 – Respeite a memória curta
• O site respeita a memória curta de seus usuários, mostrando
menos que 9 menus para eles , mas essa função não
exatamente no site todo

29. Bônus: a 9ª regra – Conheça o Usuário
• Quando os criadores do site criaram o site,
eles já tinham em mente o perfil dos futuros
usuários, que é o publico nerd, por serem
nerds também ficou muito mais fácil o
desenvolver do conteúdo e do design e
consequentemente o engajamento com quem
viriam a acessar.

30. O site não possui
• Lição 12 Suporte as Tarefas
• Lição 13 Não divulga as Equipes
• Lição 15 Não auxilia usuários iniciantes
• Regra nº 4 – Diálogos com início, meio e fim –
não retorna mensagens de cadastros, acessos e
etc...
• Regra nº 7 – O usuário é quem manda!
• Usabilidade pois o site não se adequa de acordo
com os “gostos” do usuário
• Ergonomia, pois suas plataformas são
computadores, celulares e tablets.

31. Referencias
• Site Jovem Nerd <https://jovemnerd.com.br/>