projete pensando no usuário e todo mundo sai ganhando
DESCRIPTION
Slides da minha palestra no Joomla! Day Brasil 2012TRANSCRIPT
Projete pensando no usuárioe todo mundo sai ganhando
Quem sou eu?
Juliana FernandesArquiteta da informaçãoe proprietária da Frost
@julianafrost
www.vivendoporai.com.br
www.frostdesign.com.br
Vamos começarcom uma breve reflexão...
Durante o desenvolvimento de um projeto web, já parou para pensar 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 que as 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-se por 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 .compreendê-las primeiro
Por que o site vai existir?Quais características ele deve possuir?Quais objetivos devem ser alcançados?Quais problemas devem ser resolvidos?
Deixe claro os objetivos e os requisitos funcionais e não funcionais.
Em 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
2. fazer com que
cadastro de vagas seja rápido
seja simples encontrar as vagas
Exemplo
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?
Ainda no site de vagas citado anteriormente, teremos 2 tipos de público:
1. - profissionais de RH,gerentes e proprietários de empresas;
2. - designers, gerentesde projetos, desenvolvedores, arquitetos da informação, SEOs e outros profissionais de áreas relacionadas.
Pessoas que anunciam vagas
Pessoas que buscam vagas
Exemplo
Já temos ideia de quem eles são.
Vamos conhecê-losmais de perto?
Qual a idade deles?
Solteiros? Onde vivem?
No que trabalham?
Usam para acessar as redes
sociais e e-mail? São usuários mobile?Do que necessitam?
São casados?Tem filhos?
Como é o dia-a-dia?
Usam o computador e internet para trabalho?
Como o site interfere na vida dessas pessoas?
Com essas respostas, teremos uma visão mais ampla e clarasobre quem são as pessoas que utilizarão o site.
Conhecer o usuário ajuda você a pensar como um.
3O quê?
O que para satisfazer as necessidades dos usuários?
deve existir no site
Após conhecer o público,já teremos pistas do que os usuários precisam.
Assim, fica mais claro qual conteúdo o site deve ter.
Quais páginas;
devem existir em cada página;
Como podem ser os
para se chegar até os pontos-chave;;
Dicas sobre como pode ser ;
Dentre várias outras coisas :)
Quais informações eelementosQuais devem ser os links de menu;
fluxos de navegação
Quais recursos deve ter o sistema
o visualcerto para satisfazer essas pessoas
É 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 objetivos do 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 final antes de construí-lo.
Wireframe não é perdade tempo, é investimento.
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 entenderem o projeto como um todo antes de ser finalizado;
4. Teremos a chance visualizar o impacto do projetosobre as pessoas.
Vantagens de construirum wireframe:
Um wireframe pode ser de 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 caminho para fazer seja o que for.
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 ou de papel,e também após a conclusão do site.
Identifique os principais pontos a 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ário te direciona sobre o que fazer egera argumentos para defendero seu trabalho.
Que o processo ajuda o clientea enxergar a importância das etapas e o porquê do resultado final.
Que existem profissionaisque trabalham para garantir a 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), analistas de usabilidade, dentre outros.
Obrigada!
@julianafrost
www.vivendoporai.com.br