SlideShare uma empresa Scribd logo
Tecnologia em Sistemas para Internet
Projeto de Navegação e Interação
Nome: Abel Gustavo Jorge
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.
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
Lição nº 03 – Avaliação do Sucesso
• A analise do site é feito com 2 ferramentas de analytcs, o
google analytcs e new relic
Lição nº 04 – A primeira página
• A primeira página só contem informações interessantes aos
usuários
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
Landing Page
Lição nº 05: Modelos Mentais
• Os botões da parte de compra do site faz bastante sentido e é
bem simples
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
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.
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.
Lição nº 7: Senso comum
Lição nº 8: Internet VS Intranet
• O foco deste site é seus usuários então é
apenas uma Internet.
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.
Lição nº 09: Estilo de redação
Lição nº 09: Estilo de redação
Lição nº 10: Padrões estéticos
• O site é bem equilibrado entre a estética e o conteúdo
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 :
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
Lição nº 14: Usuários avançados
• O site tem a barra de pesquisa
• TAB
• Voltar
• Recarregar
• Bread Crumb
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
Regra nº 1 – Mantenha a consistência
Regra nº 2 – Atalhos para usuários
experientes
• O site tem a barra de pesquisa
• TAB
• Voltar
• Recarregar
• Bread Crumb
Regra nº 3 - Feedback
• Finalizando compras
Regra nº 3 - Feedback
• Carregando páginas
Regra nº 3 - Feedback
• Identificando que tem que ser um email valido
Regra nº 6 – Desfazer!
• Bread crumb
• Voltar(navegador)
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
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.
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.
Referencias
• Site Jovem Nerd <https://jovemnerd.com.br/>

Mais conteúdo relacionado

Semelhante a PNI 1

E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedora
Rodrigo Maciel
 
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioTudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Guga Alves
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmaster
Jeferson Souza
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um site
Ana Santos
 
Projete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoProjete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhando
Juliana Fernandes
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
mrseo
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Paulo César Silva
 
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
Fernando Bueno
 
Formatacao De Websites Comerciais
Formatacao De Websites ComerciaisFormatacao De Websites Comerciais
Formatacao De Websites Comerciais
Vendaxe WebCommerce Services
 
Produção de website
Produção de websiteProdução de website
Produção de website
Lauren Piana
 
Gestão Estratégica em Portais Corporativos e Intranets
Gestão Estratégica em Portais Corporativos e IntranetsGestão Estratégica em Portais Corporativos e Intranets
Gestão Estratégica em Portais Corporativos e Intranets
Simples Consultoria
 
659 html
659 html659 html
659 html
Bruno Marques
 
Sistema de Busca em Websites
Sistema de Busca em WebsitesSistema de Busca em Websites
Sistema de Busca em Websites
Wellington Oliveira
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022
Renato Melo
 
Aula 05 e 06
Aula 05 e 06Aula 05 e 06
Aula 05 e 06
Washington Oliveira
 
Marketing digital porto alegre rafael morawski (2)
Marketing digital porto alegre rafael morawski (2)Marketing digital porto alegre rafael morawski (2)
Marketing digital porto alegre rafael morawski (2)
RAFAEL MORAWSKI
 
O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem
acesso2612
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
Neca Boullosa
 
Ebook SEO - 16 erros que impedem seu site de estar na primeira página do Google
Ebook SEO - 16 erros que impedem seu site de estar na primeira página do GoogleEbook SEO - 16 erros que impedem seu site de estar na primeira página do Google
Ebook SEO - 16 erros que impedem seu site de estar na primeira página do Google
Felipe Pereira
 
Workshop de webwriting na UFPB
Workshop de webwriting na UFPBWorkshop de webwriting na UFPB
Workshop de webwriting na UFPB
Enrico Cardoso
 

Semelhante a PNI 1 (20)

E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedora
 
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioTudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmaster
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um site
 
Projete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoProjete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhando
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
 
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
 
Formatacao De Websites Comerciais
Formatacao De Websites ComerciaisFormatacao De Websites Comerciais
Formatacao De Websites Comerciais
 
Produção de website
Produção de websiteProdução de website
Produção de website
 
Gestão Estratégica em Portais Corporativos e Intranets
Gestão Estratégica em Portais Corporativos e IntranetsGestão Estratégica em Portais Corporativos e Intranets
Gestão Estratégica em Portais Corporativos e Intranets
 
659 html
659 html659 html
659 html
 
Sistema de Busca em Websites
Sistema de Busca em WebsitesSistema de Busca em Websites
Sistema de Busca em Websites
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022
 
Aula 05 e 06
Aula 05 e 06Aula 05 e 06
Aula 05 e 06
 
Marketing digital porto alegre rafael morawski (2)
Marketing digital porto alegre rafael morawski (2)Marketing digital porto alegre rafael morawski (2)
Marketing digital porto alegre rafael morawski (2)
 
O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
Ebook SEO - 16 erros que impedem seu site de estar na primeira página do Google
Ebook SEO - 16 erros que impedem seu site de estar na primeira página do GoogleEbook SEO - 16 erros que impedem seu site de estar na primeira página do Google
Ebook SEO - 16 erros que impedem seu site de estar na primeira página do Google
 
Workshop de webwriting na UFPB
Workshop de webwriting na UFPBWorkshop de webwriting na UFPB
Workshop de webwriting na UFPB
 

Mais de Abel Gustavo Jorge

termo de abertura do projeto
termo de abertura do projetotermo de abertura do projeto
termo de abertura do projeto
Abel Gustavo Jorge
 
pauta de reunião de início de projeto
pauta de reunião de início de projetopauta de reunião de início de projeto
pauta de reunião de início de projeto
Abel Gustavo Jorge
 
declaração do escopo do projeto
declaração do escopo do projetodeclaração do escopo do projeto
declaração do escopo do projeto
Abel Gustavo Jorge
 
documento conceitual do projeto
documento conceitual do projetodocumento conceitual do projeto
documento conceitual do projeto
Abel Gustavo Jorge
 
plano de gerenciamento do escopo do projeto
plano de gerenciamento do escopo do projetoplano de gerenciamento do escopo do projeto
plano de gerenciamento do escopo do projeto
Abel Gustavo Jorge
 
Trabalho de segurança
Trabalho de segurançaTrabalho de segurança
Trabalho de segurança
Abel Gustavo Jorge
 
Trabalho Escrito Java Web - Abel
Trabalho Escrito Java Web - AbelTrabalho Escrito Java Web - Abel
Trabalho Escrito Java Web - Abel
Abel Gustavo Jorge
 
PNI 2
PNI 2PNI 2

Mais de Abel Gustavo Jorge (8)

termo de abertura do projeto
termo de abertura do projetotermo de abertura do projeto
termo de abertura do projeto
 
pauta de reunião de início de projeto
pauta de reunião de início de projetopauta de reunião de início de projeto
pauta de reunião de início de projeto
 
declaração do escopo do projeto
declaração do escopo do projetodeclaração do escopo do projeto
declaração do escopo do projeto
 
documento conceitual do projeto
documento conceitual do projetodocumento conceitual do projeto
documento conceitual do projeto
 
plano de gerenciamento do escopo do projeto
plano de gerenciamento do escopo do projetoplano de gerenciamento do escopo do projeto
plano de gerenciamento do escopo do projeto
 
Trabalho de segurança
Trabalho de segurançaTrabalho de segurança
Trabalho de segurança
 
Trabalho Escrito Java Web - Abel
Trabalho Escrito Java Web - AbelTrabalho Escrito Java Web - Abel
Trabalho Escrito Java Web - Abel
 
PNI 2
PNI 2PNI 2
PNI 2
 

Último

Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Gabriel de Mattos Faustino
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
Momento da Informática
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
Momento da Informática
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
WELITONNOGUEIRA3
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
Danilo Pinotti
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
TomasSousa7
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Faga1939
 

Último (7)

Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
 

PNI 1

  • 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
  • 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/>