1

UX PARA DESENVOLVEDORES

Samantha Rosa & Tassia Spinelli QCon Rio 2015

Samantha Rosa Tassia Spinelli

OBJETIVOS

O QUE É UX DESIGN?

Projetar soluções para a experiência de uso de produtos ou serviços.

Para que essas experiências sejam boas, precisamos entender quem é o usuário desse produto ou serviço.

??

• Entender problemas e dificuldades • Descobrir o que os faz felizes • Ajuda-los a atingir seus objetivos

QUEREMOS:

UX Design não é só deixar "bonitinho".

NÃO QUEREMOS:

COMO FAZEMOS ISSO:ESTRATÉGIA

PESQUISAINTERAÇÃO

DESIGN VISUALUI DEV

PROCESSO/MÉTODO

E O QUE VOCÊS TEM A VER COM ISSO? TUDO.

13

PERFORMANCE É USER EXPERIENCE. MAS DEPENDE

DO DESENVOLVIMENTO!

14

TEMOS OS MESMOS OBJETIVOS

Antes designers e desenvolvedores trabalhavam totalmente separados.

O designer era (ou se considerava) o herói, intocável, inquestionável…

Isso não faz sentido, e vem mudando desde que surgiram os movimentos de

Lean UX e Design Contínuo.

FASE 1: CASCATA

17

ANÁLISE DE

NEGÓCIOSARQUITETURA

DE INFORMAÇÃODESIGN

VISUALDESENVOLVIMENTO

FRONT-END

DESENVOLVIMENTO

BACK-END

DESIGN EM CASCATA

18

ANÁLISE DE

NEGÓCIOSARQUITETURA

DE INFORMAÇÃODESIGN

VISUALDESENVOLVIMENTO

FRONT-END

DESENVOLVIMENTO

BACK-END

O "DESIGN PERFEITO"

DESIGN EM CASCATA

19

E NO FINAL DO PROJETO…

E NESSE CENÁRIO, ENTÃO…

FASE 2: "ÁGIL"

DESIGN "ÁGIL"

80% DAS FEATURES NÃO SÃO USADAS

DESIGN "ÁGIL"

FASE 3: LEAN UX

DESIGN CONTÍNUO

O MÍNIMO VIÁVEL PARA VALIDAÇÃO

DESIGN CONTÍNUO

Lean UX lets you focus on the

actual experience being designed,

rather than deliverables

— JEFF GOTHELF

EXPERIMENTOS

PESQUISA

AVALIAÇÃO

• Movimento noPSD • Style guides vivos • Princípios de design

• Testes de guerrillla • Testes A/B • Dados analíticos

• Entrevistas de guerrillla • Ideação em hipóteses • Critérios de sucesso

DE PONTA A PONTA

DICAS PRÁTICAS PRO DIA A DIA

31

TRABALHAR JUNTOS NÃO QUER DIZER APENAS SENTAR NA MESMA MESA

1

DEFINA A VISÃO EM CONJUNTONão espere que UX tenha todas as respostas

UMA VISÃO DEFINIDA

UM PRODUTO REFINADO

Output esperado

UMA VISÃO DEFINIDA

UM PRODUTO REFINADO

Output esperado

Todos sabem:

• Quem é o público alvo • Quais cenários focar • Oportunidades existentes • O que nos faz felizes

Todos sabem:

• Produto que encaixa em uma necessidade

• Modelo de negócio que encaixa em necessidade

35

SEJAM CURIOSOS: PERGUNTEM!

MANTENHA SEUS USUÁRIOS POR PERTO

2

37

NÃO… VOCÊ NÃO É O USUÁRIO DO SEU PRODUTO :P

NÃO É PRA CONFIRMAR O QUE VOCÊ JÁ SABIA

Sempre pensar em cima de melhorias

QUAIS ‘JOBS' DEVEM SER EXECUTADOS PELO USUÁRIO?

"AREN’T WE ASKING A LITTLE TOO MUCH FROM OUR USERS?"

ESTEJAMOS VULNERÁVEIS PARA REALMENTE APRENDER

3

APRENDA COM OS USUÁRIOS E STAKEHOLDERS

43

FEEDBACK DE DESIGNFaça colaborativamente!

USE DADOS DE USO

SEM UP FRONT DESIGN

4

NO UP

FRONT DESIGN

PARTICIPEM DAS SESSÕES DE DESIGN

Todo mundo sabe desenhar círculos, retângulos…

48

STYLE GUIDES <3Live style guides + Documentação compartilhada

49

ADORAMOS SUGESTÕES

APROVEITANDO BOAS PRÁTICAS

5

51

PAIR PROGRAMMINGE por que não parear com UX?

GITHUB!Ensinem os designers! Github é demais :)

53

BOARD COMPARTILHADOTablero, Fireideaz, Waffle…

GITBOOK PARA DOCUMENTAÇÃO

E SE VOCÊ NÃO TIVER UM UX DO SEU LADO?

6

ACESSIBILIDADE NÃO É ACESSÓRIO

57

• CONTRASTE (SEMPRE)

• ESPAÇAMENTOS

• ALINHAMENTO (ESQUERDA)

ICON FONTS

GOOGLE FONTS

SEJA MULTIFUNCIONALTodo mundo pode ser um pouco de tudo

61

A mais persistente e urgente questão da vida é essa: o que você está fazendo pelos outros?— M. LUTHER KING

QUER SABER MAIS SOBRE UX?

•Lean UX. Jeff Gothelf

•Change by Design. Tim Brown

•Não me faça pensar, Steve Krug

•Design do dia a dia, Donald Norman

•About Face 3, Alan Cooper

•Blog Arquitetura de Informação

•Hack Design - www.hackdesign.org

63

SERÍAMOS TODOS DESENVOLVEDORES DE

SOFTWARE?

64

OBRIGADA!

Samantha Rosa srosa@thoughtworks.com

@sahrosa

Tassia Spinelli tspinell@thoughtworks.com

@tassiaspinelli