Projete pensando no usuárioe todo mundo sai ganhando
Quem sou eu?Juliana Fernandes         @julianafrostArquiteta da informação   juliana@vivendoporai.com.bre proprietária da ...
Vamos começarcom uma breve reflexão...
Durante o desenvolvimentode um projeto web, já parou parapensar nas pessoas que usarãoo site que você projetou?
E se para as coisas do dia-a-dianinguém pensasse emquem as utilizarão?
Pois cada vez mais precisamos queas coisas do dia-a-dia sejam práticase atendam as nossas necessidades.Certo?
Então...Por que com os sitesnão costuma ser assim?
É hora de começar a construirsites mais úteis e objetivos.objetivos do cliente + necessidades do usuário
A cada novo projeto,comece guiando-sepor 4 perguntas:
Por quê?Para quem?O quê?Como?
1Por quê?Antes de tudo,entenda o motivo do site existir.
Todo projeto tem origem devido anecessidades existentes, mas para quevocê possa atender a essas necessidades,é preciso com...
Por que o site vai existir?Quais características ele deve possuir?Quais objetivos devem ser alcançados?Quais problemas dev...
Deixe claro os objetivose os requisitos funcionaise não funcionais.
ExemploEm um site de vagas de empregos nas áreas decomunicação, internet e tecnologia da informação,os pontos principais p...
Entender o porquê do projetoé o primeiro passo parafazer o certo.
2Para quem?Depois de descobrir o foco do site,é hora de saber: quem vai utilizá-lo?
O site existirá simplesmenteporque alguém precisa dele.
Quem são eles?Como são?Do que precisam?
ExemploAinda no site de vagas citado anteriormente,teremos 2 tipos de público:1. Pessoas que anunciam vagas - profissionai...
Já temos ideiade quem eles são.Vamos conhecê-losmais de perto?
Qual a idade deles? São   casados?   Solteiros? Tem filhos? Onde vivem?Como é o dia-a-dia? No que trabalham?  Usam o compu...
Com essas respostas, teremosuma visão mais ampla e clarasobre quem são as pessoasque utilizarão o site.
Conhecer o usuário ajudavocê a pensar como um.
3O quê?O que deve existir no sitepara satisfazer as necessidades dos usuários?
Após conhecer o público,já teremos pistas do queos usuários precisam.
Assim, fica mais claroqual conteúdo o site deve ter.
Quais páginas; Quais   informações eelementos devem existir em cada página;Quais devem ser os links de menu; Como podem se...
É aqui que podem começar a surgiros primeiros atritos com o clientesobre o que conter ou não no site.
O cliente solicita o que éinteressante para ele,não para o usuário.
Questione e provoque umainversão de papéis.Analisem juntos as reais necessidades.
Equilibre os objetivosdo cliente com as necessidadesdo usuário.
4Como?Com o principal aliadonesse momento: o wireframe.
LOGO       Prazer, sou o wireframe.
O wireframe para um siteé como uma planta baixapara uma casa.
O wireframe é o esqueleto do site.Nele especificamos o que e ondecada coisa ficará.Assim, teremos uma prévia doresultado f...
Wireframe não é perdade tempo, é investimento.
Vantagens de construirum wireframe:1. Teremos uma prévia da distribuição e do conteúdodas páginas. Com isso, o trabalho de...
Um wireframe pode serde alta fidelidade...
... ou de baixa fidelidade.
Analise se o projeto pedeum wireframe mais detalhadoou se algo mais simples é oindicado para a ocasião.
Mas, é isso mesmo?Por último e não menos importante:testar com os usuários.
Achar que o trabalho está bomnão significa nada.É preciso ter certeza.
O grande erro é acharmos que o siteestá fácil de ser utilizado pelos outros,porque para nós ele sempre estará.
“Eu, como usuário...”Tire isso da sua cabeça.
Você não é o usuário.Você não possui as mesmas necessidades.Você não está no mesmo contexto.Você já conhece cada caminhopa...
Para termos certeza se nosso projetoestá cumprindo com os objetivos,temos que ver na prática.
Para testar com os usuários,o site não precisa estar pronto.Teste durante a fase de planejamentocom protótipos navegáveis ...
Identifique os principais pontosa serem testados.Busque pessoas do mesmo perfildos usuários e teste com eles.
Teste, teste, teste.Identificar as falhas antesé melhor do que depois.
Pra que isso tudo?O que eu quis mostrar nessa palestra.
Que essa palestra não é um guia,mas sim uma reflexão.
Que pensar nas pessoasé muito mais importantedo que parece.
Que mais do que criarum site melhor para as pessoas,um processo centrado no usuáriote direciona sobre o que fazer egera ar...
Que o processo ajuda o clientea enxergar a importânciadas etapas e o porquêdo resultado final.
Que existem profissionaisque trabalham para garantira melhor experiência para o usuário.São eles: arquitetos da informação...
Obrigada!@julianafrostwww.vivendoporai.com.br
Upcoming SlideShare
Loading in …5
×

Projete pensando no usuário e todo mundo sai ganhando

1,129 views

Published on

Slides da minha palestra no Joomla! Day Brasil 2012

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,129
On SlideShare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
33
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Projete pensando no usuário e todo mundo sai ganhando

  1. 1. Projete pensando no usuárioe todo mundo sai ganhando
  2. 2. Quem sou eu?Juliana Fernandes @julianafrostArquiteta da informação juliana@vivendoporai.com.bre proprietária da Frost www.vivendoporai.com.br www.frostdesign.com.br
  3. 3. Vamos começarcom uma breve reflexão...
  4. 4. Durante o desenvolvimentode um projeto web, já parou parapensar nas pessoas que usarãoo site que você projetou?
  5. 5. E se para as coisas do dia-a-dianinguém pensasse emquem as utilizarão?
  6. 6. Pois cada vez mais precisamos queas coisas do dia-a-dia sejam práticase atendam as nossas necessidades.Certo?
  7. 7. Então...Por que com os sitesnão costuma ser assim?
  8. 8. É hora de começar a construirsites mais úteis e objetivos.objetivos do cliente + necessidades do usuário
  9. 9. A cada novo projeto,comece guiando-sepor 4 perguntas:
  10. 10. Por quê?Para quem?O quê?Como?
  11. 11. 1Por quê?Antes de tudo,entenda o motivo do site existir.
  12. 12. Todo projeto tem origem devido anecessidades existentes, mas para quevocê possa atender a essas necessidades,é preciso compreendê-las primeiro.
  13. 13. Por que o site vai existir?Quais características ele deve possuir?Quais objetivos devem ser alcançados?Quais problemas devem ser resolvidos?
  14. 14. Deixe claro os objetivose os requisitos funcionaise não funcionais.
  15. 15. ExemploEm um site de vagas de empregos nas áreas decomunicação, internet e tecnologia da informação,os pontos principais podem ser:1. fazer com que o cadastro de vagas seja rápido2. fazer com que seja simples encontrar as vagas
  16. 16. Entender o porquê do projetoé o primeiro passo parafazer o certo.
  17. 17. 2Para quem?Depois de descobrir o foco do site,é hora de saber: quem vai utilizá-lo?
  18. 18. O site existirá simplesmenteporque alguém precisa dele.
  19. 19. Quem são eles?Como são?Do que precisam?
  20. 20. ExemploAinda no site de vagas citado anteriormente,teremos 2 tipos de público:1. Pessoas que anunciam vagas - profissionais de RH,gerentes e proprietários de empresas;2. Pessoas que buscam vagas - designers, gerentesde projetos, desenvolvedores, arquitetos da informação,SEOs e outros profissionais de áreas relacionadas.
  21. 21. Já temos ideiade quem eles são.Vamos conhecê-losmais de perto?
  22. 22. Qual a idade deles? São casados? Solteiros? Tem filhos? Onde vivem?Como é o dia-a-dia? No que trabalham? Usam o computador e internetpara trabalho? Usam para acessar as redessociais e e-mail? São usuários mobile? Do que necessitam? Como o site interfere na vida dessas pessoas?
  23. 23. Com essas respostas, teremosuma visão mais ampla e clarasobre quem são as pessoasque utilizarão o site.
  24. 24. Conhecer o usuário ajudavocê a pensar como um.
  25. 25. 3O quê?O que deve existir no sitepara satisfazer as necessidades dos usuários?
  26. 26. Após conhecer o público,já teremos pistas do queos usuários precisam.
  27. 27. Assim, fica mais claroqual conteúdo o site deve ter.
  28. 28. Quais páginas; Quais informações eelementos devem existir em cada página;Quais devem ser os links de menu; Como podem ser os fluxos de navegaçãopara se chegar até os pontos-chave; Quais recursos deve ter o sistema;Dicas sobre como pode ser o visual certo para satisfazer essas pessoas; Dentre várias outras coisas :)
  29. 29. É aqui que podem começar a surgiros primeiros atritos com o clientesobre o que conter ou não no site.
  30. 30. O cliente solicita o que éinteressante para ele,não para o usuário.
  31. 31. Questione e provoque umainversão de papéis.Analisem juntos as reais necessidades.
  32. 32. Equilibre os objetivosdo cliente com as necessidadesdo usuário.
  33. 33. 4Como?Com o principal aliadonesse momento: o wireframe.
  34. 34. LOGO Prazer, sou o wireframe.
  35. 35. O wireframe para um siteé como uma planta baixapara uma casa.
  36. 36. O wireframe é o esqueleto do site.Nele especificamos o que e ondecada coisa ficará.Assim, teremos uma prévia doresultado final antes de construí-lo.
  37. 37. Wireframe não é perdade tempo, é investimento.
  38. 38. Vantagens de construirum wireframe:1. Teremos uma prévia da distribuição e do conteúdodas páginas. Com isso, o trabalho de design flui;2. Prevenimos erros, pois teremos a chance deidentificá-los e corrigi-los antes que seja tarde demais;3. Ficará mais fácil para o cliente e a equipe entenderemo projeto como um todo antes de ser finalizado;4. Teremos a chance visualizar o impacto do projetosobre as pessoas.
  39. 39. Um wireframe pode serde alta fidelidade...
  40. 40. ... ou de baixa fidelidade.
  41. 41. Analise se o projeto pedeum wireframe mais detalhadoou se algo mais simples é oindicado para a ocasião.
  42. 42. Mas, é isso mesmo?Por último e não menos importante:testar com os usuários.
  43. 43. Achar que o trabalho está bomnão significa nada.É preciso ter certeza.
  44. 44. O grande erro é acharmos que o siteestá fácil de ser utilizado pelos outros,porque para nós ele sempre estará.
  45. 45. “Eu, como usuário...”Tire isso da sua cabeça.
  46. 46. Você não é o usuário.Você não possui as mesmas necessidades.Você não está no mesmo contexto.Você já conhece cada caminhopara fazer seja o que for.
  47. 47. Para termos certeza se nosso projetoestá cumprindo com os objetivos,temos que ver na prática.
  48. 48. Para testar com os usuários,o site não precisa estar pronto.Teste durante a fase de planejamentocom protótipos navegáveis ou de papel,e também após a conclusão do site.
  49. 49. Identifique os principais pontosa serem testados.Busque pessoas do mesmo perfildos usuários e teste com eles.
  50. 50. Teste, teste, teste.Identificar as falhas antesé melhor do que depois.
  51. 51. Pra que isso tudo?O que eu quis mostrar nessa palestra.
  52. 52. Que essa palestra não é um guia,mas sim uma reflexão.
  53. 53. Que pensar nas pessoasé muito mais importantedo que parece.
  54. 54. Que mais do que criarum site melhor para as pessoas,um processo centrado no usuáriote direciona sobre o que fazer egera argumentos para defendero seu trabalho.
  55. 55. Que o processo ajuda o clientea enxergar a importânciadas etapas e o porquêdo resultado final.
  56. 56. Que existem profissionaisque trabalham para garantira melhor experiência para o usuário.São eles: arquitetos da informação,designers de interação e de experiênciado usuário (UX designers), analistasde usabilidade, dentre outros.
  57. 57. Obrigada!@julianafrostwww.vivendoporai.com.br

×