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

  • View
    176

  • Download
    0

Embed Size (px)

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

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

2. Ou seja... Pensar na satisfao do usurio nas mais variadas resolues ou nos variados dispositivos! 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. As tecnologias atuais esto preocupadas com a satisfao do usurio em plataformas mveis? Mobile first, responsive web design, UX, NBR 9241-11... 5. possvel e como seria o desenvolvimento de um prottipo ou so apenas tecnologias de momento? Twitter Boostrap, Foundation, UIKit, usabilidade, NBR 9241-11, responsive web design, mobile first... 6. A hiptese que SIM! { Twitter Boostrap, Foundation, UIKit } + usabilidade + NBR 9241-11 + responsive web design + mobile first 7. Objeto Escola Tcnica Estadual Fernando Prestes Desde 1929 Atualmente 16 cursos Possui site desde 1999 + de 10 mil acessos ao ms 8. Pesquisa Levantamento de dados Pesquisa socioeconmica Anlise do histrico do Google Analytics Anlise heurstica Criao do prottipo 9. 706 entrevistados 10. Grau de escolaridade47,6% Qual o grau de escolaridade? Curso superior completo. Curso superior incompleto. Ensino mdio completo. 2 srie do ensino mdio. 22,2%1 srie do ensino mdio. Ensino fundamental completo. Ensino fundamental incompleto. 8,6% 0,0%2,2%10,1%9,3% 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 rea17,0%10,2% 4,3% 12. Acesso a internet 13. Google Analytics 14. Dashboard Google Analytics 15. Viso por dispositivos 16. Analise Heurstica 17. Gravidade A frequncia com que ocorre o problema. O impacto do problema caso ocorra. A persistncia do problema. (NIELSEN, 1995, traduo nossa) 18. Classificar gravidade 0 = no concordo que este um problema 1 = problema cosmtico 2 = problema de usabilidade menor 3 = problema de usabilidade maior 4 = Usabilidade catstrofe (NIELSEN, 1995, traduo nossa) 19. Navegao + Antecipao 20. 1234Site atual em 1366x769 21. Prottipo 22. Off-canvas 23. Prottipo 24. Prottipo 25. Concluso 26. Funcionou! 27. Seria bom... Comunicao com um CMS. Focar em acessibilidade (ARIA). 28. errado... Considerar a soluo definitiva. Tratar de forma isolada. Esquecer do usurio. 29. No acabou! 30. GithubEtec Web 31. ApresentaoSlideShare 32. Alexandre Pires facebook.com/agraffitti twitter.com/agraffitti slideshare.net/agraffitti alexandre@graffitti.com.br www.graffitti.com.br 33. No deje de completar su evaluacin onlineux2013.com.ar/encuesta Muchas gracias! Foco no ser humano: pensando em usabilidade por meio de responsive web design Alexandre Pires