Projete pensando no usuárioe todo mundo sai ganhando

Quem sou eu?

Juliana FernandesArquiteta da informaçãoe proprietária da Frost

@julianafrost

juliana@vivendoporai.com.br

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