Globalcode – Open4education
Trilha – UX DESIGN
Diogo Cosentino
Especialista em Arquitetura da
Informação e coordenador do time de
UX do PagSeguro UOL
Luciana Terceiro
Especialista em UX Design e
co-fundadora do Coletivo Mola.
Globalcode – Open4education
A evolução do UX nas
empresas
(e como promovê-la)
Globalcode – Open4education
Antes de tudo, do que
estamos falando?
Globalcode – Open4education
http://arquiteturadeinformacao.com/user-experience/oi-voce-pode-fazer-a-ux-do-app-pra-gente/
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
UX é a preocupação em
compreender e atender as demandas
e necessidades do usuário
Globalcode – Open4education
Traduzindo para o
desenvolvimento ágil,
UX é a preocupação em entregar valor
real para o usuário em todos os
deliveries.
Globalcode – Open4education
Medindo a maturidade do UX
(SPOILER: Não somos os primeiros a levantar esta bola)
Globalcode – Open4education
Globalcode – Open4education
Convencimento Adoção Popularização Cultura
Globalcode – Open4education
Convencimento
Globalcode – Open4education
Onde costuma estar a preocupação com o
usuário nesta fase?
- Longe das decisões estratégicas;
- Concentrada na mão de um ou mais (nunca muitos) Arquitetos de
Informação, Designers ou Webmasters;
- Com profissionais que não foram contratados para essa função;
Globalcode – Open4education
Como costumam ser as atividades do
profissional nesta etapa?
- Ligadas à categorização e organização de conteúdos pré-
estabelecidos
- Focadas na criação de interfaces para serviços e funcionalidades já
estabelecidos.
Globalcode – Open4education
Quais costumam ser as ferramentas do
profissional nesta etapa?
- Wireframes;
- Protótipos (normalmente, de alta fidelidade);
- Mapa do site;
- Análises heurísticas;
- Benchmark.
Globalcode – Open4education
O que é esperado do profissional nesta
etapa?
- Telas que contenham exatamente o que o diretor/GP/PO/Cliente
pediu que elas tivessem;
- “Telas mais coloridas” eventualmente.
- Que ele entregue o wireframe e passe para a próxima demanda.
Globalcode – Open4education
Globalcode – Open4education
Principais desafios dos profissionais de UX
nesta fase
- Convencer da importância de se ouvir o usuário;
- Enfrentar a resistência de Stakeholders (que só querem uma tela
bonita) e dentro dos próprios times de desenvolvimento (que estão
preocupados com os prazos);
Globalcode – Open4education
Como ajudar sua empresa a evoluir para a
próxima etapa?
Globalcode – Open4education
Convencimento
- Nenhuma
autonomia;
- Nenhuma
influências nas
decisões;
- Isolado dos
demais times;
- Atuação na tela ou
página;
Adoção Popularização Cultura
Globalcode – Open4education
Adoção
Globalcode – Open4education
Onde costuma estar a preocupação com o
usuário nesta fase?
- Ainda longe das decisões estratégicas, mas já um pouco mais
focada na funcionalidade/serviço do que só na tela;
- Isolada em uma área ou departamento, de onde saem telas e
protótipos.
- Concentrada em profissionais que foram contratados exatamente
para desempenhar essa função;
- Com profissionais que podem ou não acumular funções, como
design e programação.
Globalcode – Open4education
Como costumam ser as atividades do
profissional nesta etapa?
- Alinhadas com as definições de negócios para o produto/serviço
(definições das quais ela/ele não participou);
- Embasadas por briefings ou entrevistas rápidas com o
PO/GP/Gerente, com quem passou a demanda;
- Ainda baseadas em demandas passadas, em vez de propostas
definidas de forma conjunta;
Globalcode – Open4education
Quais costumam ser as ferramentas do
profissional nesta etapa?
- Wireframes;
- Cardsorting;
- Protótipos (já com menos necessidade de fidelidade);
- Entrevistas com Stakeholders e/ou com o Público-alvo;
- Testes de usabilidade;
- Benchmarks;
- Fluxogramas/Sitegramas;
- Jornadas dos usuários (mais rasas, sem juízos de valor);
Globalcode – Open4education
O que é esperado do profissional nesta
etapa?
- Conhecimento mais profundo da proposta e objetivo da
feature/serviço que se está desenvolvendo;
- Menos tempo sentado em sua bancada, mas seu trabalho ainda gira
em torno do protótipo;
- Mais proximidade com os times de desenvolvimento e conhecimento
da agenda desses times;
- Ironicamente, que seus protótipos sejam ainda mais infalíveis, já que
ele teve mais tempo e mais conhecimento.
Globalcode – Open4education
Principais desafios dos profissionais de UX
nesta fase
- Convencer da importância de pesquisas qualitativas para alinhar a
proposta às demandas do cliente/público-alvo;
- Começar a cavar um espaço nas discussões estratégicas;
- Começar a ver o todo. Não existem páginas ou features isoladas e
que não conversem em maior ou menor grau com o roadmap do
produto e a estratégia da empresa;
- Aproximar os demais profissionais da preocupação com o usuário;
Globalcode – Open4education
Como ajudar sua empresa evoluir para a
próxima etapa?
Globalcode – Open4education
Convencimento
- Nenhuma
autonomia;
- Nenhuma
influências nas
decisões;
- Isolado dos
demais times;
- Atuação na tela ou
página;
Adoção
- Pouca autonomia;
- Ajuda em decisões
pontuais;
- Trabalha junto ao
PO;
- Atuação na feature
Popularização Cultura
Globalcode – Open4education
Popularização
Globalcode – Open4education
Onde costuma estar a preocupação com o
usuário nesta fase?
- Distribuída dentro dos times de desenvolvimento;
- Na cabeça de gestores ligados diretamente às entregas;
- Em reuniões e decisões estratégicas;
- Começando a ganhar espaço em áreas não diretamente ligadas a
interface e contato com o cliente;
Globalcode – Open4education
Como costumam ser as atividades do
profissional nesta etapa?
- Participa de decisões de escopo;
- Participa de priorizações e plannings;
- Traz insumos e dados sobre o usuário para o time;
- Desenvolve protótipos e wireframes como forma de consolidar e
comunicar as diversas visões;
- Além das pesquisas, atua como facilitador em dinâmicas que
viabilizam insights e oportunidades juntos aos times de negócio
Globalcode – Open4education
Popularização
Quais costumam ser as ferramentas do
profissional nesta etapa?
- Entrevistas em profundidade;
- Metodologias de validação de proposta
(como o Value Proposition Canvas);
- Metodologias de co-criação (para
levantar insumos e alinhar visões)
- Personas
- Jornadas do usuário (completas, com
dores e alegrias);
- Protótipos de baixa fidelidade ou
paper prototyping;
- Benchmarks;
- Service Blue Prints;
- KPI (Key Performance Indicators)
Globalcode – Open4education
O que é esperado do profissional nesta
etapa?
- Autonomia para desenvolver as atividades de UX dentro dos times;
- Adaptar e implementar os processos de UX/DT dentro do contexto
de cada time/projeto;
- Fazer a conexão entre os objetivos da empresa e do usuário;
- Envolver todos os profissionais do time nos processos de UX/DT.
Globalcode – Open4education
Principais desafios dos profissionais de UX
nesta fase
- Apresentar e promover as dinâmicas e atividades de pesquisa junto
a todos os profissionais do time;
- Garantir que os resultados dessas atividades sejam visualizados,
compreendidos e aplicados nos entregáveis;
- Começar a trabalhar tendo por base a estratégia da empresa;
- Tangibilizar, utilizando métodos e técnicas, a preocupação com o
usuário que todos do time passaram a ter;
Globalcode – Open4education
Como ajudar sua empresa a evoluir para a
próxima etapa?
Globalcode – Open4education
Convencimento
- Nenhuma
autonomia;
- Nenhuma
influências nas
decisões;
- Isolado dos
demais times;
- Atuação na tela ou
página;
Adoção
- Pouca autonomia;
- Ajuda em decisões
pontuais;
- Trabalha junto ao
PO, mas ainda na
“área de UX” ou
de Interface;
- Atuação na feature
Popularização
- Maior autonomia;
- Ajuda em
definições
estratégicas do
produto;
- Trabalha junto ao
time;
- Atuação no
escopo
Cultura
Globalcode – Open4education
Cultura
Globalcode – Open4education
Onde costuma estar a preocupação com o
usuário nesta fase?
- No core do negócio e na cabeça dos stakeholders;
- Distribuída entre todos os passos do processo;
- Repassada adiante para fornecedores e todos os elos da cadeia
produtiva;
- No coração dos profissionais ( )
Globalcode – Open4education
Como costumam ser as atividades do
profissional nesta etapa?
- Participa de decisões estratégicas da empresa como um todo.
- Continua participando de priorizações e plannings dentro dos times;
- Participa de desenvolvimento de roadmaps e BMCs (Business Model
Canvas);
- Passa a trabalhar mais como Designer de Serviço, levando em conta
toda o processo;
- O UX Design passa a ser operacionalizado como Design Thinking
(ou Design Centrado no Usuário), cujos parâmetros e mandamentos
permeiam toda a organização.
Globalcode – Open4education
Quais costumam ser as ferramentas do
profissional nesta etapa?
- Entrevistas em profundidade;
- Pesquisas Etnográficas
- Metodologias de validação de proposta
(como o Value Proposition Canvas);
- Metodologias de co-criação (para
levantar insumos e alinhar visões)
- Personas
- Business Model Canvas
- Service Blue Prints;
- KPI (Key Performance Indicators);
- OKR (Objectives and Key Results).
Globalcode – Open4education
O que é esperado do UX Designer nesta
etapa?
- Profundo conhecimento do negócio, do mercado e da estratégia da
empresa;
- Responsável pela criação e institucionalização de processos de
desenvolvimento orientados pelo design thinking;
- Responsável por promover, dentro dos times, processos que
permitam a transformação dos insights colhidos nas etapas de
pesquisa em valor real para o usuário;
Globalcode – Open4education
Principais desafio dos profissionais de UX
nesta fase
- Promover e facilitar a iteração contínua entre os ciclos de ideação,
desenvolvimento e mensuração;
- Facilitar a comunicação entre Stakeholders e times;
- Direcionar e manter a estratégia e objetivos da empresa alinhados
às demandas e necessidades do usuário
- Promover e assegurar as melhores práticas em todos os pontos de
contato do usuário com a marca/produto/serviço;
Globalcode – Open4education
Como ajudar sua empresa a continuar
evoluindo?
Globalcode – Open4education
Convencimento
- Nenhuma
autonomia;
- Nenhuma
influências nas
decisões;
- Isolado dos
demais times;
- Atua na tela ou
página;
Adoção
- Pouca autonomia;
- Ajuda em decisões
pontuais;
- Trabalha junto ao
PO, mas ainda na
“área de UX” ou
de Interface;
- Atua na feature
Popularização
- Maior autonomia;
- Ajuda em
definições
estratégicas do
produto;
- Trabalha junto ao
time de P&D;
- Atua no escopo
Evangelização
- Atividade atrelada
aos processos da
empresa
- Ajuda na criação,
desenho do
modelo de negócio
e desenvolvimento
do produto/serviço
- Trabalha junto à
diretoria;
- Atua na estratégia
Globalcode – Open4education
Obrigado!
luciana@coletivomola.com.br

A evolução do ux nas empresas (e como promovê-la)

  • 1.
    Globalcode – Open4education Trilha– UX DESIGN Diogo Cosentino Especialista em Arquitetura da Informação e coordenador do time de UX do PagSeguro UOL Luciana Terceiro Especialista em UX Design e co-fundadora do Coletivo Mola.
  • 2.
    Globalcode – Open4education Aevolução do UX nas empresas (e como promovê-la)
  • 3.
    Globalcode – Open4education Antesde tudo, do que estamos falando?
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
    Globalcode – Open4education UXé a preocupação em compreender e atender as demandas e necessidades do usuário
  • 10.
    Globalcode – Open4education Traduzindopara o desenvolvimento ágil, UX é a preocupação em entregar valor real para o usuário em todos os deliveries.
  • 11.
    Globalcode – Open4education Medindoa maturidade do UX (SPOILER: Não somos os primeiros a levantar esta bola)
  • 12.
  • 13.
    Globalcode – Open4education ConvencimentoAdoção Popularização Cultura
  • 14.
  • 15.
    Globalcode – Open4education Ondecostuma estar a preocupação com o usuário nesta fase? - Longe das decisões estratégicas; - Concentrada na mão de um ou mais (nunca muitos) Arquitetos de Informação, Designers ou Webmasters; - Com profissionais que não foram contratados para essa função;
  • 16.
    Globalcode – Open4education Comocostumam ser as atividades do profissional nesta etapa? - Ligadas à categorização e organização de conteúdos pré- estabelecidos - Focadas na criação de interfaces para serviços e funcionalidades já estabelecidos.
  • 17.
    Globalcode – Open4education Quaiscostumam ser as ferramentas do profissional nesta etapa? - Wireframes; - Protótipos (normalmente, de alta fidelidade); - Mapa do site; - Análises heurísticas; - Benchmark.
  • 18.
    Globalcode – Open4education Oque é esperado do profissional nesta etapa? - Telas que contenham exatamente o que o diretor/GP/PO/Cliente pediu que elas tivessem; - “Telas mais coloridas” eventualmente. - Que ele entregue o wireframe e passe para a próxima demanda.
  • 19.
  • 20.
    Globalcode – Open4education Principaisdesafios dos profissionais de UX nesta fase - Convencer da importância de se ouvir o usuário; - Enfrentar a resistência de Stakeholders (que só querem uma tela bonita) e dentro dos próprios times de desenvolvimento (que estão preocupados com os prazos);
  • 21.
    Globalcode – Open4education Comoajudar sua empresa a evoluir para a próxima etapa?
  • 22.
    Globalcode – Open4education Convencimento -Nenhuma autonomia; - Nenhuma influências nas decisões; - Isolado dos demais times; - Atuação na tela ou página; Adoção Popularização Cultura
  • 23.
  • 24.
    Globalcode – Open4education Ondecostuma estar a preocupação com o usuário nesta fase? - Ainda longe das decisões estratégicas, mas já um pouco mais focada na funcionalidade/serviço do que só na tela; - Isolada em uma área ou departamento, de onde saem telas e protótipos. - Concentrada em profissionais que foram contratados exatamente para desempenhar essa função; - Com profissionais que podem ou não acumular funções, como design e programação.
  • 25.
    Globalcode – Open4education Comocostumam ser as atividades do profissional nesta etapa? - Alinhadas com as definições de negócios para o produto/serviço (definições das quais ela/ele não participou); - Embasadas por briefings ou entrevistas rápidas com o PO/GP/Gerente, com quem passou a demanda; - Ainda baseadas em demandas passadas, em vez de propostas definidas de forma conjunta;
  • 26.
    Globalcode – Open4education Quaiscostumam ser as ferramentas do profissional nesta etapa? - Wireframes; - Cardsorting; - Protótipos (já com menos necessidade de fidelidade); - Entrevistas com Stakeholders e/ou com o Público-alvo; - Testes de usabilidade; - Benchmarks; - Fluxogramas/Sitegramas; - Jornadas dos usuários (mais rasas, sem juízos de valor);
  • 27.
    Globalcode – Open4education Oque é esperado do profissional nesta etapa? - Conhecimento mais profundo da proposta e objetivo da feature/serviço que se está desenvolvendo; - Menos tempo sentado em sua bancada, mas seu trabalho ainda gira em torno do protótipo; - Mais proximidade com os times de desenvolvimento e conhecimento da agenda desses times; - Ironicamente, que seus protótipos sejam ainda mais infalíveis, já que ele teve mais tempo e mais conhecimento.
  • 28.
    Globalcode – Open4education Principaisdesafios dos profissionais de UX nesta fase - Convencer da importância de pesquisas qualitativas para alinhar a proposta às demandas do cliente/público-alvo; - Começar a cavar um espaço nas discussões estratégicas; - Começar a ver o todo. Não existem páginas ou features isoladas e que não conversem em maior ou menor grau com o roadmap do produto e a estratégia da empresa; - Aproximar os demais profissionais da preocupação com o usuário;
  • 29.
    Globalcode – Open4education Comoajudar sua empresa evoluir para a próxima etapa?
  • 30.
    Globalcode – Open4education Convencimento -Nenhuma autonomia; - Nenhuma influências nas decisões; - Isolado dos demais times; - Atuação na tela ou página; Adoção - Pouca autonomia; - Ajuda em decisões pontuais; - Trabalha junto ao PO; - Atuação na feature Popularização Cultura
  • 31.
  • 32.
    Globalcode – Open4education Ondecostuma estar a preocupação com o usuário nesta fase? - Distribuída dentro dos times de desenvolvimento; - Na cabeça de gestores ligados diretamente às entregas; - Em reuniões e decisões estratégicas; - Começando a ganhar espaço em áreas não diretamente ligadas a interface e contato com o cliente;
  • 33.
    Globalcode – Open4education Comocostumam ser as atividades do profissional nesta etapa? - Participa de decisões de escopo; - Participa de priorizações e plannings; - Traz insumos e dados sobre o usuário para o time; - Desenvolve protótipos e wireframes como forma de consolidar e comunicar as diversas visões; - Além das pesquisas, atua como facilitador em dinâmicas que viabilizam insights e oportunidades juntos aos times de negócio
  • 34.
    Globalcode – Open4education Popularização Quaiscostumam ser as ferramentas do profissional nesta etapa? - Entrevistas em profundidade; - Metodologias de validação de proposta (como o Value Proposition Canvas); - Metodologias de co-criação (para levantar insumos e alinhar visões) - Personas - Jornadas do usuário (completas, com dores e alegrias); - Protótipos de baixa fidelidade ou paper prototyping; - Benchmarks; - Service Blue Prints; - KPI (Key Performance Indicators)
  • 35.
    Globalcode – Open4education Oque é esperado do profissional nesta etapa? - Autonomia para desenvolver as atividades de UX dentro dos times; - Adaptar e implementar os processos de UX/DT dentro do contexto de cada time/projeto; - Fazer a conexão entre os objetivos da empresa e do usuário; - Envolver todos os profissionais do time nos processos de UX/DT.
  • 36.
    Globalcode – Open4education Principaisdesafios dos profissionais de UX nesta fase - Apresentar e promover as dinâmicas e atividades de pesquisa junto a todos os profissionais do time; - Garantir que os resultados dessas atividades sejam visualizados, compreendidos e aplicados nos entregáveis; - Começar a trabalhar tendo por base a estratégia da empresa; - Tangibilizar, utilizando métodos e técnicas, a preocupação com o usuário que todos do time passaram a ter;
  • 37.
    Globalcode – Open4education Comoajudar sua empresa a evoluir para a próxima etapa?
  • 38.
    Globalcode – Open4education Convencimento -Nenhuma autonomia; - Nenhuma influências nas decisões; - Isolado dos demais times; - Atuação na tela ou página; Adoção - Pouca autonomia; - Ajuda em decisões pontuais; - Trabalha junto ao PO, mas ainda na “área de UX” ou de Interface; - Atuação na feature Popularização - Maior autonomia; - Ajuda em definições estratégicas do produto; - Trabalha junto ao time; - Atuação no escopo Cultura
  • 39.
  • 40.
    Globalcode – Open4education Ondecostuma estar a preocupação com o usuário nesta fase? - No core do negócio e na cabeça dos stakeholders; - Distribuída entre todos os passos do processo; - Repassada adiante para fornecedores e todos os elos da cadeia produtiva; - No coração dos profissionais ( )
  • 41.
    Globalcode – Open4education Comocostumam ser as atividades do profissional nesta etapa? - Participa de decisões estratégicas da empresa como um todo. - Continua participando de priorizações e plannings dentro dos times; - Participa de desenvolvimento de roadmaps e BMCs (Business Model Canvas); - Passa a trabalhar mais como Designer de Serviço, levando em conta toda o processo; - O UX Design passa a ser operacionalizado como Design Thinking (ou Design Centrado no Usuário), cujos parâmetros e mandamentos permeiam toda a organização.
  • 42.
    Globalcode – Open4education Quaiscostumam ser as ferramentas do profissional nesta etapa? - Entrevistas em profundidade; - Pesquisas Etnográficas - Metodologias de validação de proposta (como o Value Proposition Canvas); - Metodologias de co-criação (para levantar insumos e alinhar visões) - Personas - Business Model Canvas - Service Blue Prints; - KPI (Key Performance Indicators); - OKR (Objectives and Key Results).
  • 43.
    Globalcode – Open4education Oque é esperado do UX Designer nesta etapa? - Profundo conhecimento do negócio, do mercado e da estratégia da empresa; - Responsável pela criação e institucionalização de processos de desenvolvimento orientados pelo design thinking; - Responsável por promover, dentro dos times, processos que permitam a transformação dos insights colhidos nas etapas de pesquisa em valor real para o usuário;
  • 44.
    Globalcode – Open4education Principaisdesafio dos profissionais de UX nesta fase - Promover e facilitar a iteração contínua entre os ciclos de ideação, desenvolvimento e mensuração; - Facilitar a comunicação entre Stakeholders e times; - Direcionar e manter a estratégia e objetivos da empresa alinhados às demandas e necessidades do usuário - Promover e assegurar as melhores práticas em todos os pontos de contato do usuário com a marca/produto/serviço;
  • 45.
    Globalcode – Open4education Comoajudar sua empresa a continuar evoluindo?
  • 46.
    Globalcode – Open4education Convencimento -Nenhuma autonomia; - Nenhuma influências nas decisões; - Isolado dos demais times; - Atua na tela ou página; Adoção - Pouca autonomia; - Ajuda em decisões pontuais; - Trabalha junto ao PO, mas ainda na “área de UX” ou de Interface; - Atua na feature Popularização - Maior autonomia; - Ajuda em definições estratégicas do produto; - Trabalha junto ao time de P&D; - Atua no escopo Evangelização - Atividade atrelada aos processos da empresa - Ajuda na criação, desenho do modelo de negócio e desenvolvimento do produto/serviço - Trabalha junto à diretoria; - Atua na estratégia
  • 47.