65
UX PARA DESENVOLVEDORES Samantha Rosa @sahrosa Patrocínio: Organização:

UX para desenvolvedores - UX Conf BR 2015

Embed Size (px)

Citation preview

Page 1: UX para desenvolvedores - UX Conf BR 2015

UX PARA DESENVOLVEDORES

Samantha Rosa @sahrosa

Patrocínio: Organização:

Page 2: UX para desenvolvedores - UX Conf BR 2015

ALSO KNOWN AS DESIGNERS +

DESENVOLVEDORES = <3

Page 3: UX para desenvolvedores - UX Conf BR 2015

Designer, apaixonada por música, cinema, viagens, pessoas. Graduada aqui, na

UniRitter e pós graduada pela ESPM-Rio.

Samantha who?

Page 4: UX para desenvolvedores - UX Conf BR 2015

DESIGNERS + DESENVOLVEDORES =

<3

Page 5: UX para desenvolvedores - UX Conf BR 2015

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

Para que as experiências sejam boas, precisamos entender quem são os

usuários do produto ou serviço.

Fazemos:

Page 6: UX para desenvolvedores - UX Conf BR 2015

……

Page 7: UX para desenvolvedores - UX Conf BR 2015

Entender seus problemas e dificuldades,

descobrir o que os faz felizes. Ajuda-los a

atingir seus objetivos.

Queremos:

Page 8: UX para desenvolvedores - UX Conf BR 2015

UX Design não é deixar "bonitinho".

Não queremos:

Page 9: UX para desenvolvedores - UX Conf BR 2015

Design ≠ Arte

Page 10: UX para desenvolvedores - UX Conf BR 2015

Como fazemos:ESTRATÉGIA

PESQUISAINTERAÇÃO

DESIGN VISUALUI DEV

Page 11: UX para desenvolvedores - UX Conf BR 2015

Processo/método:

Page 12: UX para desenvolvedores - UX Conf BR 2015

E o que os desenvolvedores

tem a ver com isso?

Page 13: UX para desenvolvedores - UX Conf BR 2015

13

Performance é user experience. Mas depende

do desenvolvimento!

Page 14: UX para desenvolvedores - UX Conf BR 2015
Page 15: UX para desenvolvedores - UX Conf BR 2015

15

O design se tornou importante demais para ser deixado exclusivamente para os designers.

Tim Brown

Page 16: UX para desenvolvedores - UX Conf BR 2015

16

Temos os mesmos objetivos!

Page 17: UX para desenvolvedores - UX Conf BR 2015

Antes designers e desenvolvedores trabalhavam totalmente separados.

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

Page 18: UX para desenvolvedores - UX Conf BR 2015
Page 19: UX para desenvolvedores - UX Conf BR 2015

19

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

Lean UX e Design Contínuo.

Page 20: UX para desenvolvedores - UX Conf BR 2015

Modelo 1: Cascata

Page 21: UX para desenvolvedores - UX Conf BR 2015

ANÁLISE DE

NEGÓCIOSARQUITETURA

DE INFORMAÇÃODESIGN

VISUALDESENVOLVIMENTO

FRONT-END

DESENVOLVIMENTO

BACK-END

Design em cascata:

Page 22: UX para desenvolvedores - UX Conf BR 2015

ANÁLISE DE

NEGÓCIOSARQUITETURA

DE INFORMAÇÃODESIGN

VISUALDESENVOLVIMENTO

FRONT-END

DESENVOLVIMENTO

BACK-END

Design em cascata:

o design "perfeito"

Page 23: UX para desenvolvedores - UX Conf BR 2015

23

E no final do projeto…

Page 24: UX para desenvolvedores - UX Conf BR 2015

E nesse cenário, então…

Page 25: UX para desenvolvedores - UX Conf BR 2015

Modelo 2: “Ágil”

Page 26: UX para desenvolvedores - UX Conf BR 2015

Design “ágil”

Page 27: UX para desenvolvedores - UX Conf BR 2015

80% das features não são usadas

Design “ágil”

Page 28: UX para desenvolvedores - UX Conf BR 2015
Page 29: UX para desenvolvedores - UX Conf BR 2015

Modelo 3: Lean UX

Page 30: UX para desenvolvedores - UX Conf BR 2015

Design contínuo

Page 31: UX para desenvolvedores - UX Conf BR 2015

mínimo viável para validação

Design contínuo

Page 32: UX para desenvolvedores - UX Conf BR 2015

Lean UX lets you focus on the

actual experience being designed,

rather than deliverables

Jeff Gothelf

Page 33: UX para desenvolvedores - UX Conf BR 2015

Experimentos

Pesquisa

Avaliação

• Movimento noPSD

• Style guides vivos

• Princípios de design

• Testes de usabilidade

• Testes A/B

• Dados analíticos

• Entrevistas de guerrillla

• Ideação em hipóteses

• Critérios de sucesso

De ponta a ponta

Page 34: UX para desenvolvedores - UX Conf BR 2015

Dicas práticas para o dia-a-dia

Page 35: UX para desenvolvedores - UX Conf BR 2015

35

1

Trabalhar juntos não quer dizer apenas sentar na mesma mesa

Page 36: UX para desenvolvedores - UX Conf BR 2015

Defina a visão em conjuntoNão vale descubrir todas as respostas sozinho

Page 37: UX para desenvolvedores - UX Conf BR 2015

UMA VISÃO DEFINIDA

UM PRODUTO REFINADO

Output esperado

Page 38: UX para desenvolvedores - UX Conf BR 2015

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

UMA VISÃO DEFINIDA

UM PRODUTO REFINADO

Page 39: UX para desenvolvedores - UX Conf BR 2015

Incentive a equipe a perguntar ;)

Page 40: UX para desenvolvedores - UX Conf BR 2015

2

Mantenha os usuários por perto

Page 41: UX para desenvolvedores - UX Conf BR 2015

Não.. nós não somos os usuários do produto :P

Page 42: UX para desenvolvedores - UX Conf BR 2015

Sempre pensar em cima de melhorias

Pesquisa não é pra confirmar o que você já sabia

Page 43: UX para desenvolvedores - UX Conf BR 2015

Quais “jobs” devem ser executados pelos usuários?

Page 44: UX para desenvolvedores - UX Conf BR 2015

Aren’t we asking a little too much from our users?

Page 45: UX para desenvolvedores - UX Conf BR 2015

3

Estejamos vulneráveis para realmente aprender

Page 46: UX para desenvolvedores - UX Conf BR 2015

Aprenda com os usuários e stakeholders

Page 47: UX para desenvolvedores - UX Conf BR 2015

47

Feedback de design!

Page 48: UX para desenvolvedores - UX Conf BR 2015

Use dados de uso

Page 49: UX para desenvolvedores - UX Conf BR 2015

4

Sem upfront design

Page 50: UX para desenvolvedores - UX Conf BR 2015

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

Envolvam todos nas sessões de design

Page 51: UX para desenvolvedores - UX Conf BR 2015

51

Live style guides + Documentação compartilhada

Style guides <3

Page 52: UX para desenvolvedores - UX Conf BR 2015

52

Adoramos sugestões!

Page 53: UX para desenvolvedores - UX Conf BR 2015

5

Aproveitando boas práticas

Page 54: UX para desenvolvedores - UX Conf BR 2015

54

E por que não parear designer e desenvolvedor?

Pair programming!

Page 55: UX para desenvolvedores - UX Conf BR 2015

Aprendam! Github é demais :)Github!

Page 56: UX para desenvolvedores - UX Conf BR 2015

56

Tablero, Fireideaz, Waffle…

Board compartilhado

Page 57: UX para desenvolvedores - UX Conf BR 2015

Gitbook para documentação

Page 58: UX para desenvolvedores - UX Conf BR 2015

6

E se não der pra trabalhar juntos sempre?

Page 59: UX para desenvolvedores - UX Conf BR 2015

Acessibilidade não é acessório!

Page 60: UX para desenvolvedores - UX Conf BR 2015

60

• Contraste sempre! • Não tenha medo dos espaçamentos • Alinhamento sempre à esquerda…

Ensinem :)

Page 61: UX para desenvolvedores - UX Conf BR 2015

Todo mundo pode ser um pouco de tudo

Seja multifuncional

Page 62: UX para desenvolvedores - UX Conf BR 2015

62

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

M. LUTHER KING

Page 63: UX para desenvolvedores - UX Conf BR 2015

• 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

Pra saber mais sobre UX:

Page 64: UX para desenvolvedores - UX Conf BR 2015

64

Seríamos todos desenvolvedores

de software?

Page 65: UX para desenvolvedores - UX Conf BR 2015

Obrigada! Deixe seu feedback aqui:

bit.ly/uxconf-feed

UX PARA DESENVOLVEDORES @sahrosa - [email protected]

Conferência sobre User Experience em Porto Alegre, set/2015.

Patrocínio: Organização: