Foco no ser humano: pensando
em usabilidade por meio de
responsive web design.
Alexandre Pires

@AGraffitti
Ou seja...
Pensar na satisfação do usuário nas mais
variadas resoluções ou nos variados
dispositivos!
Porque?
Onde fica a usabilidade em um mundo mobile?
Desde o último trimestre de 2010, a venda de smartphones
ultrapassa a ...
As tecnologias atuais estão preocupadas com a
satisfação do usuário em plataformas móveis?
Mobile first, responsive web de...
É possível e como seria o desenvolvimento de um
protótipo ou são apenas tecnologias de momento?
Twitter Boostrap, Foundati...
A hipótese é que SIM!
{ Twitter Boostrap, Foundation, UIKit } + usabilidade + NBR
9241-11 + responsive web design + mobile...
Objeto
Escola Técnica Estadual Fernando Prestes
• Desde 1929
• Atualmente 16 cursos
• Possui site desde 1999
•

+ de 10 mi...
Pesquisa
Levantamento de dados
•Pesquisa socioeconômica
•Análise do histórico do Google Analytics
•Análise heurística
Cria...
706 entrevistados
Grau de escolaridade

47,6%
Qual o grau de escolaridade?
Curso superior completo.
Curso superior incompleto.
Ensino médio ...
Empregados
38,8%

29,7%
Trabalho na área do curso que escolhi
Trabalho fora da área do curso que
escolhi
Estou desempregad...
Acesso a internet
Google Analytics
Dashboard Google Analytics
Visão por dispositivos
Analise Heurística
Gravidade
• A frequência com que ocorre o problema.
• O impacto do problema caso ocorra.
• A persistência do problema.
(NI...
Classificar gravidade
0 = não concordo que este é um problema
1 = problema cosmético
2 = problema de usabilidade menor
3 =...
Navegação + Antecipação
1º

2º

3º

4º

Site atual em 1366x769
Protótipo
Off-canvas
Protótipo
Protótipo
Conclusão
Funcionou!
Seria bom...
• Comunicação com um CMS.
• Focar em acessibilidade (ARIA).
É errado...
• Considerar a solução definitiva.
• Tratar de forma isolada.
• Esquecer do usuário.
Não acabou!
Github

Etec Web
Apresentação

SlideShare
Alexandre Pires
facebook.com/agraffitti
twitter.com/agraffitti
slideshare.net/agraffitti
alexandre@graffitti.com.br
www.gr...
No deje de completar su evaluación online

ux2013.com.ar/encuesta
¡Muchas gracias!
Foco no ser humano: pensando em usabili...
Apresentação UX2013 - Usabilidade por meio de responsive web design
Próximos SlideShares
Carregando em…5
×

Apresentação UX2013 - Usabilidade por meio de responsive web design

349 visualizações

Publicada em

Publicada em: Tecnologia
1 comentário
0 gostaram
Estatísticas
Notas
  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
349
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
3
Comentários
1
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação UX2013 - Usabilidade por meio de responsive web design

  1. 1. Foco no ser humano: pensando em usabilidade por meio de responsive web design. Alexandre Pires @AGraffitti
  2. 2. Ou seja... Pensar na satisfação do usuário nas mais variadas resoluções ou nos variados dispositivos!
  3. 3. Porque? Onde fica a usabilidade em um mundo mobile? Desde o último trimestre de 2010, a venda de smartphones ultrapassa a de computadores pessoais em escala global. (WEINTRAUB, 2011)
  4. 4. As tecnologias atuais estão preocupadas com a satisfação do usuário em plataformas móveis? Mobile first, responsive web design, UX, NBR 9241-11...
  5. 5. É possível e como seria o desenvolvimento de um protótipo ou são apenas tecnologias de momento? Twitter Boostrap, Foundation, UIKit, usabilidade, NBR 9241-11, responsive web design, mobile first...
  6. 6. A hipótese é que SIM! { Twitter Boostrap, Foundation, UIKit } + usabilidade + NBR 9241-11 + responsive web design + mobile first
  7. 7. Objeto Escola Técnica Estadual Fernando Prestes • Desde 1929 • Atualmente 16 cursos • Possui site desde 1999 • + de 10 mil acessos ao mês
  8. 8. Pesquisa Levantamento de dados •Pesquisa socioeconômica •Análise do histórico do Google Analytics •Análise heurística Criação do protótipo
  9. 9. 706 entrevistados
  10. 10. Grau de escolaridade 47,6% Qual o grau de escolaridade? Curso superior completo. Curso superior incompleto. Ensino médio completo. 2ª série do ensino médio. 22,2% 1ª série do ensino médio. Ensino fundamental completo. Ensino fundamental incompleto. 8,6% 0,0% 2,2% 10,1% 9,3%
  11. 11. Empregados 38,8% 29,7% Trabalho na área do curso que escolhi Trabalho fora da área do curso que escolhi Estou desempregado Estou desempregado mais já trab. Na área 17,0% 10,2% 4,3%
  12. 12. Acesso a internet
  13. 13. Google Analytics
  14. 14. Dashboard Google Analytics
  15. 15. Visão por dispositivos
  16. 16. Analise Heurística
  17. 17. Gravidade • A frequência com que ocorre o problema. • O impacto do problema caso ocorra. • A persistência do problema. (NIELSEN, 1995, tradução nossa)
  18. 18. Classificar gravidade 0 = não concordo que este é um problema 1 = problema cosmético 2 = problema de usabilidade menor 3 = problema de usabilidade maior 4 = Usabilidade catástrofe (NIELSEN, 1995, tradução nossa)
  19. 19. Navegação + Antecipação
  20. 20. 1º 2º 3º 4º Site atual em 1366x769
  21. 21. Protótipo
  22. 22. Off-canvas
  23. 23. Protótipo
  24. 24. Protótipo
  25. 25. Conclusão
  26. 26. Funcionou!
  27. 27. Seria bom... • Comunicação com um CMS. • Focar em acessibilidade (ARIA).
  28. 28. É errado... • Considerar a solução definitiva. • Tratar de forma isolada. • Esquecer do usuário.
  29. 29. Não acabou!
  30. 30. Github Etec Web
  31. 31. Apresentação SlideShare
  32. 32. Alexandre Pires facebook.com/agraffitti twitter.com/agraffitti slideshare.net/agraffitti alexandre@graffitti.com.br www.graffitti.com.br
  33. 33. No deje de completar su evaluación online ux2013.com.ar/encuesta ¡Muchas gracias! Foco no ser humano: pensando em usabilidade por meio de responsive web design Alexandre Pires

×