Design e a User Experience

Frederick van Amstel, MsC @fredvanamstel
Gonçalo Ferraz, Especialista @goncaloferrax




Instituto Faber-Ludens de Design de Interação
O que é

User Experience?
User Experience

    não é

  diagrama.
User Experience (UX) são aqueles momentos na vida em que tudo está
perfeito ao seu redor.
O que é

Design?
''Most people make the mistake
    of thinking design is what it
  looks like. It's not just what it
looks like and feels like. Design
                is how it works.''
                  Steve Jobs, Apple
Design é o projeto de ambientes, produtos e serviços visando uma
User Experience integrada.
As empresas só investem quando o negócio fica grave...
Recall feito para resolver o problema do Fox
Experiência do Usuário não é requisito. É estratégia.
Design Centrado no Valor,
Jess McMullin


    Objetivos de
       Negócio

                            Objetivos de
                               Negócio
                   Design
       Vácuo                   Valor
                   Acaso
                            Objetivos do
                               Usuário

    Objetivos do
       Usuário
Os Três Pilares do produto,
Donald Norman



                  Produto




     Marketing                Design




                 Engenharia
Enquanto o Marketing se vale da Propaganda para atrair
  a atenção, o Design trabalha a sedução pelo próprio
                        produto.
O objetivo do Marketing é que o consumidor compre e
       do Design é que o produto seja bonito.
O objetivo da Engenharia é que o produto funcione.
Todas as áreas de uma organização
    precisam ter bem claro seus
objetivos compartilhados, senão...
o que o    o que a administração      o que foi
marketing          aprovou          projetado pela
 sugeriu                              engenharia




o que foi     como foi montado          o que o
produzido                             consumidor
                                       queria...
Processo sem Design


              Engenharia

Marketing                  Marketing
Vantagens/Desvantagens

                • Economiza planejamento


                • Tentativa e erro


                • Design não é importante


                • O produto é um frankestein de
                  funcionalidades




    Office XP
Design como embelezamento


Marketing

            Engenharia   Design

                            Marketing
Vantagens/Desvantanges


                  • Beleza vende


                  • Que inovação é possível a essa
                    altura do campeonato?




  Windows Vista
Design como inovação


    Design

Marketing        Engenharia

                              Marketing
Vantagens/Desvantagens


                  • Melhora a qualidade


                  • Economiza retrabalho


                  • Diminui a velocidade


                  • Risco de não obter retorno



    Office 2007
Design como estratégia


             Design

            Engenharia

Marketing                Marketing
Vantagens/Desvantagens

                • Integra Pesquisa & Desenvolvimento


                • Aumenta o ritmo de inovação


                • Fortalece a marca


                • Custo elevado


                • Depende da cultura organizacional
Loja Apple em
 Nova Iorque
Discurso da Microsoft
inovação
                 qualitativa
sem competição                  competição pela
                                   qualidade




  novo                                       mercado
mercado                                     saturado




  início da
 competição
                                    competição pela
                   inovação            quantidade
                 quantitativa
Características do Design Thinking
Modelo Triádico
                  Atividades




Pessoas




              Artefatos
Futurologia aplicada

           • A diferença entre a abelha e o
             arquiteto é que este último
             imagina o todo antes de
             construir


           • Visão holística


           • Observar tendências é a melhor
             forma de prever o futuro
Articulação de interesses

            • Design é deliberação, mesmo
              que implícita


            • Desejos e necessidades são
              culturais


            • Cada um tem uma história
              distinta
Prototipação de Experiências

            • Criação de modelos
              simplificados que permitam
              experimentar o produto antes
              dele estar pronto


            • Teste com usuários reais


            • Incorporação do feeling
Multilingüe




  Visual      Sonora   Olfativa




  Gestual      Tátil
Processo de Design


“Design é o design de um design para um design.”
                  John Heskett
Modelo Linear
Modelo Errático
Modelo convergente



                                   criação

                                               análise
                     criação
                                 análise
                                                           análise
           análise                              criação                    análise
                               criação
 criação

                                             análise             análise
             criação
                       análise                         análise

                                             criação
                               criação
Explorando o espaço de
possibilidades
Recursos para criar


        • Fala


        • Rabiscos


        • Brainstorming


        • Cenários hipotéticos
Focalizando no que é viável
Recursos para Analisar


        • Teste de Usabilidade


        • Heurísticas


        • Entrevistas


        • Protótipos
Nossa estratégia de UX nas
Organizações



      Diretoria
                                Design
                               Thinking

       Design

                                Design
                             Participativo
       Produção
Conteúdos do UX Boot Camp

    • Parte I - Design Thinking


    • Parte II - Planejamento da Experiência
      do Usuário


    • Parte III - Usabilidade


    • Parte IV - Encontrabilidade


    • Parte V - Arquitetura da Informação

Design e Experiência do Usuário

  • 1.
    Design e aUser Experience Frederick van Amstel, MsC @fredvanamstel Gonçalo Ferraz, Especialista @goncaloferrax Instituto Faber-Ludens de Design de Interação
  • 3.
    O que é UserExperience?
  • 5.
    User Experience não é diagrama.
  • 6.
    User Experience (UX)são aqueles momentos na vida em que tudo está perfeito ao seu redor.
  • 7.
  • 9.
    ''Most people makethe mistake of thinking design is what it looks like. It's not just what it looks like and feels like. Design is how it works.'' Steve Jobs, Apple
  • 10.
    Design é oprojeto de ambientes, produtos e serviços visando uma User Experience integrada.
  • 11.
    As empresas sóinvestem quando o negócio fica grave...
  • 12.
    Recall feito pararesolver o problema do Fox
  • 13.
    Experiência do Usuárionão é requisito. É estratégia.
  • 14.
    Design Centrado noValor, Jess McMullin Objetivos de Negócio Objetivos de Negócio Design Vácuo Valor Acaso Objetivos do Usuário Objetivos do Usuário
  • 15.
    Os Três Pilaresdo produto, Donald Norman Produto Marketing Design Engenharia
  • 16.
    Enquanto o Marketingse vale da Propaganda para atrair a atenção, o Design trabalha a sedução pelo próprio produto.
  • 17.
    O objetivo doMarketing é que o consumidor compre e do Design é que o produto seja bonito.
  • 18.
    O objetivo daEngenharia é que o produto funcione.
  • 19.
    Todas as áreasde uma organização precisam ter bem claro seus objetivos compartilhados, senão...
  • 20.
    o que o o que a administração o que foi marketing aprovou projetado pela sugeriu engenharia o que foi como foi montado o que o produzido consumidor queria...
  • 21.
    Processo sem Design Engenharia Marketing Marketing
  • 22.
    Vantagens/Desvantagens • Economiza planejamento • Tentativa e erro • Design não é importante • O produto é um frankestein de funcionalidades Office XP
  • 23.
    Design como embelezamento Marketing Engenharia Design Marketing
  • 24.
    Vantagens/Desvantanges • Beleza vende • Que inovação é possível a essa altura do campeonato? Windows Vista
  • 25.
    Design como inovação Design Marketing Engenharia Marketing
  • 26.
    Vantagens/Desvantagens • Melhora a qualidade • Economiza retrabalho • Diminui a velocidade • Risco de não obter retorno Office 2007
  • 27.
    Design como estratégia Design Engenharia Marketing Marketing
  • 28.
    Vantagens/Desvantagens • Integra Pesquisa & Desenvolvimento • Aumenta o ritmo de inovação • Fortalece a marca • Custo elevado • Depende da cultura organizacional Loja Apple em Nova Iorque
  • 29.
  • 30.
    inovação qualitativa sem competição competição pela qualidade novo mercado mercado saturado início da competição competição pela inovação quantidade quantitativa
  • 31.
  • 32.
    Modelo Triádico Atividades Pessoas Artefatos
  • 33.
    Futurologia aplicada • A diferença entre a abelha e o arquiteto é que este último imagina o todo antes de construir • Visão holística • Observar tendências é a melhor forma de prever o futuro
  • 34.
    Articulação de interesses • Design é deliberação, mesmo que implícita • Desejos e necessidades são culturais • Cada um tem uma história distinta
  • 35.
    Prototipação de Experiências • Criação de modelos simplificados que permitam experimentar o produto antes dele estar pronto • Teste com usuários reais • Incorporação do feeling
  • 36.
    Multilingüe Visual Sonora Olfativa Gestual Tátil
  • 37.
    Processo de Design “Designé o design de um design para um design.” John Heskett
  • 38.
  • 39.
  • 40.
    Modelo convergente criação análise criação análise análise análise criação análise criação criação análise análise criação análise análise criação criação
  • 41.
    Explorando o espaçode possibilidades
  • 42.
    Recursos para criar • Fala • Rabiscos • Brainstorming • Cenários hipotéticos
  • 43.
  • 44.
    Recursos para Analisar • Teste de Usabilidade • Heurísticas • Entrevistas • Protótipos
  • 45.
    Nossa estratégia deUX nas Organizações Diretoria Design Thinking Design Design Participativo Produção
  • 46.
    Conteúdos do UXBoot Camp • Parte I - Design Thinking • Parte II - Planejamento da Experiência do Usuário • Parte III - Usabilidade • Parte IV - Encontrabilidade • Parte V - Arquitetura da Informação