| Programa Crescer | UX - Introdução
UXIntrodução
Daniele Lemos dos Santos
Núcleo de Design - CWI
| Programa Crescer | UX - Introdução
| Programa Crescer | UX - Introdução
O que é
(e o que não é) UX
| Programa Crescer | UX - Introdução
| Programa Crescer | UX - Introdução
UX = User Experience = Experiência do usuário
É a experiência de quem usa.
| Programa Crescer | UX - Introdução
Don Norman: The term "UX" - YouTube
| Programa Crescer | UX - Introdução
Qualquer produto ou serviço gera uma experiência.
A UX simplesmente acontece.
Mesmo quando não se pensa na UX, ela está lá.
UX é como uma pessoa se sente ao usar um produto ou serviço.
| Programa Crescer | UX - Introdução
O que não é UX?
| Programa Crescer | UX - Introdução
| Programa Crescer | UX - Introdução
| Programa Crescer | UX - Introdução
Por que UX é importante?
| Programa Crescer | UX - Introdução
Pessoas diferentes
pensam de maneiras
diferentes.
| Programa Crescer | UX - Introdução
Pessoas diferentes
pensam de maneiras
diferentes.
| Programa Crescer | UX - Introdução
"É, eu sei que esse nosso sistema é
ruim. Só que a empresa gastou um
dinheirão nele, e agora
a gente tem que usar,
fazer o que..."
| Programa Crescer | UX - Introdução
Adianta ter todas as
funcionalidades
e ser ruim de usar?
| Programa Crescer | UX - Introdução
Empresas faziam o que pensavam que era bom
e tentavam convencer as pessoas de que era bom
Entender as necessidades reais das pessoas
e oferecer uma solução
X
| Programa Crescer | UX - Introdução
Mais competitividade entre
empresas
Maior poder de escolha do
usuário
| Programa Crescer | UX - Introdução
| Programa Crescer | UX - Introdução
...
| Programa Crescer | UX - Introdução
Quem faz UX?
(dica: não é só o designer)
| Programa Crescer | UX - Introdução
Todos são responsáveis pela UX.
Gerente do projeto
Analista
Desenvolvedor
Testador
Designer
“Eu só cumpro
ordens…”
| Programa Crescer | UX - Introdução
Como se faz* UX?
(Como se estuda e melhora a UX)
| Programa Crescer | UX - Introdução
USUÁRIOSCOM
| Programa Crescer | UX - Introdução
UX - U = X
| Programa Crescer | UX - Introdução
Na prática:
É um processo iterativo:
Você tem
uma ideia
Você prototipa e
mostra aos usuários
Eles te dão
feedback
Você refina
a ideia
| Programa Crescer | UX - Introdução
Na prática:
Imersão e
Pesquisa
Entrevistas
Observações
Questionários
Definição e
Planejamento
Requisitos
Priorização
Fluxo
Sitemap
Prototipação
Wireframes
Protótipos navegáveis
Interface
Teste
Teste de usabilidade
Observação
Insights
Quem são os usuários e
quais são as suas dores?
De que forma podemos
atender suas necessidades?
Nossas suposições e
propostas estão realmente
atendendo as necessidades?
| Programa Crescer | UX - Introdução
Mais “na prática” ainda?!
| Programa Crescer | UX - Introdução
Oficina de UX
| Programa Crescer | UX - Introdução
1. Identificação do problema
Pense sobre sua experiência no Crescer.
Como você tomou conhecimento sobre o programa, como buscou e
encontrou informações, como foi o processo seletivo, como chegou no
local, interação pelo site ou com alguém da empresa, como estão sendo
as aulas…
Discuta, identifique e selecione um problema, algo que tenha sido ruim
(ou que pode melhorar) na experiência.
| Programa Crescer | UX - Introdução
2. Prototipação
Sugira e discuta sobre o que pode ser feito para solucionar este problema
e crie um “protótipo” de como seria a situação ideal.
É algum problema no site? Faça um redesenho simples indicando o que
deveria melhorar. Algo no processo? Desenhe um fluxograma...
| Programa Crescer | UX - Introdução
| Programa Crescer | UX - Introdução
3. Teste
Um representante de cada grupo troca de lugar, levando a ideia gerada.
Explique o problema selecionado e a solução proposta. Valide como o
grupo, perguntando o que eles acham e se essa ideia solucionaria o
problema para eles.
| Programa Crescer | UX - Introdução
Resultados?
| Programa Crescer | UX - Introdução
Validar, validar, validar
antes, durante e depois
Resumindo:
| Programa Crescer | UX - Introdução
O que eu, como desenvolvedor,
posso fazer para melhorar a
experiência dos usuários?
| Programa Crescer | UX - Introdução
Entenda que você não é o usuário.
Questione, cobre dos líderes.
Não se limite.
Saia do lugar, mostre para outras pessoas.
Peça apoio, estamos à disposição :)
| Programa Crescer | UX - Introdução
Núcleo de Design CWI
design@cwi.com.br
Daniele Santos
daniele.santos@cwi.com.br

Introdução UX - Crescer 2018/1 - CWI

  • 1.
    | Programa Crescer| UX - Introdução UXIntrodução Daniele Lemos dos Santos Núcleo de Design - CWI
  • 2.
    | Programa Crescer| UX - Introdução
  • 3.
    | Programa Crescer| UX - Introdução O que é (e o que não é) UX
  • 4.
    | Programa Crescer| UX - Introdução
  • 5.
    | Programa Crescer| UX - Introdução UX = User Experience = Experiência do usuário É a experiência de quem usa.
  • 6.
    | Programa Crescer| UX - Introdução Don Norman: The term "UX" - YouTube
  • 7.
    | Programa Crescer| UX - Introdução Qualquer produto ou serviço gera uma experiência. A UX simplesmente acontece. Mesmo quando não se pensa na UX, ela está lá. UX é como uma pessoa se sente ao usar um produto ou serviço.
  • 8.
    | Programa Crescer| UX - Introdução O que não é UX?
  • 9.
    | Programa Crescer| UX - Introdução
  • 10.
    | Programa Crescer| UX - Introdução
  • 11.
    | Programa Crescer| UX - Introdução Por que UX é importante?
  • 12.
    | Programa Crescer| UX - Introdução Pessoas diferentes pensam de maneiras diferentes.
  • 13.
    | Programa Crescer| UX - Introdução Pessoas diferentes pensam de maneiras diferentes.
  • 14.
    | Programa Crescer| UX - Introdução "É, eu sei que esse nosso sistema é ruim. Só que a empresa gastou um dinheirão nele, e agora a gente tem que usar, fazer o que..."
  • 15.
    | Programa Crescer| UX - Introdução Adianta ter todas as funcionalidades e ser ruim de usar?
  • 16.
    | Programa Crescer| UX - Introdução Empresas faziam o que pensavam que era bom e tentavam convencer as pessoas de que era bom Entender as necessidades reais das pessoas e oferecer uma solução X
  • 17.
    | Programa Crescer| UX - Introdução Mais competitividade entre empresas Maior poder de escolha do usuário
  • 18.
    | Programa Crescer| UX - Introdução
  • 19.
    | Programa Crescer| UX - Introdução ...
  • 20.
    | Programa Crescer| UX - Introdução Quem faz UX? (dica: não é só o designer)
  • 21.
    | Programa Crescer| UX - Introdução Todos são responsáveis pela UX. Gerente do projeto Analista Desenvolvedor Testador Designer “Eu só cumpro ordens…”
  • 22.
    | Programa Crescer| UX - Introdução Como se faz* UX? (Como se estuda e melhora a UX)
  • 23.
    | Programa Crescer| UX - Introdução USUÁRIOSCOM
  • 24.
    | Programa Crescer| UX - Introdução UX - U = X
  • 25.
    | Programa Crescer| UX - Introdução Na prática: É um processo iterativo: Você tem uma ideia Você prototipa e mostra aos usuários Eles te dão feedback Você refina a ideia
  • 26.
    | Programa Crescer| UX - Introdução Na prática: Imersão e Pesquisa Entrevistas Observações Questionários Definição e Planejamento Requisitos Priorização Fluxo Sitemap Prototipação Wireframes Protótipos navegáveis Interface Teste Teste de usabilidade Observação Insights Quem são os usuários e quais são as suas dores? De que forma podemos atender suas necessidades? Nossas suposições e propostas estão realmente atendendo as necessidades?
  • 27.
    | Programa Crescer| UX - Introdução Mais “na prática” ainda?!
  • 28.
    | Programa Crescer| UX - Introdução Oficina de UX
  • 29.
    | Programa Crescer| UX - Introdução 1. Identificação do problema Pense sobre sua experiência no Crescer. Como você tomou conhecimento sobre o programa, como buscou e encontrou informações, como foi o processo seletivo, como chegou no local, interação pelo site ou com alguém da empresa, como estão sendo as aulas… Discuta, identifique e selecione um problema, algo que tenha sido ruim (ou que pode melhorar) na experiência.
  • 30.
    | Programa Crescer| UX - Introdução 2. Prototipação Sugira e discuta sobre o que pode ser feito para solucionar este problema e crie um “protótipo” de como seria a situação ideal. É algum problema no site? Faça um redesenho simples indicando o que deveria melhorar. Algo no processo? Desenhe um fluxograma...
  • 31.
    | Programa Crescer| UX - Introdução
  • 32.
    | Programa Crescer| UX - Introdução 3. Teste Um representante de cada grupo troca de lugar, levando a ideia gerada. Explique o problema selecionado e a solução proposta. Valide como o grupo, perguntando o que eles acham e se essa ideia solucionaria o problema para eles.
  • 33.
    | Programa Crescer| UX - Introdução Resultados?
  • 34.
    | Programa Crescer| UX - Introdução Validar, validar, validar antes, durante e depois Resumindo:
  • 35.
    | Programa Crescer| UX - Introdução O que eu, como desenvolvedor, posso fazer para melhorar a experiência dos usuários?
  • 36.
    | Programa Crescer| UX - Introdução Entenda que você não é o usuário. Questione, cobre dos líderes. Não se limite. Saia do lugar, mostre para outras pessoas. Peça apoio, estamos à disposição :)
  • 37.
    | Programa Crescer| UX - Introdução Núcleo de Design CWI design@cwi.com.br Daniele Santos daniele.santos@cwi.com.br