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