UX
para Startups

   Gilmar Gumier
Quem sou
           Gilmar Gumier
           Founder / User Experience Director da Satis 


Sonho
           de Criança: Ser Engenheiro Agrônomo
Colegial Técnico em
           Administração Pivot
Técnico em Processamento de Dados
           Pivot
Faculdade de Publicidade e Propaganda Pivot
Pós-
           Graduação em Administração


User Experience Designer
           desde 2006
2006/2007: Consultoria para agências de
           publicidade
2007/2008: Fábrica de software
2008: Agência
           de publicidade
2008: Fundação da Cog-Ignition
2012: Cog-
           Ignition adota novo posicionamento 
e passa a se chamar
           Satis
Clientes e Parceiros
Sucesso
          através da Experiência do Usuário
             4 anos            + 100 marcas                 + 300 projetos

      pesquisar                             fazer                       avaliar
       Benchmarking                 Wireframes e protótipos         Avaliação Heurística
     Análise competitiva          navegáveis de alta fidelidade     Teste de Usabilidade
        Card Sorting                        Sitemap                     Eye tracking
  Entrevistas com usuários             Fluxo de interação                Teste A/B
Estudo baseado em etnografia              Gamificação

 Mapeamento de processos                  Dashboards

  Matriz de funcionalidades               Infográficos

   Inventário de conteúdo                   Lean UX
                                         Design Visual
Afinal, o que é UX?
         ‘User Experience’ ou
       ‘Experiência do usuário’
      envolve todos os aspectos
   da interação dos usuários finais
com sua empresa, serviços e produtos.

      (Nielsen Norman Group)

O que não é UX
Design Visual / Interface / User Interface
    Etapa iniciada após a finalização
             da etapa de UX

   Programação / Desenvolvimento
  Também iniciada após a finalização
          da etapa de UX
Como UX pode
       ajudar uma startup
UX pode ajudar (e muito) uma startup em 4
       fatores críticos de sucesso:

                Porquê
                Quem
                 Como
                O quê
Como UX pode
        ajudar uma startup
                  Porquê
 É o problema que sua startup quer resolver

                  Quem
São as pessoas que querem 
ter este problema
                  resolvido
Como UX pode
   ajudar uma startup
             Como
São as maneiras que este problema
          será resolvido

             O quê
    É o produto da sua startup
UX em startups
Bons exemplos: Instagram




                     Mike Krieger
                     Co-founder
                     UX Designer
UX em startups
Bons exemplos: Hipmunk
                   Agonia
                   Filtro de seleção
                   de passagens por
                   valor da
                   passagem,
                   duração da viagem
                   e tempo de espera

                   Êxtase
                   Filtro de seleção
                   de hotéis por valor
                   do hotel,
                   benefícios e
                   reviews
Metodologias de UX:
Metodologia Tradicional
Metodologias de UX:
Projeto com UX Tradicional
                   Projeto: Intranet

                   Tempo de projeto: 4 meses

                   Etapas:
                   Questionário
                   Entrevista com usuários
                   Card Sorting
                   Sitemap
                   Wireframes
Metodologias de UX:
     Lean UX
Metodologias de UX:
            Lean UX
A “Lean UX” ou “UX magra” foca na relevância
 dos entregáveis a serem produzidos pelo UX
    Designer, dando um peso maior para o
entendimento do projeto e suas variáveis, ou
     seja,na “experiência” que está sendo
                  produzida.
Metodologias de UX:
            Lean UX
Na Lean UX, a idéia é resumir os entregáveis
 para ter maior tempo de discussão com a
  equipe interna:
- Wireframes das telas
 principais
- Fluxos desenhados nas lousas

 O objetivo da Lean UX não é acabar com os
entregáveis, mas sim produzí-los no momento
       e na profundidade apropriados
Metodologias de UX:
Lean UX p/ Startup Wayra
                  Startup: eudecido.com
                  (Site antigo)
              3
      4
                  1. Interface de
                  programador
          2
                  2. Serviço era explicado em
                  5 imagens separadas
                  3. Dois botões lado a lado
                  com funções distintas
  1               4. Duas opções de busca
                  5. Call-to-action na terceira
                  página
Metodologias de UX:
Lean UX p/ Startup Wayra
                  Startup: eudecido.com
                  (UX)

                  Wireframes:
                  Foco no core do produto:
                  Homepage e
                  criação/edição de grupos

                  Tempo:
                  3 reuniões de
                  alinhamento/entendiment
                  o
                  1,5 semana de projeto
Metodologias de UX:
Lean UX p/ Startup Wayra
                   Startup: eudecido.com
          1
                   (Design Visual)

                   Resultado:
               2
                   1. Principal valor do
                   produto no topo do site:
                   economia na compra do
                   carro
                   2. Explicação sobre o
                   serviço em 6 passos
                   (também usada offline)
               4
                   3. Call-to-action na
  3                primeira página
                   4. Destaques (produtos que
                   querem vender) na
                   primeira página
Metodologias de UX:
Lean UX p/ Startup Wayra
                     Startup: Professores
                     de Plantão
                     (Site antigo)
             1

                     1. Sem destaque para a
                     busca
                 2   2. Interface muito poluída
Metodologias de UX:
Lean UX p/ Startup Wayra
                  Startup: Professores
                  de Plantão
                  (UX)

                  Wireframes: Foco no core
                  do produto
                  Jornada do usuário:
                  definição do fluxo do
                  usuário no site

                  Tempo:
                  3 reuniões de
                  alinhamento/entendiment
                  o
                  1 semana de projeto
Metodologias de UX:
Lean UX p/ Startup Wayra
                         Startup: Professores
                         de Plantão
                         (Design Visual)
             1
                         Resultado:
                 2       1. Explicação do produto no
                         topo do site
                         2. Busca em destaque
                         3. Funcionamento em
                         passo-a-passo
                     3
;)
                Obrigado!

Gilmar Gumier               gilmar@satis.me
                             @gilmargumier
                              11 98641-2122
                               www.satis.me

UX para Startups

  • 1.
    UX para Startups Gilmar Gumier
  • 2.
    Quem sou Gilmar Gumier Founder / User Experience Director da Satis 


Sonho de Criança: Ser Engenheiro Agrônomo
Colegial Técnico em Administração Pivot
Técnico em Processamento de Dados Pivot
Faculdade de Publicidade e Propaganda Pivot
Pós- Graduação em Administração


User Experience Designer desde 2006
2006/2007: Consultoria para agências de publicidade
2007/2008: Fábrica de software
2008: Agência de publicidade
2008: Fundação da Cog-Ignition
2012: Cog- Ignition adota novo posicionamento 
e passa a se chamar Satis
  • 3.
  • 4.
    Sucesso através da Experiência do Usuário 4 anos + 100 marcas + 300 projetos pesquisar fazer avaliar Benchmarking Wireframes e protótipos Avaliação Heurística Análise competitiva navegáveis de alta fidelidade Teste de Usabilidade Card Sorting Sitemap Eye tracking Entrevistas com usuários Fluxo de interação Teste A/B Estudo baseado em etnografia Gamificação Mapeamento de processos Dashboards Matriz de funcionalidades Infográficos Inventário de conteúdo Lean UX Design Visual
  • 5.
    Afinal, o queé UX? ‘User Experience’ ou ‘Experiência do usuário’ envolve todos os aspectos da interação dos usuários finais com sua empresa, serviços e produtos.
 (Nielsen Norman Group)

  • 6.
    O que nãoé UX Design Visual / Interface / User Interface Etapa iniciada após a finalização da etapa de UX Programação / Desenvolvimento Também iniciada após a finalização da etapa de UX
  • 7.
    Como UX pode ajudar uma startup UX pode ajudar (e muito) uma startup em 4 fatores críticos de sucesso: Porquê Quem Como O quê
  • 8.
    Como UX pode ajudar uma startup Porquê É o problema que sua startup quer resolver Quem São as pessoas que querem 
ter este problema resolvido
  • 9.
    Como UX pode ajudar uma startup Como São as maneiras que este problema será resolvido O quê É o produto da sua startup
  • 10.
    UX em startups Bonsexemplos: Instagram Mike Krieger Co-founder UX Designer
  • 11.
    UX em startups Bonsexemplos: Hipmunk Agonia Filtro de seleção de passagens por valor da passagem, duração da viagem e tempo de espera Êxtase Filtro de seleção de hotéis por valor do hotel, benefícios e reviews
  • 12.
  • 13.
    Metodologias de UX: Projetocom UX Tradicional Projeto: Intranet Tempo de projeto: 4 meses Etapas: Questionário Entrevista com usuários Card Sorting Sitemap Wireframes
  • 14.
  • 15.
    Metodologias de UX: Lean UX A “Lean UX” ou “UX magra” foca na relevância dos entregáveis a serem produzidos pelo UX Designer, dando um peso maior para o entendimento do projeto e suas variáveis, ou seja,na “experiência” que está sendo produzida.
  • 16.
    Metodologias de UX: Lean UX Na Lean UX, a idéia é resumir os entregáveis para ter maior tempo de discussão com a equipe interna:
- Wireframes das telas principais
- Fluxos desenhados nas lousas O objetivo da Lean UX não é acabar com os entregáveis, mas sim produzí-los no momento e na profundidade apropriados
  • 17.
    Metodologias de UX: LeanUX p/ Startup Wayra Startup: eudecido.com (Site antigo) 3 4 1. Interface de programador 2 2. Serviço era explicado em 5 imagens separadas 3. Dois botões lado a lado com funções distintas 1 4. Duas opções de busca 5. Call-to-action na terceira página
  • 18.
    Metodologias de UX: LeanUX p/ Startup Wayra Startup: eudecido.com (UX) Wireframes: Foco no core do produto: Homepage e criação/edição de grupos Tempo: 3 reuniões de alinhamento/entendiment o 1,5 semana de projeto
  • 19.
    Metodologias de UX: LeanUX p/ Startup Wayra Startup: eudecido.com 1 (Design Visual) Resultado: 2 1. Principal valor do produto no topo do site: economia na compra do carro 2. Explicação sobre o serviço em 6 passos (também usada offline) 4 3. Call-to-action na 3 primeira página 4. Destaques (produtos que querem vender) na primeira página
  • 20.
    Metodologias de UX: LeanUX p/ Startup Wayra Startup: Professores de Plantão (Site antigo) 1 1. Sem destaque para a busca 2 2. Interface muito poluída
  • 21.
    Metodologias de UX: LeanUX p/ Startup Wayra Startup: Professores de Plantão (UX) Wireframes: Foco no core do produto Jornada do usuário: definição do fluxo do usuário no site Tempo: 3 reuniões de alinhamento/entendiment o 1 semana de projeto
  • 22.
    Metodologias de UX: LeanUX p/ Startup Wayra Startup: Professores de Plantão (Design Visual) 1 Resultado: 2 1. Explicação do produto no topo do site 2. Busca em destaque 3. Funcionamento em passo-a-passo 3
  • 23.
    ;) Obrigado! Gilmar Gumier gilmar@satis.me @gilmargumier 11 98641-2122 www.satis.me