UX 101 para desenvolvedores

UX 101 para desenvolvedores Nós contruímos produtos, e não funcionalidades google.com/+gustavomenezes

Agenda

Agenda Justificativas

Agenda Justificativas Definições

Agenda Justificativas Definições Animações

Agenda Justificativas Definições Animações Imagens

Agenda Justificativas Definições Animações Imagens UX!

E eu com isso?

E eu com isso? Nós somos desenvolvedores, e contribuímos com a UX...

E eu com isso? Nós somos desenvolvedores, e contribuímos com a UX... Querendo ou não!

E eu com isso? Nós somos desenvolvedores, e contribuímos com a UX... Querendo ou não! Não somos Designers...

user@app.com ***********

user@app.com *********** QCon São Paulo 2013

user@app.com ***********

user@app.com *********** * m m

E eu com isso? Nós somos desenvolvedores, e contribuímos com a UX... Querendo ou não! Não somos Designers...

E eu com isso? Nós somos desenvolvedores, e contribuímos com a UX... Querendo ou não! Não somos Designers... UX!= UI

E eu com isso? No mundo digital, dinheiro não é o mais importante

E eu com isso? No mundo digital, dinheiro não é o mais importante Um aplicativo bom, já não é bom o bastante!

E eu com isso? No mundo digital, dinheiro não é o mais importante Um aplicativo bom, já não é bom o bastante! Somente o medíocre está sempre dando seu melhor.

Afinal, o que é uma boa UX?

Afinal, o que é uma boa UX? Estabelecer o que é uma boa UX é bem difícil

Afinal, o que é uma boa UX? Estabelecer o que é uma boa UX é bem difícil Já é difícil definir UX por si só

Afinal, o que é uma boa UX? Estabelecer o que é uma boa UX é bem difícil Já é difícil definir UX por si só Vamos tentar por partes...

Primeiro contato com a App

Layout

Layout Layout é importante para uma boa UX

Layout Layout é importante para uma boa UX Faz o usuário se sentir confortável

Layout Layout é importante para uma boa UX Faz o usuário se sentir confortável Mostra a dedicação na produção

Layout

UX = Layout +?

Usabilidade

Testes de Usabilidade

Testes de Usabilidade Testar com um usuário é melhor do que não testar. - KRUG

Testes de Usabilidade Testar com um usuário é melhor do que não testar. - KRUG Teste regularmente - fim do Sprint?

Testes de Usabilidade Testar com um usuário é melhor do que não testar. - KRUG Teste regularmente - fim do Sprint? Gera tarefas para o Sprint

Testes de Usabilidade Testar com um usuário é melhor do que não testar. - KRUG Teste regularmente - fim do Sprint? Gera tarefas para o Sprint Demonstra o progresso da equipe

Testes de Usabilidade Teste os aplicativos dos concorrentes

Testes de Usabilidade Teste os aplicativos dos concorrentes Seus primeiros protótipos

Testes de Usabilidade Teste os aplicativos dos concorrentes Seus primeiros protótipos Problemas vão surgir (Uhuu!)

Testes de Usabilidade Teste os aplicativos dos concorrentes Seus primeiros protótipos Problemas vão surgir (Uhuu!) Ganhe conhecimento do mercado

Testes de Usabilidade Teste os aplicativos dos concorrentes Seus primeiros protótipos Problemas vão surgir (Uhuu!) Ganhe conhecimento do mercado Copie o bom, melhore o ruim!

Testes de Usabilidade Documente todo o progresso

Testes de Usabilidade Documente todo o progresso Priorize os problemas

Testes de Usabilidade Documente todo o progresso Priorize os problemas Sempre corrija alguma coisa

Testes de Usabilidade Documente todo o progresso Priorize os problemas Sempre corrija alguma coisa Funcionalidades só tem valor se o usuário consegue usá-las

Legal, por onde eu começo?

Legal, por onde eu começo? Não escreva nenhuma linha de código!

Legal, por onde eu começo? Não escreva nenhuma linha de código! Agora é a hora de cometer os piores erros

Legal, por onde eu começo? Não escreva nenhuma linha de código! Agora é a hora de cometer os piores erros Use templates de papel...

Chegou email?

Chegou email? WiFi / 3G Lê o email

Chegou email? WiFi / 3G Lê o email Sem conexão Mostra erro!

Chegou email? WiFi / 3G Lê o email Sem conexão Mostra erro! Escreve email

Chegou email? WiFi / 3G Lê o email Sem conexão Mostra erro! Escreve email WiFi / 3G Envia email

Chegou email? WiFi / 3G Lê o email Sem conexão Mostra erro! Sem conexão Escreve email WiFi / 3G Envia email

Chegou email?

Chegou email? WiFi / 3G Lê o email

Chegou email? WiFi / 3G Sem conexão retry c/ 60s Lê o email

Chegou email? WiFi / 3G Sem conexão retry c/ 60s Lê o email Escreve email

Chegou email? WiFi / 3G Sem conexão retry c/ 60s Lê o email Escreve email WiFi / 3G Envia email

Chegou email? WiFi / 3G Sem conexão retry c/ 60s Lê o email Sem conexão retry c/ 60s Escreve email WiFi / 3G Envia email

Personas

Personas Teste qualitativo

Personas Teste qualitativo Use pessoas reais quando possível

Personas Teste qualitativo Use pessoas reais quando possível Sem acesso a usuários reais?

Personas Teste qualitativo Use pessoas reais quando possível Sem acesso a usuários reais? Não é necessário muita gente...

Personas Teste qualitativo Use pessoas reais quando possível Sem acesso a usuários reais? Não é necessário muita gente...... escolha suas personas!

Usabilidade

UX = Layout + Usabilidade +?

Çolussãu

UX = Layout + Usabilidade + Çolussãu +?

Execução

Execução A solução é expressada pela execução

Execução A solução é expressada pela execução A solução só é válida se é percebida pelo usuário

Execução A solução é expressada pela execução A solução só é válida se é percebida pelo usuário É fácil enriquecer urânio, difícil é fazer na prática!

UX = Layout + Usabilidade + Solução +?

Google

Google sheraton sf

Tem algo acontecendo...

Tem algo acontecendo... Quando começa a UX?

Tem algo acontecendo... Quando começa a UX? Usuário percebe que tem um problema

Tem algo acontecendo... Quando começa a UX? Usuário percebe que tem um problema Quando uma boa UX começa a agir?

Tem algo acontecendo... Quando começa a UX? Usuário percebe que tem um problema Quando uma boa UX começa a agir? Quando o web crawler indexa as páginas?

Tem algo acontecendo...

Tem algo acontecendo... Uma boa UX tem começo, meio e fim!

Tem algo acontecendo... Uma boa UX tem começo, meio e fim! Assim como uma história, precisa de narrativa!

Tem algo acontecendo... Uma boa UX tem começo, meio e fim! Assim como uma história, precisa de narrativa! Herói, motivação, objetivo, clímax, solução, surpresa!

História

História O usuário é o personagem principal

História O usuário é o personagem principal Se depara com um problema

História O usuário é o personagem principal Se depara com um problema Descobre uma solução (seu App)

História O usuário é o personagem principal Se depara com um problema Descobre uma solução (seu App) Resolve o problema

História O usuário é o personagem principal Se depara com um problema Descobre uma solução (seu App) Resolve o problema Se surpreende com o resultado!

História A história não precisa ter fim

História A história não precisa ter fim O usuário quem decide

História A história não precisa ter fim O usuário quem decide O usuário (pensa que) está no comando

História A história não precisa ter fim O usuário quem decide O usuário (pensa que) está no comando O App foi feito pra ele, não pra outra pessoa!

UX = Layout + Usabilidade + Solução + História

Um bom produto é um conjunto de funcionalidades bem integradas.

Um bom produto é um Um produto excelente é conjunto de uma história que o usuário funcionalidades bem integradas. vive através das funcionalidades.

Fim? Você quem decide ;) Obrigado! google.com/+gustavomenezes