SlideShare uma empresa Scribd logo
1 de 77
Baixar para ler offline
aula 01/08


     Apresentação do curso, aquecimento
                                          e situamento teórico




                           Produção e Ferramentas Colaborativas
  IEC - INSTITUTO DE
                           Pós-Graduação em Produção em Mídias Digitais
  EDUCAÇÃO CONTINUADA      Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com

Monday, October 24, 2011
Professor
        Marcello de Campos Cardoso
         ‣   Especialista em Design de Interação pela PUC MG
         ‣   Professor na PUC, UNA, Newton Paiva e Faculdade Cotemig
         ‣   Sócio/consultor na Latitude14
         ‣   Mentor de Usabilidade na Aceleradora
         ‣   6 anos como gerente de produtos na Studio Sol (16 iBest)
         ‣   10 anos de mercado web (2001 - atual)
         ‣   Coordenador regional da Interaction Design Association (IxDA)
         ‣   Organizador do Interaction South America 2011 (ISA’11)




Monday, October 24, 2011
Ementa
     Definições e aplicação de Usabilidade, Design Centrado no Usuário e Design de Interação.
     Metodologia de design baseado no ciclo de vida do produto, com técnicas para o
     desenvolvimento de produtos digitais interativos tais como: definição de personas,
     aplicação de questionários e entrevistas, Análise Heurística, etc. Implantação do blog.


     Objetivos
     Introduzir conceitos e processos essenciais para integração de equipes de criação e
     desenvolvimento na elaboração de produtos interativos complexos, através da abordagem
     do Design Centrado no Usuário (DCU), validar metodologias com a publicação dos blogs.


     Carga horária: 30h/a (8 encontros)




Monday, October 24, 2011
Bibliografia
       SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010.

       PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de interação: além da
       interação homem-computador. Porto Alegre: Bookman, 2005.

       Kuniavsky, Mike. Observing the User Experience. San Francisco, MKP, 2003.

       COOPER, Alan. About face 3.0 - the essentials of Interaction Design. Indianapolis: Wiley
       Publishing, 2009

       MEMÓRIA, Felipe. Design para Internet – projetando a experiência perfeita, Rio de
       Janeiro: Campus/Elsevier, 2005.

       NORMAN, Donald. The design of everyday things, New York: Basic Books, 1988.




Monday, October 24, 2011
www.useit.com
                                       Referências online
       www.acm.org

       www.interactions.acm.org

       www.upassoc.org

       www.cooper.com

       www.slideshare.net/dansaffer

       www.slideshare.net/LaneHalley




Monday, October 24, 2011
Plano de curso
       1ª        Apresentação do curso, aquecimento e posicionamento teórico       -

       2ª        CMS + Social Media                                            10pts

       3ª        Conversando com usuários: Questionários e entrevistas         15pts

       4ª        Técnica de Modelagem: Personas ágeis                          15pts

       5ª        Projetando a interface: Prototipação rápida em papel          20pts

       6ª        Criando seu blog no Wordpress                                     -

       7ª        Implantação do blog                                           15pts

       8ª        Apresentação final                                             25pts


Monday, October 24, 2011
A vida é permeada de
                           problemas e desafios.




Monday, October 24, 2011
Seu Nicolau tem 76 anos, mas é muito ativo. Gosta de fazer suas coisas
     sozinho, retirar a pensão no banco, visitar vizinhos... Mas nem sempre dá
     satisfação pra família, e não gosta de usar celular, pois acha “Muito difícil”.

                              A família se preocupa, pois o velhinho tem pressão
                              alta, e gostaria que o Seu Nicolau usasse um celular.




                               Como este celular poderia ser?


Monday, October 24, 2011
Que tal um iPhone pro Nicolau?




Monday, October 24, 2011
melhor ≠ mais sofisticado
                           solução simples = solução elegante

Monday, October 24, 2011
FOCO na demanda REAL.

Monday, October 24, 2011
Dona Lucinha adora um cházinho com bolo de fubá, quando recebe
     as amigas em casa pra falar de novela. Mas a senhorinha tem
        artrite e ultimamente reclama muito de usar a chaleira.

     “É pesada meu filho, e machuca minha mão.
     Quase não consigo virá-la na xícara, fico com
               medo de me queimar.”

   Vamos pensar uma chaleira pra ela?


Monday, October 24, 2011
OXO - Good Grips




Monday, October 24, 2011
de ser melhor para TODOS
          maior acessibilidade po


Monday, October 24, 2011
Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua
   mãe gostaria que a filha comesse mais legumes, mas não quer ver a
         filha usando facas. Quase tudo na cozinha é perigoso!



         “Eu queria que a menina cortasse os rabanetes,
               batatas, cenouras, mas é perigoso”

           Vamos pensar um cortador de
           legumes seguro e interessante?


Monday, October 24, 2011
Mushroom Chopper




                           boa solução resolve mais de um problema.
Monday, October 24, 2011
pode ser melhor para TODOS
            maior acessibilidade


Monday, October 24, 2011
Mário tem 32 anos, trabalha em
      Betim, mas mora em Belo Horizonte.
       Todos os dias pega o transporte da
      empresa às 7 da manhã na Praça da
          Liberdade e escuta músicas no
        trajeto. Às vezes divide o fone com
              sua paquera, Ana Luiza.

       “Os fios do fone embolam porque são muito separados. Mas se
       fossem menos separados, também não ia dar pra dividir com a
                                 Aninha.”

                                    Vamos ajudar o Mário.
Monday, October 24, 2011
YI | Sound Invention




                       A solução pode existir em
                                    outro lugar!




Monday, October 24, 2011
Existem várias soluções
         para um problema.




Monday, October 24, 2011
Evolution Pillow




   Algumas são “robustas”.

Monday, October 24, 2011
Music Branch Headphone Splitter




                                       Algumas são mais simples.

Monday, October 24, 2011
Luíz mudou há pouco para Belo
     Horizonte, e achou os preços de
       imóveis muito caros. Veio com
   mulher e dois filhos, e teve condições
   de financiar um pequeno imóvel de 2
           quartos com 80 m2.
                           “Precisava, na verdade, de um quarto e um escritório,
                           pois trabalho em casa. E meus filhos também precisam
                                          de um lugar pra estudar.”

                              Como resolver o problema do Luíz?

Monday, October 24, 2011
Resource Furniture
                            (ver vídeo)




Monday, October 24, 2011
A solução para espaço pequeno não precisa ser mais espaço.
                                Temos de identificar o problema
                                  e usar os recursos que temos.




Monday, October 24, 2011
Uma solução inserida no projeto é uma
                                       Solução de design




Monday, October 24, 2011
Uma solução inserida no projeto é uma
                                       Solução de design




Monday, October 24, 2011
Uma solução inserida no projeto é uma
                                       Solução de design




Monday, October 24, 2011
Uma solução inserida no projeto é uma
                                       Solução de design




Monday, October 24, 2011
Uma solução inserida no projeto é uma
                                       Solução de design




Monday, October 24, 2011
Uma solução inserida no projeto é uma
                                       Solução de design




Monday, October 24, 2011
Uma solução inserida no projeto é uma
                                       Solução de design




Monday, October 24, 2011
mesmo o que funciona
                           pode melhorar.




Monday, October 24, 2011
mesmo o que funciona
                           pode melhorar.




Monday, October 24, 2011
mesmo o que funciona
                           pode melhorar.




Monday, October 24, 2011
mesmo o que funciona
                           pode melhorar.




Monday, October 24, 2011
mesmo o que funciona
                           pode melhorar.




Monday, October 24, 2011
mesmo o que funciona
                           pode melhorar.




Monday, October 24, 2011
mesmo o que funciona
          pode melhorar.




Monday, October 24, 2011
Para resolver bem,
                                 precisamos entender o problema...




                                     ...pensar simples...
                           ... e pen
                                         sar sem
                                                          limites.
                   “Se eu perguntasse para as pessoas o que queriam,
                                 me diriam cavalos mais rápidos.” -Henry Ford
Monday, October 24, 2011
mples a princípio
                             Pensar si

                           regra de Paretto, MVP

Monday, October 24, 2011
aior valor de USO
                               entrar onde há m
                           conc

                    começar pela espinha e IT
                                             ERAR

Monday, October 24, 2011
r em tecnologia...
                               não foca
                           ...mas em comportamento


Monday, October 24, 2011
têm em comum?
                           O que eles




Monday, October 24, 2011
gn!
                               es i
Monday, October 24, 2011
                           d
todo mundo é designer!


Monday, October 24, 2011
Design = Projeto


Monday, October 24, 2011
negócio


                           pessoas tecnologia



Monday, October 24, 2011
Qual é o melhor
                  ara criar
         caminho p
          soluções?
Monday, October 24, 2011
sorte...




Monday, October 24, 2011
sorte...




Monday, October 24, 2011
...ou tática/metodologia




Monday, October 24, 2011
...ou tática/metodologia




Monday, October 24, 2011
sorte
                                  0,00001% ... 50%

                                        metodologia
                           ...15%, 25%, 40%, 70%...


Monday, October 24, 2011
METODOLOGIA DE DESIGN




                                       ão



                                                   ão
                         a


                                     aç
                      uis




                                                 aç
                                  tip
                    sq




                                              lid
                               oto
                  pe




                                            va
                             pr




Monday, October 24, 2011
O que é usabilidade mesmo?
    Segundo Jeffrey Rubin (Handbook of Usability Testing):

    Um conjunto de quatro fatores reunidos em um dispositivo:

         1.Capacidade de ser usado com sucesso (utilidade, eficácia);
         2.Facilidade de ser usado (objetividade, eficiência);
         3.Capacidade de o usuário aprender a usar o dispositivo de
           forma simples e rápida (fácil compreensão e aprendizado);
         4.Provocar satisfação visual ao usuário (experiência);




Monday, October 24, 2011
O que é usabilidade mesmo?
    Segundo Jakob Nielsen (Usability Engineering):

    Um conjunto de proporiedades de uma interface que reúne os
    seguintes componentes:

         1.Fácil aprendizado;
         2.Eficiência;
         3.Capacidade de memorização;
         4.Baixo índice de erros;
         5.Satisfação e prazer ao uso.


Monday, October 24, 2011
O que é usabilidade mesmo?


       “Facilidade de uso e facilidade de aprendizado” -Albert Badre
       (Shaping Web Usability)

       “Capacidade, em termos funcionais humanos, de um sistema ser
       usado com facilidade e de forma eficiente” -Brian Shackel (Usability)

       “Princípios de design que, quando seguidos, dão respostas aos
       usuários tornando o uso dos dispositivos mais fácil” -Don Norman
       (O Design do dia-a-dia)




Monday, October 24, 2011
O que é usabilidade mesmo?

       “Pensar em usabilidade é pensar em produtos fáceis de usar” –
       Jesse James Garrett (The Elements of User Experience)

       “Fator que assegura que os produtos sejam fáceis de usar,
       eficientes e agradáveis” - Preece, Rogers e Sharp (Design de
       Interação)

       “A ciência de aplicação de metodologias ao design para a criação
       de dispositivos fáceis de usar, de fácil aprendizado e que sejam
       úteis com o menor índice de desconforto possível” - Mark
       Pearrow (Web Site Usability Handbook)


Monday, October 24, 2011
O que é usabilidade mesmo?

       ISO 9126 - 1991
       “Esforço necessário para seu uso e para o julgamento
       individual de tal uso.”


       ISO 9241, 11 - 1998
       “Capacidade de um produto ser usado por usuários
       específicos para atingir objetivos específicos com eficácia,
       eficiência e satisfação em um contexto específico de uso.”



Monday, October 24, 2011
O que é usabilidade mesmo?




  em

     10                    definições,
                           vezes aparecem as palavras “facilidade” ou “fácil”.




Monday, October 24, 2011
O que é usabilidade mesmo?




                           É o atributo que define a
                              facilidade de uso de algo.



Monday, October 24, 2011
Quem define o que é “fácil” de ser usado?




Monday, October 24, 2011
UM POUCO DE
                      HISTÓRIA
Monday, October 24, 2011
1960 - 1970 | Inspeção de software



          Voltado à qualidade do código: encontrar e corrigir bugs.
          Modelo wartefall: processos ao final do trabalho realizado.
           Estudos do tipo tempo/erro: caros e pouco informativos.




Monday, October 24, 2011
1980 | IHC e DCU
         Gradualmente o hardware evoluiu permitindo softwares robustos e interfaces
             complexas e o uso em novos nichos. Surge o computador pessoal.




      Para produzir produtos com funcionalidades e interfaces adequadas, nascem dois
      campos de estudo: Interface Humano-Computador e Design Centrado no usuário.


Monday, October 24, 2011
1982 | Interface Humano-Computador (IHC)



           Campo de estudos que surgiu em 1982 no congresso “Human
             Factors in Computing Systems”, realizado por psicólogos
                           cognitivos principalmente.

          Características: ciência da computação com foco nos aspectos
                      sociais, cognitivos e comportamentais.




Monday, October 24, 2011
1986 | Design Centrado no Usuário (DCU)


        Design Centrado no Usuário (DCU) é o campo de estudo que reúne
        metodologias de design nos quais o público-alvo de um produto ou
        serviço influencia as diretrizes e requisitos do sistema.

        Termo cunhado por Norman enquanto trabalhava como pesquisador na
        Universidade California San Diego (UCSD), no artigo User-Centered
        System Design: New Perspectives on Human-Computer Interaction
        (Norman & Draper, 1986) e popularizado em 1988 no popular
        Psychology of everyday things (mais tarde rebatizado como The design
        of everyday things).




Monday, October 24, 2011
Design Centrado no Usuário (DCU)
        “…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em
        fazer produtos usáveis e inteligíveis.” – Donald Norman

        “A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário
        sabe mais. Pessoas que utilizarão um produto ou serviço sabem de suas necessidades,
        metas e preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan
        Saffer

        “...é uma abordagem ao design que fundamenta o processo em informações sobre as
        pessoas que usarão o produto. Processos de UCD focam em usuários através de
        planejamento, design e desenvolvimento do produto.” – Usability Professionals
        Association (UPA)

        “...é um estabelecido processo usado pela IBM e muitas outras organizações para
        prover produtos que atendam as expectativas dos usuários.” – IBM

        “...é focar o design no usuário, simples assim.” – Peter J. Bogaards


Monday, October 24, 2011
Design Centrado no Usuário (DCU)




                  USUÁRIOS
                  devemos perguntá-los como fazer nosso trabalho?




Monday, October 24, 2011
Design Centrado no Usuário (DCU)




                           a princípio,
                                          NÃO




Monday, October 24, 2011
Design Centrado no Usuário (DCU)


                    Devemos identificar seus   padrões de comportamento
                                                     e projetarmos soluções   adequadas.




Monday, October 24, 2011
1988 | Engenharia de Usabilidade

       O termo foi cunhado por John Bennett (IBM) e John Whiteside (Digital
       Equipment Corporation) em alguns artigos em 1988. A princípio era
       chamado de “Engenharia de Usabilidade”.



       Abordagem qualitativa e prática de desenvolvimento de produtos, orientada
       para a qualidade e focada em: definição de tarefas, prototipação e avaliação
       iterativa (Whiteside, Bennett, & Holtzblatt,1988).




Monday, October 24, 2011
1990 | Design de Interação



          Bill Morgride, diretor da IDEO, sintetizou no livro Designing for
        Interactions uma série de metodologias de design + comunicação
         usadas e aprimoradas na empresa para a elaboração de produtos
                                   úteis e usáveis.




Monday, October 24, 2011
Espaço do Design de Interação




    Este campo multidisciplinar centraliza e
          integra as diversas áreas de
    conhecimento relacionadas a interação
            entre artefato / usuários



Monday, October 24, 2011
TO DO           DONE




         EM GRUPO!                           a
                                      razer n
                       os colegas e t
          Discutir com
                     aula:
           próxima
                               ortal
                    e é o p
           1 ) O qu                   resolve
                     p ro b lema ele
            2) Que
                                  -alvo
                       o público
             3) Qual                     rrentes
                          são   os conco
              4) Quem                      projeto.
                         ue pé    está o
               5) em q



Monday, October 24, 2011
igad o!
                           o br
                                  Este arquivo contém a apresentação realizada por Marcello de
                                  Campos Cardoso, em Outubro de 2011, para a disciplina
                                  Produção e Ferramentas Colaborativas, ministrada no curso de
                                  especialização em Mídias Digitais Internet na PUC Minas.


Monday, October 24, 2011

Mais conteúdo relacionado

Semelhante a Apresentação do curso, aquecimento e situamento teórico

PAAI/DI - 01 - Apresentação do curso, aquecimento e situamento teórico
PAAI/DI - 01 - Apresentação do curso, aquecimento e situamento teóricoPAAI/DI - 01 - Apresentação do curso, aquecimento e situamento teórico
PAAI/DI - 01 - Apresentação do curso, aquecimento e situamento teóricoMarcello Cardoso
 
Blog/Mídias Sociais e Marketing para Jornalistas
Blog/Mídias Sociais e Marketing para JornalistasBlog/Mídias Sociais e Marketing para Jornalistas
Blog/Mídias Sociais e Marketing para JornalistasReinaldo Cirilo
 
Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01Marcello Cardoso
 
Cpbr4 empreendendo comunidades_de_sucesso-v1
Cpbr4 empreendendo comunidades_de_sucesso-v1Cpbr4 empreendendo comunidades_de_sucesso-v1
Cpbr4 empreendendo comunidades_de_sucesso-v1Campus Party Brasil
 
PUC/PFC - Criando seu blog no wordpress
PUC/PFC - Criando seu blog no wordpressPUC/PFC - Criando seu blog no wordpress
PUC/PFC - Criando seu blog no wordpressMarcello Cardoso
 
TDC2018SP | Trilha Design Thinking - Como causar alto impacto social com Desi...
TDC2018SP | Trilha Design Thinking - Como causar alto impacto social com Desi...TDC2018SP | Trilha Design Thinking - Como causar alto impacto social com Desi...
TDC2018SP | Trilha Design Thinking - Como causar alto impacto social com Desi...tdc-globalcode
 
Trilhando o caminho PHP - FAI 2011
Trilhando o caminho PHP - FAI 2011Trilhando o caminho PHP - FAI 2011
Trilhando o caminho PHP - FAI 2011Rafael Dohms
 

Semelhante a Apresentação do curso, aquecimento e situamento teórico (14)

PUC/PFC - Prototipação
PUC/PFC - PrototipaçãoPUC/PFC - Prototipação
PUC/PFC - Prototipação
 
PUC/PFC - Personas Ágeis
PUC/PFC -  Personas ÁgeisPUC/PFC -  Personas Ágeis
PUC/PFC - Personas Ágeis
 
PAAI/DI - 01 - Apresentação do curso, aquecimento e situamento teórico
PAAI/DI - 01 - Apresentação do curso, aquecimento e situamento teóricoPAAI/DI - 01 - Apresentação do curso, aquecimento e situamento teórico
PAAI/DI - 01 - Apresentação do curso, aquecimento e situamento teórico
 
Blog/Mídias Sociais e Marketing para Jornalistas
Blog/Mídias Sociais e Marketing para JornalistasBlog/Mídias Sociais e Marketing para Jornalistas
Blog/Mídias Sociais e Marketing para Jornalistas
 
Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01
 
Cpbr4 empreendendo comunidades_de_sucesso-v1
Cpbr4 empreendendo comunidades_de_sucesso-v1Cpbr4 empreendendo comunidades_de_sucesso-v1
Cpbr4 empreendendo comunidades_de_sucesso-v1
 
Museu do amanhã
Museu do amanhã Museu do amanhã
Museu do amanhã
 
PUC/PFC - Criando seu blog no wordpress
PUC/PFC - Criando seu blog no wordpressPUC/PFC - Criando seu blog no wordpress
PUC/PFC - Criando seu blog no wordpress
 
Planejamento de Marketing Digital - Parte 3
Planejamento de Marketing Digital - Parte 3Planejamento de Marketing Digital - Parte 3
Planejamento de Marketing Digital - Parte 3
 
TDC2018SP | Trilha Design Thinking - Como causar alto impacto social com Desi...
TDC2018SP | Trilha Design Thinking - Como causar alto impacto social com Desi...TDC2018SP | Trilha Design Thinking - Como causar alto impacto social com Desi...
TDC2018SP | Trilha Design Thinking - Como causar alto impacto social com Desi...
 
Trilhando o caminho PHP - FAI 2011
Trilhando o caminho PHP - FAI 2011Trilhando o caminho PHP - FAI 2011
Trilhando o caminho PHP - FAI 2011
 
Coding Dojo Techday
Coding Dojo TechdayCoding Dojo Techday
Coding Dojo Techday
 
Aproximando Design e Software Livre
Aproximando Design e Software LivreAproximando Design e Software Livre
Aproximando Design e Software Livre
 
Somos jardineiros
Somos jardineirosSomos jardineiros
Somos jardineiros
 

Mais de Marcello Cardoso

Aula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOAula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOMarcello Cardoso
 
Engenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PMEngenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PMMarcello Cardoso
 
Design de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção SemióticaDesign de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção SemióticaMarcello Cardoso
 
DI - Questionários e entrevistas
DI - Questionários e entrevistasDI - Questionários e entrevistas
DI - Questionários e entrevistasMarcello Cardoso
 
Tudo sobre Design de Interação
Tudo sobre Design de InteraçãoTudo sobre Design de Interação
Tudo sobre Design de InteraçãoMarcello Cardoso
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
Palestra o marketing não funciona mais sozinho - Fumsoft
Palestra   o marketing não funciona mais sozinho - FumsoftPalestra   o marketing não funciona mais sozinho - Fumsoft
Palestra o marketing não funciona mais sozinho - FumsoftMarcello Cardoso
 
UNA - Eng Usa '12 - aula 04
UNA  - Eng Usa '12 - aula 04UNA  - Eng Usa '12 - aula 04
UNA - Eng Usa '12 - aula 04Marcello Cardoso
 
UNA - Eng Usa '12 - aula 03
UNA  - Eng Usa '12 - aula 03UNA  - Eng Usa '12 - aula 03
UNA - Eng Usa '12 - aula 03Marcello Cardoso
 
UNA - Eng Usa '12 - aula 02
UNA  - Eng Usa '12 - aula 02UNA  - Eng Usa '12 - aula 02
UNA - Eng Usa '12 - aula 02Marcello Cardoso
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01Marcello Cardoso
 
UNA - Eng Usa '12 - aula 05
UNA  - Eng Usa '12 - aula 05UNA  - Eng Usa '12 - aula 05
UNA - Eng Usa '12 - aula 05Marcello Cardoso
 
Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Marcello Cardoso
 

Mais de Marcello Cardoso (20)

Aula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOAula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTO
 
Engenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PMEngenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PM
 
Personas 2019
Personas 2019Personas 2019
Personas 2019
 
Design de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção SemióticaDesign de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção Semiótica
 
Percurso cognitivo
Percurso cognitivoPercurso cognitivo
Percurso cognitivo
 
DI - Questionários e entrevistas
DI - Questionários e entrevistasDI - Questionários e entrevistas
DI - Questionários e entrevistas
 
Tudo sobre Design de Interação
Tudo sobre Design de InteraçãoTudo sobre Design de Interação
Tudo sobre Design de Interação
 
Framework Cardoso
Framework CardosoFramework Cardoso
Framework Cardoso
 
User Story Mapping
User Story MappingUser Story Mapping
User Story Mapping
 
Card Sorting
Card SortingCard Sorting
Card Sorting
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
Palestra o marketing não funciona mais sozinho - Fumsoft
Palestra   o marketing não funciona mais sozinho - FumsoftPalestra   o marketing não funciona mais sozinho - Fumsoft
Palestra o marketing não funciona mais sozinho - Fumsoft
 
UNA - Eng Usa '12 - aula 04
UNA  - Eng Usa '12 - aula 04UNA  - Eng Usa '12 - aula 04
UNA - Eng Usa '12 - aula 04
 
UNA - Eng Usa '12 - aula 03
UNA  - Eng Usa '12 - aula 03UNA  - Eng Usa '12 - aula 03
UNA - Eng Usa '12 - aula 03
 
UNA - Eng Usa '12 - aula 02
UNA  - Eng Usa '12 - aula 02UNA  - Eng Usa '12 - aula 02
UNA - Eng Usa '12 - aula 02
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01
 
UNA - Eng Usa '12 - aula 05
UNA  - Eng Usa '12 - aula 05UNA  - Eng Usa '12 - aula 05
UNA - Eng Usa '12 - aula 05
 
Una testes - aula 07 e 08
Una   testes - aula 07 e 08Una   testes - aula 07 e 08
Una testes - aula 07 e 08
 
Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06
 

Apresentação do curso, aquecimento e situamento teórico

  • 1. aula 01/08 Apresentação do curso, aquecimento e situamento teórico Produção e Ferramentas Colaborativas IEC - INSTITUTO DE Pós-Graduação em Produção em Mídias Digitais EDUCAÇÃO CONTINUADA Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com Monday, October 24, 2011
  • 2. Professor Marcello de Campos Cardoso ‣ Especialista em Design de Interação pela PUC MG ‣ Professor na PUC, UNA, Newton Paiva e Faculdade Cotemig ‣ Sócio/consultor na Latitude14 ‣ Mentor de Usabilidade na Aceleradora ‣ 6 anos como gerente de produtos na Studio Sol (16 iBest) ‣ 10 anos de mercado web (2001 - atual) ‣ Coordenador regional da Interaction Design Association (IxDA) ‣ Organizador do Interaction South America 2011 (ISA’11) Monday, October 24, 2011
  • 3. Ementa Definições e aplicação de Usabilidade, Design Centrado no Usuário e Design de Interação. Metodologia de design baseado no ciclo de vida do produto, com técnicas para o desenvolvimento de produtos digitais interativos tais como: definição de personas, aplicação de questionários e entrevistas, Análise Heurística, etc. Implantação do blog. Objetivos Introduzir conceitos e processos essenciais para integração de equipes de criação e desenvolvimento na elaboração de produtos interativos complexos, através da abordagem do Design Centrado no Usuário (DCU), validar metodologias com a publicação dos blogs. Carga horária: 30h/a (8 encontros) Monday, October 24, 2011
  • 4. Bibliografia SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010. PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de interação: além da interação homem-computador. Porto Alegre: Bookman, 2005. Kuniavsky, Mike. Observing the User Experience. San Francisco, MKP, 2003. COOPER, Alan. About face 3.0 - the essentials of Interaction Design. Indianapolis: Wiley Publishing, 2009 MEMÓRIA, Felipe. Design para Internet – projetando a experiência perfeita, Rio de Janeiro: Campus/Elsevier, 2005. NORMAN, Donald. The design of everyday things, New York: Basic Books, 1988. Monday, October 24, 2011
  • 5. www.useit.com Referências online www.acm.org www.interactions.acm.org www.upassoc.org www.cooper.com www.slideshare.net/dansaffer www.slideshare.net/LaneHalley Monday, October 24, 2011
  • 6. Plano de curso 1ª Apresentação do curso, aquecimento e posicionamento teórico - 2ª CMS + Social Media 10pts 3ª Conversando com usuários: Questionários e entrevistas 15pts 4ª Técnica de Modelagem: Personas ágeis 15pts 5ª Projetando a interface: Prototipação rápida em papel 20pts 6ª Criando seu blog no Wordpress - 7ª Implantação do blog 15pts 8ª Apresentação final 25pts Monday, October 24, 2011
  • 7. A vida é permeada de problemas e desafios. Monday, October 24, 2011
  • 8. Seu Nicolau tem 76 anos, mas é muito ativo. Gosta de fazer suas coisas sozinho, retirar a pensão no banco, visitar vizinhos... Mas nem sempre dá satisfação pra família, e não gosta de usar celular, pois acha “Muito difícil”. A família se preocupa, pois o velhinho tem pressão alta, e gostaria que o Seu Nicolau usasse um celular. Como este celular poderia ser? Monday, October 24, 2011
  • 9. Que tal um iPhone pro Nicolau? Monday, October 24, 2011
  • 10. melhor ≠ mais sofisticado solução simples = solução elegante Monday, October 24, 2011
  • 11. FOCO na demanda REAL. Monday, October 24, 2011
  • 12. Dona Lucinha adora um cházinho com bolo de fubá, quando recebe as amigas em casa pra falar de novela. Mas a senhorinha tem artrite e ultimamente reclama muito de usar a chaleira. “É pesada meu filho, e machuca minha mão. Quase não consigo virá-la na xícara, fico com medo de me queimar.” Vamos pensar uma chaleira pra ela? Monday, October 24, 2011
  • 13. OXO - Good Grips Monday, October 24, 2011
  • 14. de ser melhor para TODOS maior acessibilidade po Monday, October 24, 2011
  • 15. Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua mãe gostaria que a filha comesse mais legumes, mas não quer ver a filha usando facas. Quase tudo na cozinha é perigoso! “Eu queria que a menina cortasse os rabanetes, batatas, cenouras, mas é perigoso” Vamos pensar um cortador de legumes seguro e interessante? Monday, October 24, 2011
  • 16. Mushroom Chopper boa solução resolve mais de um problema. Monday, October 24, 2011
  • 17. pode ser melhor para TODOS maior acessibilidade Monday, October 24, 2011
  • 18. Mário tem 32 anos, trabalha em Betim, mas mora em Belo Horizonte. Todos os dias pega o transporte da empresa às 7 da manhã na Praça da Liberdade e escuta músicas no trajeto. Às vezes divide o fone com sua paquera, Ana Luiza. “Os fios do fone embolam porque são muito separados. Mas se fossem menos separados, também não ia dar pra dividir com a Aninha.” Vamos ajudar o Mário. Monday, October 24, 2011
  • 19. YI | Sound Invention A solução pode existir em outro lugar! Monday, October 24, 2011
  • 20. Existem várias soluções para um problema. Monday, October 24, 2011
  • 21. Evolution Pillow Algumas são “robustas”. Monday, October 24, 2011
  • 22. Music Branch Headphone Splitter Algumas são mais simples. Monday, October 24, 2011
  • 23. Luíz mudou há pouco para Belo Horizonte, e achou os preços de imóveis muito caros. Veio com mulher e dois filhos, e teve condições de financiar um pequeno imóvel de 2 quartos com 80 m2. “Precisava, na verdade, de um quarto e um escritório, pois trabalho em casa. E meus filhos também precisam de um lugar pra estudar.” Como resolver o problema do Luíz? Monday, October 24, 2011
  • 24. Resource Furniture (ver vídeo) Monday, October 24, 2011
  • 25. A solução para espaço pequeno não precisa ser mais espaço. Temos de identificar o problema e usar os recursos que temos. Monday, October 24, 2011
  • 26. Uma solução inserida no projeto é uma Solução de design Monday, October 24, 2011
  • 27. Uma solução inserida no projeto é uma Solução de design Monday, October 24, 2011
  • 28. Uma solução inserida no projeto é uma Solução de design Monday, October 24, 2011
  • 29. Uma solução inserida no projeto é uma Solução de design Monday, October 24, 2011
  • 30. Uma solução inserida no projeto é uma Solução de design Monday, October 24, 2011
  • 31. Uma solução inserida no projeto é uma Solução de design Monday, October 24, 2011
  • 32. Uma solução inserida no projeto é uma Solução de design Monday, October 24, 2011
  • 33. mesmo o que funciona pode melhorar. Monday, October 24, 2011
  • 34. mesmo o que funciona pode melhorar. Monday, October 24, 2011
  • 35. mesmo o que funciona pode melhorar. Monday, October 24, 2011
  • 36. mesmo o que funciona pode melhorar. Monday, October 24, 2011
  • 37. mesmo o que funciona pode melhorar. Monday, October 24, 2011
  • 38. mesmo o que funciona pode melhorar. Monday, October 24, 2011
  • 39. mesmo o que funciona pode melhorar. Monday, October 24, 2011
  • 40. Para resolver bem, precisamos entender o problema... ...pensar simples... ... e pen sar sem limites. “Se eu perguntasse para as pessoas o que queriam, me diriam cavalos mais rápidos.” -Henry Ford Monday, October 24, 2011
  • 41. mples a princípio Pensar si regra de Paretto, MVP Monday, October 24, 2011
  • 42. aior valor de USO entrar onde há m conc começar pela espinha e IT ERAR Monday, October 24, 2011
  • 43. r em tecnologia... não foca ...mas em comportamento Monday, October 24, 2011
  • 44. têm em comum? O que eles Monday, October 24, 2011
  • 45. gn! es i Monday, October 24, 2011 d
  • 46. todo mundo é designer! Monday, October 24, 2011
  • 47. Design = Projeto Monday, October 24, 2011
  • 48. negócio pessoas tecnologia Monday, October 24, 2011
  • 49. Qual é o melhor ara criar caminho p soluções? Monday, October 24, 2011
  • 54. sorte 0,00001% ... 50% metodologia ...15%, 25%, 40%, 70%... Monday, October 24, 2011
  • 55. METODOLOGIA DE DESIGN ão ão a aç uis aç tip sq lid oto pe va pr Monday, October 24, 2011
  • 56. O que é usabilidade mesmo? Segundo Jeffrey Rubin (Handbook of Usability Testing): Um conjunto de quatro fatores reunidos em um dispositivo: 1.Capacidade de ser usado com sucesso (utilidade, eficácia); 2.Facilidade de ser usado (objetividade, eficiência); 3.Capacidade de o usuário aprender a usar o dispositivo de forma simples e rápida (fácil compreensão e aprendizado); 4.Provocar satisfação visual ao usuário (experiência); Monday, October 24, 2011
  • 57. O que é usabilidade mesmo? Segundo Jakob Nielsen (Usability Engineering): Um conjunto de proporiedades de uma interface que reúne os seguintes componentes: 1.Fácil aprendizado; 2.Eficiência; 3.Capacidade de memorização; 4.Baixo índice de erros; 5.Satisfação e prazer ao uso. Monday, October 24, 2011
  • 58. O que é usabilidade mesmo? “Facilidade de uso e facilidade de aprendizado” -Albert Badre (Shaping Web Usability) “Capacidade, em termos funcionais humanos, de um sistema ser usado com facilidade e de forma eficiente” -Brian Shackel (Usability) “Princípios de design que, quando seguidos, dão respostas aos usuários tornando o uso dos dispositivos mais fácil” -Don Norman (O Design do dia-a-dia) Monday, October 24, 2011
  • 59. O que é usabilidade mesmo? “Pensar em usabilidade é pensar em produtos fáceis de usar” – Jesse James Garrett (The Elements of User Experience) “Fator que assegura que os produtos sejam fáceis de usar, eficientes e agradáveis” - Preece, Rogers e Sharp (Design de Interação) “A ciência de aplicação de metodologias ao design para a criação de dispositivos fáceis de usar, de fácil aprendizado e que sejam úteis com o menor índice de desconforto possível” - Mark Pearrow (Web Site Usability Handbook) Monday, October 24, 2011
  • 60. O que é usabilidade mesmo? ISO 9126 - 1991 “Esforço necessário para seu uso e para o julgamento individual de tal uso.” ISO 9241, 11 - 1998 “Capacidade de um produto ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso.” Monday, October 24, 2011
  • 61. O que é usabilidade mesmo? em 10 definições, vezes aparecem as palavras “facilidade” ou “fácil”. Monday, October 24, 2011
  • 62. O que é usabilidade mesmo? É o atributo que define a facilidade de uso de algo. Monday, October 24, 2011
  • 63. Quem define o que é “fácil” de ser usado? Monday, October 24, 2011
  • 64. UM POUCO DE HISTÓRIA Monday, October 24, 2011
  • 65. 1960 - 1970 | Inspeção de software Voltado à qualidade do código: encontrar e corrigir bugs. Modelo wartefall: processos ao final do trabalho realizado. Estudos do tipo tempo/erro: caros e pouco informativos. Monday, October 24, 2011
  • 66. 1980 | IHC e DCU Gradualmente o hardware evoluiu permitindo softwares robustos e interfaces complexas e o uso em novos nichos. Surge o computador pessoal. Para produzir produtos com funcionalidades e interfaces adequadas, nascem dois campos de estudo: Interface Humano-Computador e Design Centrado no usuário. Monday, October 24, 2011
  • 67. 1982 | Interface Humano-Computador (IHC) Campo de estudos que surgiu em 1982 no congresso “Human Factors in Computing Systems”, realizado por psicólogos cognitivos principalmente. Características: ciência da computação com foco nos aspectos sociais, cognitivos e comportamentais. Monday, October 24, 2011
  • 68. 1986 | Design Centrado no Usuário (DCU) Design Centrado no Usuário (DCU) é o campo de estudo que reúne metodologias de design nos quais o público-alvo de um produto ou serviço influencia as diretrizes e requisitos do sistema. Termo cunhado por Norman enquanto trabalhava como pesquisador na Universidade California San Diego (UCSD), no artigo User-Centered System Design: New Perspectives on Human-Computer Interaction (Norman & Draper, 1986) e popularizado em 1988 no popular Psychology of everyday things (mais tarde rebatizado como The design of everyday things). Monday, October 24, 2011
  • 69. Design Centrado no Usuário (DCU) “…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em fazer produtos usáveis e inteligíveis.” – Donald Norman “A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário sabe mais. Pessoas que utilizarão um produto ou serviço sabem de suas necessidades, metas e preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan Saffer “...é uma abordagem ao design que fundamenta o processo em informações sobre as pessoas que usarão o produto. Processos de UCD focam em usuários através de planejamento, design e desenvolvimento do produto.” – Usability Professionals Association (UPA) “...é um estabelecido processo usado pela IBM e muitas outras organizações para prover produtos que atendam as expectativas dos usuários.” – IBM “...é focar o design no usuário, simples assim.” – Peter J. Bogaards Monday, October 24, 2011
  • 70. Design Centrado no Usuário (DCU) USUÁRIOS devemos perguntá-los como fazer nosso trabalho? Monday, October 24, 2011
  • 71. Design Centrado no Usuário (DCU) a princípio, NÃO Monday, October 24, 2011
  • 72. Design Centrado no Usuário (DCU) Devemos identificar seus padrões de comportamento e projetarmos soluções adequadas. Monday, October 24, 2011
  • 73. 1988 | Engenharia de Usabilidade O termo foi cunhado por John Bennett (IBM) e John Whiteside (Digital Equipment Corporation) em alguns artigos em 1988. A princípio era chamado de “Engenharia de Usabilidade”. Abordagem qualitativa e prática de desenvolvimento de produtos, orientada para a qualidade e focada em: definição de tarefas, prototipação e avaliação iterativa (Whiteside, Bennett, & Holtzblatt,1988). Monday, October 24, 2011
  • 74. 1990 | Design de Interação Bill Morgride, diretor da IDEO, sintetizou no livro Designing for Interactions uma série de metodologias de design + comunicação usadas e aprimoradas na empresa para a elaboração de produtos úteis e usáveis. Monday, October 24, 2011
  • 75. Espaço do Design de Interação Este campo multidisciplinar centraliza e integra as diversas áreas de conhecimento relacionadas a interação entre artefato / usuários Monday, October 24, 2011
  • 76. TO DO DONE EM GRUPO! a razer n os colegas e t Discutir com aula: próxima ortal e é o p 1 ) O qu resolve p ro b lema ele 2) Que -alvo o público 3) Qual rrentes são os conco 4) Quem projeto. ue pé está o 5) em q Monday, October 24, 2011
  • 77. igad o! o br Este arquivo contém a apresentação realizada por Marcello de Campos Cardoso, em Outubro de 2011, para a disciplina Produção e Ferramentas Colaborativas, ministrada no curso de especialização em Mídias Digitais Internet na PUC Minas. Monday, October 24, 2011