31
Web Construir é diferente de ver Mauro Martins [email protected]

Ux - Construir é diferente de ver

  • Upload
    mauro

  • View
    800

  • Download
    1

Embed Size (px)

Citation preview

WebConstruir é diferente de ver

Mauro Martins

[email protected]

AGENDA:

- Como o web designer cria o site;

- Como lemos a web;

- - Porque lemos de maneira diferente;

- - Qual a melhor característica de um site;

- UserExperience VS Usability;

- Essencial / acessório;

- TETO –TestEarly, TestOften.

Quantas pessoas REALMENTEolham para os anúncios que existem nos sites?

Muito poucas!

“heatmaps” de leitura de banners na internet

O queo web-designer cria

O queoutilizadorvê

O queowebdesignercria

O queoutilizadorlê

Como é que nós lemos a web?

Não lemos!

Sondamos!

Porque somos assim?

• Sempreapressados;

• Múltiplosresultadosemcadapesquisa;

• Sabemosquenãoénecessáriolertudo;

• O erronão tem consequência;

• O “back” resolve oproblema;

Não fazemos as melhoresescolhas.

Satisfazemo-nos com o resultadomais próximo e clicamos!

Qual é a melhor característica deum site/produto?

NÃO FAZER PENSAR!

Como?• Imagens;• Hierarquias;• Tipos de letra;• Cores;• “Designed for” senso comum.

UserExperience

VS

Usabilidade

User Experience“Porquê”

• Porque é que o utilizador vai utilizar a funcionalidade;

• Faz sentido utilizar a funcionalidade;

• Vai acrescentar valor ou não?

• Faz o utilizador sentir-se “feliz” ao utilizar o software?

• Sentimento de “achievement”.

Usabilidade“Como”

• Como é que o utilizador vai utilizar a funcionalidade;

• Como é que ele interage com ela;

• Como é que o utilizador percebe a funcionalidade;

User Experience

•Usabilidade1 – Como criar um contacto;•Usabilidade2 – Como adicionar dados;•Usabilidade 3 – Como utilizaros dados.

If (GoodExp == true &&GoodExp == true &&GoodExp == true) {// Client Happy // Great User Experience!!!

}

LESS IS MORE!

Focar o essencialRetirar o acessório

Menos distracçõesMais atenção

Seguir convenções que tornam mais fácil a navegação

Tudotem de fazer sentido quando em conjunto.

- É mesmo necessário música no site?- É mesmo necessário o vídeo de introdução?

Reduzir curva de aprendizagem

Design consistente ao longo de todo o produto / plataforma

Utilizar mockups para detectar problemas iniciais

TETO – “TestEarlyTestOften”

“Um testerno início = 50 testersno final”SteveKrug

“My software never has bugs. It just develops random features”

Se não vos agrada,não vai agradar aos outros!

Mauro Martins

[email protected]

Bom RiaPT!