SlideShare a Scribd company logo
1 of 236
Download to read offline
Design de InteraĆ§Ć£o
Karine Drumond e Leandro Alves




                                 Design de InteraĆ§Ć£o | Karine e Leandro
Quem somos?
ā€£ Especialistas em Design de InteraĆ§Ć£o pela PUC Minas

ā€£ Professores de Design de InteraĆ§Ć£o na PUC Minas e na UNI BH

ā€£ Leandro: sĆ³cio da Latitude14 (design de intetaĆ§Ć£o) e Mobian (desenvolvimento mobile)

ā€£ Karine: sĆ³cia da NegĆ³cio de Mulher (Design e Marketing feminino)

ā€£ Fundadores do capĆ­tulo IxDA BH (Interaction Design Association)




ā€£ http://negociodemulher.com.br/blog                     @karinedrumond
ā€£ http://latitude14.com.br e http://mobian.com.br        @lbalves




                                                           Design de InteraĆ§Ć£o | Karine e Leandro
Programa
ā€£ Entendendo o que Ć© design

ā€£ O que Ć© e de onde vem o design de interaĆ§Ć£o

ā€£ Marketing + design de interaĆ§Ć£o

ā€£ PrincĆ­pios, metas e leis do design de interaĆ§Ć£o

ā€£ Design research:

  ā€£ TĆ©cnicas de planejamento

  ā€£ TĆ©cnicas de prototipaĆ§Ć£o/design

  ā€£ TĆ©cnicas de avaliaĆ§Ć£o




                                                    Design de InteraĆ§Ć£o | Karine e Leandro
RecomendaĆ§Ć£o de leitura




PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de interaĆ§Ć£o: alĆ©m da interaĆ§Ć£o homem-computador. Porto Alegre:
Bookman, 2005.
SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010.

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.



                                                                                  Design de InteraĆ§Ć£o | Karine e Leandro
ReferĆŖncias online
www.useit.com
www.acm.org
www.interactions.acm.org
www.upassoc.org
www.cooper.com
www.slideshare.net/dansaffer
www.slideshare.net/LaneHalley




                                Design de InteraĆ§Ć£o | Karine e Leandro
A vida Ć© permeada de
        problemas e desafios.




                       Design de InteraĆ§Ć£o | Karine e Leandro
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?


                                                     Design de InteraĆ§Ć£o | Karine e Leandro
Que tal um iPhone pro Nicolau?




         Design de InteraĆ§Ć£o | Karine e Leandro
melhor ā‰  mais sofisticado
soluĆ§Ć£o simples = soluĆ§Ć£o elegante


                  Design de InteraĆ§Ć£o | Karine e Leandro
FOCO na demanda REAL.
             Design de InteraĆ§Ć£o | Karine e Leandro
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?

                                               Design de InteraĆ§Ć£o | Karine e Leandro
OXO - Good Grips



                            r melhor para TODOS
      acessibilidade pode se
Maior



                             Design de InteraĆ§Ć£o | Karine e Leandro
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?


                                                 Design de InteraĆ§Ć£o | Karine e Leandro
Mushroom Chopper




                 ve mais de um problema
boa soluĆ§Ć£o resol




                          Design de InteraĆ§Ć£o | Karine e Leandro
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.
                                              Design de InteraĆ§Ć£o | Karine e Leandro
YI | Sound Invention




      Ć§Ć£o pode vir de outro lugar
a solu




                       Design de InteraĆ§Ć£o | Karine e Leandro
es para o mesmo problema
existem vƔrias soluƧƵ




                             Design de InteraĆ§Ć£o | Karine e Leandro
Evolution Pillow




     a mais robustas que outras
algum




                      Design de InteraĆ§Ć£o | Karine e Leandro
Music Branch Headphone Splitter




  algumas mais simples




                  Design de InteraĆ§Ć£o | Karine e Leandro
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?
                                                Design de InteraĆ§Ć£o | Karine e Leandro
Resource Furniture
      (ver vĆ­deo)




                    Design de InteraĆ§Ć£o | Karine e Leandro
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.




                                   Design de InteraĆ§Ć£o | Karine e Leandro
Uma soluĆ§Ć£o inserida no projeto Ć© uma
           SoluĆ§Ć£o de design




           Design de InteraĆ§Ć£o | Karine e Leandro
Uma soluĆ§Ć£o inserida no projeto Ć© uma
           SoluĆ§Ć£o de design




           Design de InteraĆ§Ć£o | Karine e Leandro
Uma soluĆ§Ć£o inserida no projeto Ć© uma
           SoluĆ§Ć£o de design




           Design de InteraĆ§Ć£o | Karine e Leandro
Uma soluĆ§Ć£o inserida no projeto Ć© uma
           SoluĆ§Ć£o de design




           Design de InteraĆ§Ć£o | Karine e Leandro
Uma soluĆ§Ć£o inserida no projeto Ć© uma
           SoluĆ§Ć£o de design




           Design de InteraĆ§Ć£o | Karine e Leandro
Uma soluĆ§Ć£o inserida no projeto Ć© uma
           SoluĆ§Ć£o de design




           Design de InteraĆ§Ć£o | Karine e Leandro
Uma soluĆ§Ć£o inserida no projeto Ć© uma
           SoluĆ§Ć£o de design




           Design de InteraĆ§Ć£o | Karine e Leandro
mesmo o que funciona
pode melhorar.




                       Design de InteraĆ§Ć£o | Karine e Leandro
mesmo o que funciona
        pode melhorar.



Design de InteraĆ§Ć£o | Karine e Leandro
mesmo o que funciona
      pode melhorar.




Design de InteraĆ§Ć£o | Karine e Leandro
mesmo o que funciona
      pode melhorar.




Design de InteraĆ§Ć£o | Karine e Leandro
mesmo o que funciona
      pode melhorar.




Design de InteraĆ§Ć£o | Karine e Leandro
mesmo o que funciona
      pode melhorar.




Design de InteraĆ§Ć£o | Karine e Leandro
Para resolver bem,
                     precisamos entender o problema...




                            ...pensar simples...
                  ... e pen
                                 sar sem
                                                l
ā€œSe eu perguntasse para as pessoas o que queriam, imite
                                                            s. Ford
                          me diriam cavalos mais rĆ”pidos.ā€ -Henry
                                             Design de InteraĆ§Ć£o | Karine e Leandro
ples a princĆ­pio
              Pensar sim
quanto mais simples, ma
                       is fƔcil de ser compreendid
                                                  o/usado


                                  Design de InteraĆ§Ć£o | Karine e Leandro
ior valor de USO
       trar onde hĆ” ma
 concen

comeƧar pela espinha e IT
                         ERAR
                     Design de InteraĆ§Ć£o | Karine e Leandro
m tecnologia...
    nĆ£o focar e
...mas em comportamento


                   Design de InteraĆ§Ć£o | Karine e Leandro
tĆŖm em comum?
O que eles



                 Design de InteraĆ§Ć£o | Karine e Leandro
ign!
desDesign de InteraĆ§Ć£o | Karine e Leandro
todo mundo Ć© designer!


           Design de InteraĆ§Ć£o | Karine e Leandro
Design = Projeto


           Design de InteraĆ§Ć£o | Karine e Leandro
Produto
nasce do conhecimento

                        negĆ³cio
  destes 3 elementos




                 pessoas tecnologia


                                  Design de InteraĆ§Ć£o | Karine e Leandro
r
 Qual Ć© o melho
 aminho para criar
     Ƶes?
c
soluƧ                Design de InteraĆ§Ć£o | Karine e Leandro
sorte...




           Design de InteraĆ§Ć£o | Karine e Leandro
sorte...




           Design de InteraĆ§Ć£o | Karine e Leandro
...ou tƔtica/metodologia




   Design de InteraĆ§Ć£o | Karine e Leandro
...ou tƔtica/metodologia




   Design de InteraĆ§Ć£o | Karine e Leandro
sorte
       0,00001% ... 50%

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

         Design de InteraĆ§Ć£o | Karine e Leandro
METODOLOGIA DE DESIGN




               ot n/




                                 Ć£o
       a



                      o
                    Ć§Ć£
    uis


             ot ig




                               aƧ
           pr des
                 ipa
  sq




                            lid
pe




                          va
                      Design de InteraĆ§Ć£o | Karine e Leandro
UM POUCO DE
HISTƓRIA
       Design de InteraĆ§Ć£o | Karine e Leandro
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).



                                          Design de InteraĆ§Ć£o | Karine e Leandro
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

                                                      Design de InteraĆ§Ć£o | Karine e Leandro
abordagem DCU

Planejamento        Design             ValidaĆ§Ć£o            PĆ³s-lanƧamento




                             usuƔrio



               Design Centrado no UsuƔrio

                                             Design de InteraĆ§Ć£o | Karine e Leandro
Design Centrado no UsuƔrio (DCU)




   USUƁRIOS
devemos perguntĆ”-los como fazer nosso trabalho?



                               Design de InteraĆ§Ć£o | Karine e Leandro
Design Centrado no UsuƔrio (DCU)




 a princĆ­pio
            ,   NƃO


                  Design de InteraĆ§Ć£o | Karine e Leandro
Design Centrado no UsuƔrio (DCU)


Devemos identificar seus   padrƵes de comportamento
                                              e projetarmos soluƧƵes   adequadas.




                                                  Design de InteraĆ§Ć£o | Karine e Leandro
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.




                                         Design de InteraĆ§Ć£o | Karine e Leandro
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



              Design de InteraĆ§Ć£o | Karine e Leandro
POR QUE
DESIGN DE
INTERAƇƃO ?
        Design de InteraĆ§Ć£o | Karine e Leandro
PORQUE O
MARKETING
NƃO FUNCIONA
MAIS(sozinho)


                Design de InteraĆ§Ć£o | Karine e Leandro
Por que Design de InteraĆ§Ć£o?

Projetar dispositivos e interfaces usƔveis vai alƩm de evitar erros: um projeto
bem pesquisado, planejado, desenvolvido e testado pode agregar valor ao
uso, negĆ³cio ou mesmo mudar totalmente a natureza do produto/sistema
para outra melhor e mais adequada.


   ā€œ...Design de InteraĆ§Ć£o nĆ£o Ć© apenas sobre corrigir problemas;
       diz respeito a facilitar interaƧƵes entre pessoas de uma
      maneira mais rica, profunda e melhor - ou seja, encontrar
   novas formas de melhor conectar as pessoas e tornar o mundo
                            um lugar melhor.ā€

                                                                      -Dan Saffer
                                                  Design de InteraĆ§Ć£o | Karine e Leandro
1) MARKETING TRADICIONAL


               Design de InteraĆ§Ć£o | Karine e Leandro
Produtor
                            eting
                        mark
                   de
               mix


consumidor           alvo
             pĆŗblico-

                               Design de InteraĆ§Ć£o | Karine e Leandro
http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
valor agregado

             Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
2) MARKETING 2.0


               Design de InteraĆ§Ć£o | Karine e Leandro
ā€œA revoluĆ§Ć£o nĆ£o acontece quando a sociedade adota novas
ferramentas. Acontece quando a sociedade adota novos
comportamentosā€
                           -Clay Shirky (New York Times)




                                      Design de InteraĆ§Ć£o | Karine e Leandro
MĆ­dias Sociais tomaram o lugar
     da pornografia como conteĆŗdo
         mais acessado da Internet.
                                                      1/8 dos casais se formam em mĆ­dias sociais nos EUA




http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                           Design de InteraĆ§Ć£o | Karine e Leandro
50% da populaĆ§Ć£o estĆ” abaixo dos 30 anos.


              96% dessas pessoas jĆ”
             estĆ£o em mĆ­dias sociais.

http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
facebook ultrapassou o Google
     no trƔfego semanal nos EUA.


http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
78% dos consumidores
                     confiam mais em
                 recomendaƧƵes pessoais.
                    Apenas 14% confiam em propagandas



http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
1/3
dos brasileiros fora das redes sociais pretende participar de alguma em breve

http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
2/3 usam a rede hĆ” mais de 3 anos
http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
273
                              amigos em mƩdia nas redes sociais.
                             Em BH, 13% tem mais de 700 amigos!
http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
60%
              pensam que as redes oferecem toda a informaĆ§Ć£o
                              que precisam.

http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
45%
                   consideram que as redes sociais substituem os
                               portais de notĆ­cias
http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
80%
                 das pessoas nas redes aceitam tranquilamente receber divulgaĆ§Ć£o,
                          comunicaƧƵes e serem avaliadas por empresas


http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
twitter Ć©


8.000x      mais eficaz que Procon

                  Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
compartilhar > criar




             Design de InteraĆ§Ć£o | Karine e Leandro
Produtor




consumidor   consumidor         consumidor



                          Design de InteraĆ§Ć£o | Karine e Leandro
http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais
                                                                Design de InteraĆ§Ć£o | Karine e Leandro
3) DESIGN (DE INTERAƇƃO)


               Design de InteraĆ§Ć£o | Karine e Leandro
Relembrando...
1990 | Design de InteraĆ§Ć£o
Bill Moggridge, 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.




                                      Design de InteraĆ§Ć£o | Karine e Leandro
Outras definiƧƵes...

ā€£ ā€œCriar experiĆŖncias que melhorem e estendam a maneira como as pessoas

  trabalham, se comunicam e interagem.ā€
  Winograd, 1999

ā€£ ā€œDesign de interaĆ§Ć£o define a estrutura e o comportamento de produtos e

  serviƧos interativos e suas interaƧƵes com usuĆ”rios.ā€
  Interaction Design Association (IxDA), 2004




                                                   Design de InteraĆ§Ć£o | Karine e Leandro
Outras definiƧƵes...




                       Design de InteraĆ§Ć£o | Karine e Leandro
Designer +
             Marketing




 usuƔrio/     usuƔrio/           usuƔrio/
consumidor   consumidor         consumidor




                          Design de InteraĆ§Ć£o | Karine e Leandro
Como se faz DI?




                   ot n/




                                     Ć£o
           a



                          o
                        Ć§Ć£
        uis


                 ot ig




                                   aƧ
               pr des
                     ipa
      sq




                                lid
    pe




                              va
                          Design de InteraĆ§Ć£o | Karine e Leandro
Como se faz DI?
                Pesquisar: identificar requisitos
        a
     uis




                (usuƔrios, tarefas, contexto)
   sq
 pe




                Criar soluƧƵes alternativas que
     ot n/
            o
          Ć§Ć£
   ot ig
 pr des
       ipa




                atendam aos requisitos identificados.


                Validar as soluƧƵes criadas com os usuƔrios.
        Ć£o
      aƧ
   lid
 va




                                            Design de InteraĆ§Ć£o | Karine e Leandro
Principais tƩcnicas

                Story                          PrototipaĆ§Ć£o    Teste dos 5
                              Card sorting                      segundo
               mapping                          em papel
                                                                                Utilidade

 Pesquisa em
    campo

                    Pesquisa                 Design/                                 AnƔlise de
                                                              ValidaĆ§Ć£o              satisfaĆ§Ć£o
                                       PrototipaĆ§Ć£o
 Entrevistas
                                                                                Teste de
                                                                               usabilidade
                                AnƔlise de
               Benchmarking      tarefas                          AnƔlise
                                                Wireframes
                                                                 HeurĆ­stica



                                                              Design de InteraĆ§Ć£o | Karine e Leandro
pes
                                                                           quis
                                                                               a



     Pesquisa pa
                 ra desenvolv
                              imento do novo
                                             Desk Metric
                                                         s


                                                 ine Luiza
                          nƧa de ve ndas do Magaz
Card Sorting com a lidera




                                                    Design de InteraĆ§Ć£o | Karine e Leandro
desi
                prot gn/
                    otip
                         aĆ§Ć£
                            o




Design de InteraĆ§Ć£o | Karine e Leandro
valida
                                                             Ć§Ć£o




                                OR
                       FIA T ISV
           e-l earning
Av aliando

                                     Design de InteraĆ§Ć£o | Karine e Leandro
Case - Aquaduct
                  O problema: BilhƵes de pessoas nĆ£o
                  tem acesso a agua limpa. CrianƧas
                  morrem por causa de doenƧas de
                  saneamento bƔsico.




                                  Design de InteraĆ§Ć£o | Karine e Leandro
Case - Aquaduct




                  Design de InteraĆ§Ć£o | Karine e Leandro
Case - Aquaduct




                  Design de InteraĆ§Ć£o | Karine e Leandro
Case - Aquaduct




                  Design de InteraĆ§Ć£o | Karine e Leandro
Case - Aquaduct




                  Design de InteraĆ§Ć£o | Karine e Leandro
Service design




Design de InteraĆ§Ć£o | Karine e Leandro
Service design




Design de InteraĆ§Ć£o | Karine e Leandro
UX   Design de InteraĆ§Ć£o | Karine e Leandro
UX   Design de InteraĆ§Ć£o | Karine e Leandro
Marketing Indireto




$389.400.000.000,00
                    Design de InteraĆ§Ć£o | Karine e Leandro
ROWE




Design de InteraĆ§Ć£o | Karine e Leandro
comportamento
Design de InteraĆ§Ć£o | Karine e Leandro
contexto
Design de InteraĆ§Ć£o | Karine e Leandro
ssibilidade
             ace
Design de InteraĆ§Ć£o | Karine e Leandro
tipo do
            protĆ³
              t wit ter!




Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
iteraĆ§Ć£o

Design de InteraĆ§Ć£o | Karine e Leandro
$300.000.000,00




"I'm not here to be in a relationship"
                         Design de InteraĆ§Ć£o | Karine e Leandro
quem Ʃ sƩrio investe nesta abordagem




                      Design de InteraĆ§Ć£o | Karine e Leandro
quem Ʃ sƩrio investe nesta abordagem




          laboratĆ³rio de UX da globo.com

                                  Design de InteraĆ§Ć£o | Karine e Leandro
quem Ʃ sƩrio investe nesta abordagem




            centro de design da ASUS

                                 Design de InteraĆ§Ć£o | Karine e Leandro
Design    Marketing
             usuĆ”rios   pĆŗblico-alvo

comportamento de uso    hƔbitos de consumo

         valor de uso   valor agregado




                              Design de InteraĆ§Ć£o | Karine e Leandro
Marketing
   +
 Design




            Design de InteraĆ§Ć£o | Karine e Leandro
Como saber o quĆŖ e como projetar?




           vs
                     Design de InteraĆ§Ć£o | Karine e Leandro
Metas do design de interaĆ§Ć£o


    Em quĆŖ devemos focar num
                 projeto?
      Ex.: facilidade de uso ou estƩtica?




                               Design de InteraĆ§Ć£o | Karine e Leandro
Metas do design de interaĆ§Ć£o




                     Design de InteraĆ§Ć£o | Karine e Leandro
Metas do design de interaĆ§Ć£o


    Visam nortear o projeto de
    design de interaĆ§Ć£o e variam
        conforme o produto.


                       Design de InteraĆ§Ć£o | Karine e Leandro
Metas do design de interaĆ§Ć£o
                                  divertido
                                                     emocionalmente
                                                       adequado
          satisfatĆ³rio


                                  eļ¬ciente                  compensador

                                                seguro
                         eļ¬caz    Metas do
      agradƔvel
                                  Design de   fƔcil             inspirador
                                  InteraĆ§Ć£o memorizar


                         fĆ”cil lembrar       Ćŗtil
      interessante

                                                         esteticamente
                                                           apreciƔvel

                  proveitoso
                                         motivador




                                                         Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ EficĆ”cia


EficĆ”cia se refere a quĆ£o bem uma ferramenta auxilia na realizaĆ§Ć£o
de uma atividade proposta, em um contexto de uso.


Ɖ uma caracterĆ­stica analĆ³gica, em escala.



                                          Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ EficĆ”cia
           Qual Ć© mais eficaz?




                           Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ EficĆ”cia
Depende. Pra quĆŖ e para quem?




                                Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ EficiĆŖncia



 Quanto uma ferramenta auxilia na economia de recursos para a
  realizaĆ§Ć£o de uma atividade proposta, em um contexto de uso.




                                        Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ EficiĆŖncia



     EficiĆŖncia

        =
economia de recursos


                       Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ EficiĆŖncia




     recursos podem ser medidos em tempo, cliques...
              se traduzem em trabalho/custo

                                     Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ EficĆ”cia X EficiĆŖncia



        eficƔcia - fazer melhor
      eficiĆŖncia - produtividade



                        Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ SeguranƧa



 SeguranƧa se refere a prevenĆ§Ć£o e recuperaĆ§Ć£o de erros.

 Deve ser perceptĆ­vel, transparente.



                                    Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ SeguranƧa

FĆ­sica




                    Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ SeguranƧa

Interface




                    Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ SeguranƧa

PrevenĆ§Ć£o de erros




                     Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ SeguranƧa

PrevenĆ§Ć£o de erros, transparente.




                                    Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ SeguranƧa

SeguranƧa percebida




                      Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ Facilidade de aprendizado
Clareza na interface, compreensĆ£o das funcionalidades




             metƔforas e modelos mentais

                                    Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ Facilidade de lembrar como se usar




                           Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ Facilidade de lembrar como se usar

       Interface profissional, especialista




                                  Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ Utilidade


Water Reminder




                    Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ Utilidade


Water Your Body




                    Design de InteraĆ§Ć£o | Karine e Leandro
Metas ā€“ Utilidade
Ferramenta sem foco
Pra que serve?
Elevator pitch,
Twitter pitch!




                      Design de InteraĆ§Ć£o | Karine e Leandro
Metas da experiĆŖncia do usuĆ”rio

                                       divertido
                                                        emocionalmente
                                                          adequado
                     satisfatĆ³rio
                                            eļ¬ciente
                                                                    compensador
                                    eļ¬caz               seguro
                  agradƔvel
                                            Metas do
                                            Design de                 inspirador
                                            InteraĆ§Ć£o    fĆ”cil
                                fƔcil lembrar          memorizar
                 interessante
                                                Ćŗtil
                                                                   esteticamente
                                                                     apreciƔvel
                         proveitoso
                                            motivador




                                 Design de InteraĆ§Ć£o | Karine e Leandro
Metas da experiĆŖncia do usuĆ”rio

                                       divertido
                                                        emocionalmente
                                                          adequado
                     satisfatĆ³rio
                                            eļ¬ciente
                                                                    compensador
                                    eļ¬caz               seguro
                  agradƔvel
                                            Metas do
                                            Design de                 inspirador
                                            InteraĆ§Ć£o    fĆ”cil
                                fƔcil lembrar          memorizar
                 interessante
                                                Ćŗtil
                                                                   esteticamente
                                                                     apreciƔvel
                         proveitoso
                                            motivador




                                 Design de InteraĆ§Ć£o | Karine e Leandro
Metas da experiĆŖncia do usuĆ”rio

                                       divertido
                                                        emocionalmente
                                                          adequado
                     satisfatĆ³rio
                                            eļ¬ciente
                                                                    compensador
                                    eļ¬caz               seguro
                  agradƔvel
                                            Metas do
                                            Design de                 inspirador
                                            InteraĆ§Ć£o    fĆ”cil
                                fƔcil lembrar          memorizar
                 interessante
                                                Ćŗtil
                                                                   esteticamente
                                                                     apreciƔvel
                         proveitoso
                                            motivador




                                 Design de InteraĆ§Ć£o | Karine e Leandro
Metas da experiĆŖncia do usuĆ”rio

                                       divertido
                                                        emocionalmente
                                                          adequado
                     satisfatĆ³rio
                                            eļ¬ciente
                                                                    compensador
                                    eļ¬caz               seguro
                  agradƔvel
                                            Metas do
                                            Design de                 inspirador
                                            InteraĆ§Ć£o    fĆ”cil
                                fƔcil lembrar          memorizar
                 interessante
                                                Ćŗtil
                                                                   esteticamente
                                                                     apreciƔvel
                         proveitoso
                                            motivador




                                 Design de InteraĆ§Ć£o | Karine e Leandro
PrincĆ­pios de design

                          Visibilidade
SĆ£o caracterĆ­sticas que   Feedback

   tornam os produtos
                          RestriƧƵes
                          Mapeamento

   mais fƔceis de usar.
                          ConsistĆŖncia
                          Affordance




                           Design de InteraĆ§Ć£o | Karine e Leandro
1. Visibilidade

           Oferecer
 informaƧƵes sobre o
  estado do sistema
    para tomada de
           decisĆ£o e
       compreensĆ£o.



                       Design de InteraĆ§Ć£o | Karine e Leandro
2. Feedback
              Oferecer retorno
              sobre as aƧƵes dos
              usuƔrios:


              Visual
              TƔtil
              Aural
              Combinado



                 Design de InteraĆ§Ć£o | Karine e Leandro
2. Feedback




              Design de InteraĆ§Ć£o | Karine e Leandro
3. RestriƧƵes
RestriƧƵes lĆ³gicas
Exploram o bom senso das pessoas a respeito de como o
mundo funciona.




                                        Design de InteraĆ§Ć£o | Karine e Leandro
3. RestriƧƵes




RestriƧƵes fƭsicas
Se referem Ć  maneira como os objetos restringem mecanicamente.

                                        Design de InteraĆ§Ć£o | Karine e Leandro
3. RestriƧƵes
RestriƧƵes culturais
ConvenƧƵes aprendidas ā€“ universais
ou especĆ­ficas de culturas diferentes.




                                         Design de InteraĆ§Ć£o | Karine e Leandro
4. Mapeamento
Criar uma relaĆ§Ć£o entre o controle e seu efeito.




                                   Design de InteraĆ§Ć£o | Karine e Leandro
4. Mapeamento




                Design de InteraĆ§Ć£o | Karine e Leandro
4. Mapeamento




                Design de InteraĆ§Ć£o | Karine e Leandro
5. ConsistĆŖncia
InteraƧƵes semelhantes, elementos semelhantes.




                                  Design de InteraĆ§Ć£o | Karine e Leandro
5. ConsistĆŖncia




                  Design de InteraĆ§Ć£o | Karine e Leandro
6. Affordance
O designer deve dar uma ā€œdicaā€ de como interagir.




                                    Design de InteraĆ§Ć£o | Karine e Leandro
6. Affordance




                Design de InteraĆ§Ć£o | Karine e Leandro
6. Affordance




                Design de InteraĆ§Ć£o | Karine e Leandro
6. Affordance




                Design de InteraĆ§Ć£o | Karine e Leandro
Leis do Design de InteraĆ§Ć£o

Lei de Fitts
O tempo gasto para se mover de um ponto inicial para outro Ć© proporcional ao
tamanho do alvo e sua distĆ¢ncia.

Significa que...
Elementos de uma interface devem possuir um tamanho adequado a sua
importĆ¢ncia.

Elementos relacionados devem se posicionar em um contexto de uso coerente.

                                                           Paul Fitts, psicĆ³logo - 1954




                                                   Design de InteraĆ§Ć£o | Karine e Leandro
Leis do Design de InteraĆ§Ć£o
Lei de Hicks
O tempo que leva para uma pessoa tomar uma decisĆ£o Ć© proporcional ao nĆŗmero
das escolhas possĆ­veis.

Significa que...
UsuĆ”rios encontram a informaĆ§Ć£o separando-as em blocos e eliminando a metade a
cada etapa do processo.

Desconsiderando outras decisƵes de design, seria mais simples encontrar um atalho
em um grupo de 10 do que em dois de 5.

Devemos ser criteriosos na categorizaĆ§Ć£o de conteĆŗdos.

                                                  William Edmund Hick, psicĆ³logo - 1983



                                                    Design de InteraĆ§Ć£o | Karine e Leandro
Leis do Design de InteraĆ§Ć£o

Lei de Miller (complementar Ć  lei de Hicks)
A memĆ³ria de curta duraĆ§Ć£o humana registra 7 informaƧƵes em mĆ©dia, variando em
torno de 2 para cima ou para baixo.

Significa que...
NĆ£o Ć© uma regra rĆ­gida, mas uma orientaĆ§Ć£o. Interfaces devem ser projetadas no
intuito de minimizar a sobrecarga cognitiva.

Por exemplo, nĆ£o devemos criar interaƧƵes que forcem usuĆ”rios a memorizar
elementos estranhos em telas diferentes.


                                                         George Miller, psicĆ³logo - 1956




                                                    Design de InteraĆ§Ć£o | Karine e Leandro
Leis do Design de InteraĆ§Ć£o


Lei de Moore
O nĆŗmero de transistores dos chips terĆ” um aumento de 100%, pelo mesmo custo, a
cada perĆ­odo de 18 meses.

Significa que...
A tecnologia evolui rapidamente. Devemos nos adequar a mudanƧa de paradigmas
tecnolĆ³gicos. Novos dispositivos, novas formas de interagir, novas possibilidades!


                                                Gordon Moore, co-fundador da Intel - 1965




                                                      Design de InteraĆ§Ć£o | Karine e Leandro
TO DO                     DONE



EM GRUPO!
                                  finir:
                os cole gas e de
Disc utir com                       , etc)
                  site (a plicativo
 1) O   que Ć© o               solve
            problem  a ele re
  2) Que
                     co-alvo
   3) Qua  l o pĆŗbli             ntes
               sĆ£o os   concorre
    4) Quem




                                                Design de InteraĆ§Ć£o | Karine e Leandro
recapitulando..


          Design de InteraĆ§Ć£o | Karine e Leandro
Ciclo de vida do produto




               ot n/




                                 Ć£o
       a



                      o
                    Ć§Ć£
    uis


             ot ig




                               aƧ
           pr des
                 ipa
  sq




                            lid
pe




                          va
                      Design de InteraĆ§Ć£o | Karine e Leandro
Ciclo de vida do produto




         jam a/
              to
       ne uis
            en
    pla sq
         pe

Validar e descobrir novas

DEMANDAS
                   Design de InteraĆ§Ć£o | Karine e Leandro
Pesquisa Ć© minerar dados
            e colher informaƧƵes.



                    Design de InteraĆ§Ć£o | Karine e Leandro
(
Dados vs. InformaƧƵes
                                       )
             Design de InteraĆ§Ć£o | Karine e Leandro
(
ā€œPossuĆ­mos 6 mil cadastros femininos.ā€

 Isso Ć© um dado.                                   )
                         Design de InteraĆ§Ć£o | Karine e Leandro
(
6 mil fem / 3 mil masc = 2/3 fem
Isso Ć© um informaĆ§Ć£o.                          )
                     Design de InteraĆ§Ć£o | Karine e Leandro
(   InformaĆ§Ć£o sĆ£o
    dados tratados.                     )
              Design de InteraĆ§Ć£o | Karine e Leandro
InformaƧƵes
 Ajudam a evitar problemas
clƔssicos de escopo de projeto



                    Design de InteraĆ§Ć£o | Karine e Leandro
NĆ£o hĆ” receita de bolo, mas princĆ­pios.
1. Desenvolvedor ā‰  usuĆ”rio
2. Dados ā‰  informaƧƵes
3. Mais informaĆ§Ć£o = menor chance de insucesso
4. ArquĆ©tipo ā‰  clichĆŖ


                                Design de InteraĆ§Ć£o | Karine e Leandro
O usuƔrio elƔstico
ā€œQuem vai usar isso? - Todo Mundo!ā€
usuĆ”rio avanƧado / usuĆ”rio iniciante ā‰  usuĆ”rio real




                                                      Design de InteraĆ§Ć£o | Karine e Leandro
Para evitar
dor de cabeƧa..


         jam a/
              to
       ne uis
            en
    pla sq
         pe




               Design de InteraĆ§Ć£o | Karine e Leandro
Algumas tƩcnicas de pesquisa:
  ā€£   AvaliaĆ§Ć£o do SAC, feedback,
  ā€£   AnĆ”lise mĆ©trica,
  ā€£   Benchmarking,
  ā€£   Etnografia online,
  ā€£   Entrevistas,
  ā€£   QuestionĆ”rios,
  ā€£   etc...

                              Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
 explorando a campo




         Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                   explorando a campo




Podem ser pensadas como

  uma conversaĆ§Ć£o com um propĆ³sito.



            (Kahn e Cannel, ā€œThe dynamics of interviewingā€, 1957)

                                        Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                   explorando a campo



Dividem em 4 tipos
  1. NĆ£o estruturadas (open ended. escopo aberto)
  2. Estruturadas (escopo fechado)
  3. Semi-estruturadas (adaptƔveis)
  4. Focus group - (Conduzida por tĆ³picos)



                    quanto
                           +    exploratĆ³rias,
                                               +      aberto o escopo
                                        Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                 explorando a campo



Regrinhas de ouro - antes
  1. Elabore um roteiro
  2. Prepare um termo de confidencialidade e consentimento
  3. Certifique se tudo estƔ impresso antes de comeƧar
  4. Verifique e teste equipamento de gravaĆ§Ć£o



                          (Robson, ā€œReal World Researchā€, 1993)
                                      Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                     explorando a campo

Teste piloto - antes
Realize a entrevista para validar perguntas, estrutura, tempo.
Adapte e refaƧa o teste piloto se necessƔrio.




                                          Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                   explorando a campo



Regrinhas de ouro - durante
1. SIGA o roteiro!
2. Vista e comporte +/- como o entrevistado
3. Apresente-se cordialmente
4.Explique o objetivo da pesquisa
5.PeƧa que assine os termos (confidencialidade e consentimento)

                                                            continua... >
                                        Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                  explorando a campo



Regrinhas de ouro - durante
6. Avise entĆ£o que comeƧarĆ” a gravar
7. Informe que o participante pode desistir a qualquer momento
8. Inicie a gravaĆ§Ć£o.




                                       Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                   explorando a campo




Regrinhas de ouro - depois
AgradeƧa ao participante e pergunte se hƔ algo que ele gostaria
de acrescentar.




                                        Design de InteraĆ§Ć£o | Karine e Leandro
Chame o entrevistado pelo nome.
E comece por perguntas fƔceis, mesmo que
 vocĆŖ saiba a resposta.




#1
                                Design de InteraĆ§Ć£o | Karine e Leandro
Vamos comeƧar? Qual o maior
constrangimento profissional que vocĆŖ jĆ”
 passou na sua vida?



#1
                            Design de InteraĆ§Ć£o | Karine e Leandro
EntĆ£o Camila, vocĆŖ fez alguma
viagem recentemente?


#1
                   Design de InteraĆ§Ć£o | Karine e Leandro
Evite perguntas longas!
Treine seu poder de sĆ­ntese e clareza.




#2
                              Design de InteraĆ§Ć£o | Karine e Leandro
Na atual conjuntura sĆ³cio-econĆ“mica e polĆ­tica
do Brasil contemporĆ¢neo, qual sua perspectiva
acerca da realidade singular musical do proto-
 gueto das comunidades cariocas?



#2
                              Design de InteraĆ§Ć£o | Karine e Leandro
O que vocĆŖ acha do samba-de-
roda tradicional carioca?


#2
                  Design de InteraĆ§Ć£o | Karine e Leandro
Evite sentenƧas compostas
difĆ­ceis de entender e de anotar as respostas




#3
                               Design de InteraĆ§Ć£o | Karine e Leandro
O que vocĆŖ acha deste tipo de portal de
notĆ­cias, e comparado a outros tipos de
 portais?



#3
                          Design de InteraĆ§Ć£o | Karine e Leandro
O que vocĆŖ acha deste portal de
notĆ­cias?


#3
                   Design de InteraĆ§Ć£o | Karine e Leandro
E comparado a outros
tipos de portais?


#3
                   Design de InteraĆ§Ć£o | Karine e Leandro
Evite jargƵes e termos tƩcnicos
que o entrevistado pode desconhecer e nĆ£o admitir por
 constrangimento




#4
                                         Design de InteraĆ§Ć£o | Karine e Leandro
O que vocĆŖ pensa sobre uma StartUp
realizar Pivot tecnolĆ³gico antes do
 lanƧamento de seu MVP?



#4
                         Design de InteraĆ§Ć£o | Karine e Leandro
O que vocĆŖ acha sobre uma empresa
mudar o foco do seu produto antes de
lanƧƔ-lo?



#4
                         Design de InteraĆ§Ć£o | Karine e Leandro
Evite tendenciamento e suposiƧƵes.
Tenha bom-senso. Busque sempre a neutralidade
 em seu tom e suas palavras.




#5
                                       Design de InteraĆ§Ć£o | Karine e Leandro
Quais as coisas que vocĆŖ mais
gosta nessa Ɣrea do portal?


#5
                    Design de InteraĆ§Ć£o | Karine e Leandro
O que vocĆŖ acha desta Ć”rea do
portal?


#5
                  Design de InteraĆ§Ć£o | Karine e Leandro
Busque uma consistĆŖncia narrativa
A ordem das perguntas influencia as respostas




#6
                                    Design de InteraĆ§Ć£o | Karine e Leandro
#6
Qual sua pretenĆ§Ć£o salarial para
daqui a 2 anos?



8 mil.



VocĆŖ
fuma!?
                    Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                    explorando a campo




Entrevistas nĆ£o ou semi-estruturadas
1. Tenha um objetivo claro, uma agenda
2. Estruture os temas que precisa abordar em tĆ³picos




                                         Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                     explorando a campo

Entrevistas nĆ£o ou semi-estruturadas

vantagens                         desvantagens

geram dados ricos                 exigem mais experiĆŖncia


levam a descobertas disruptivas   levam tempo pra serem analisadas
                                  (dados desestruturados)


                                          Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                      explorando a campo

Focus Group (entrevistas em grupo)
1. De 3 a 10 participantes, representativos dos grupos em estudo
2. Um orientador dirige os tĆ³picos de discussĆ£o




                                           Design de InteraĆ§Ć£o | Karine e Leandro
Entrevistas
                                                      explorando a campo

Focus Group (entrevistas em grupo)

vantagens                          desvantagens
Explora o contexto social e a      O Lead user pode ser um problema
interaĆ§Ć£o entre os envolvidos
(ambiente, contexto)


Ɖ prĆ”tico para validar uma ideia   O recrutamento Ć© complicado, jĆ”
com um grupo de mercado.           que a agenda de muitos Ć©
                                   considerada

                                           Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
   validando hipĆ³teses




           Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                                 Validando hipĆ³teses




oferecem quase sempre

         opƧƵes fechadas de respostas


                             +
                        quanto   objetivo,
                                             +    fechado o escopo


                                     Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                                     Validando hipĆ³teses


Vantagens
1. SĆ£o mais fĆ”ceis de serem analisados

2. Podem abranger um maior nĆŗmero de questƵes, por serem
   mais objetivos

3. SĆ£o replicados com maior facilidade




                                         Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                                    Validando hipĆ³teses


Vantagens
4. Ajudam a definir subgrupos (Ex: grupo internautas. Qual
   subgrupo? Experiente, intermediƔrio ou iniciante?)

5. Podem ser projetados com variaƧƵes para cada grupo
   especĆ­fico

6. QuestionƔrios longos podem ser subdivididos em partes para
   facilitar preenchimento


                                        Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                       Validando hipĆ³teses



Cuidado com as faixas de respostas!
 Podem se sobrepor   Podem faltar
   a)10-20             a)500 e 1 mil
   b)20-30             b)2 e 3 mil
   c) 30-40            c) 4 e 5 mil
   d) 40-50            d) Acima de 6 mil




                           Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                  Validando hipĆ³teses



Cuidado com as faixas de respostas!




                      Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                    Validando hipĆ³teses


Respostas tambƩm podem ser binƔrias...
  1.sim/nĆ£o
  2.curti/nĆ£o curti




                        Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                Validando hipĆ³teses


...ou em escalas.




                    Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                                              Validando hipĆ³teses


Cuidados com questionƔrios
Evite respostas com escalas negativas


      Qual sua nota para o sorvete de Pistache?
         a) -2
         b) -1
         c) 0
         d) 1
         e) 2


                                                  Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                                           Validando hipĆ³teses

Escala Likert
Afirmativas curtas seguidas de uma escala bipolar de respostas
graduais.

      1. Gosto do meu cereal ao leite bem crocante pela manhĆ£.
         a) Concordo plenamente
         b) Concordo
         c) NĆ£o concordo nem discordo
         d) Discordo
         e) Discordo plenamente


                                               Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                                           Validando hipĆ³teses

Escala Likert
Use nĆŗmero par se quiser forƧar um posicionamento

      1. Gosto do meu cereal ao leite bem crocante pela manhĆ£.
        a) Concordo plenamente
        b) Concordo
        c) Discordo
        d) Discordo plenamente




                                               Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                                      Validando hipĆ³teses

Escala Likert
Use o mesmo nĆŗmero de afirmaƧƵes positivas e negativas. Se
vai misturĆ”-las ou agrupĆ”-las, Ć© seu critĆ©rio, e as opiniƵes sĆ£o
divididas entre os autores sobre isto.




                                          Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios
                                                 Validando hipĆ³teses

Escala de diferencial semĆ¢ntico
Menos utilizada que as escalas likert, utilizam adjetivos
opostos, normalmente em uma grade. O usuƔrio deve marcar a
posiĆ§Ć£o que melhor representa sua opiniĆ£o para cada item.




                                     Design de InteraĆ§Ć£o | Karine e Leandro
Interpretando dados

1. Procure padrƵes e tendĆŖncias

2. Para menos de 60 participantes, respostas com nĆŗmero reais.
   Para mais, porcentagens.

3. Para interpretar entrevistas, Ć© ideal manter alguma
   mĆ©trica ou cĆ³digo



                                       Design de InteraĆ§Ć£o | Karine e Leandro
QuestionƔrios Ciclo de vida do produto
                             e
       rking   entrevistas
   chma
Ben




                      ot n/
                             o


                                         Ć£o
             a


                           Ć§Ć£
                    ot ig
          uis

                  pr des




                                       aƧ
                        ipa
        sq




                                    lid
      pe




                 personas
                                  va
                                  Design de InteraĆ§Ć£o | Karine e Leandro
ā€¢ Karine Drumond
 ā€£   www.negociodemulher.com.br/blog

 ā€£   karine@negociodemulher.com.br



ā€¢ Leandro Alves
 ā€£   www.uxp.com.br

 ā€£   lbalves@latitude14.com.br




                    Design de InteraĆ§Ć£o | Karine e Leandro

More Related Content

More from Karine Drumond

Pesquisa de Usabilidade para Netimoveis
Pesquisa de Usabilidade para NetimoveisPesquisa de Usabilidade para Netimoveis
Pesquisa de Usabilidade para NetimoveisKarine Drumond
Ā 
Oficina Feminina de Empreendedorismo - NegĆ³cio de Mulher
Oficina Feminina de Empreendedorismo - NegĆ³cio de MulherOficina Feminina de Empreendedorismo - NegĆ³cio de Mulher
Oficina Feminina de Empreendedorismo - NegĆ³cio de MulherKarine Drumond
Ā 
Workshop Mapa de tarefas e PrototipaĆ§Ć£o
Workshop Mapa de tarefas e PrototipaĆ§Ć£oWorkshop Mapa de tarefas e PrototipaĆ§Ć£o
Workshop Mapa de tarefas e PrototipaĆ§Ć£oKarine Drumond
Ā 
Workshops de tƩcnicas de usabilidade para produtos digitais
Workshops de tƩcnicas de usabilidade para produtos digitaisWorkshops de tƩcnicas de usabilidade para produtos digitais
Workshops de tƩcnicas de usabilidade para produtos digitaisKarine Drumond
Ā 
Workshop modelando usuƔrios, tarefas e idƩias
Workshop modelando usuƔrios, tarefas e idƩiasWorkshop modelando usuƔrios, tarefas e idƩias
Workshop modelando usuƔrios, tarefas e idƩiasKarine Drumond
Ā 
User story mapping para planejamento de produtos interativos (ambiente Ɣgil)
User story mapping para planejamento de produtos interativos (ambiente Ɣgil)User story mapping para planejamento de produtos interativos (ambiente Ɣgil)
User story mapping para planejamento de produtos interativos (ambiente Ɣgil)Karine Drumond
Ā 
Organizar para nĆ£o derperdiƧar
Organizar para nĆ£o derperdiƧarOrganizar para nĆ£o derperdiƧar
Organizar para nĆ£o derperdiƧarKarine Drumond
Ā 
MATURIDADE DAS ORGANIZAƇƕES EM RELAƇƃO ƀ USABILIDADE - Synergia
MATURIDADE DAS ORGANIZAƇƕES EM RELAƇƃO ƀ USABILIDADE - SynergiaMATURIDADE DAS ORGANIZAƇƕES EM RELAƇƃO ƀ USABILIDADE - Synergia
MATURIDADE DAS ORGANIZAƇƕES EM RELAƇƃO ƀ USABILIDADE - SynergiaKarine Drumond
Ā 
Workshop Story Mapping - Planejando releases de forma Ɣgil
Workshop Story Mapping - Planejando releases de forma ƔgilWorkshop Story Mapping - Planejando releases de forma Ɣgil
Workshop Story Mapping - Planejando releases de forma ƔgilKarine Drumond
Ā 
Workshop sobre estratĆ©gia em design para projetos de inovaĆ§Ć£o - Inova UFMG
Workshop sobre estratĆ©gia em design para projetos de inovaĆ§Ć£o - Inova UFMGWorkshop sobre estratĆ©gia em design para projetos de inovaĆ§Ć£o - Inova UFMG
Workshop sobre estratĆ©gia em design para projetos de inovaĆ§Ć£o - Inova UFMGKarine Drumond
Ā 
O que Ʃ design centrado no usuƔrio
O que Ʃ design centrado no usuƔrioO que Ʃ design centrado no usuƔrio
O que Ʃ design centrado no usuƔrioKarine Drumond
Ā 
Arquitetura da InformaĆ§Ć£o
Arquitetura da InformaĆ§Ć£oArquitetura da InformaĆ§Ć£o
Arquitetura da InformaĆ§Ć£oKarine Drumond
Ā 
Guia para Cardsorting
Guia para CardsortingGuia para Cardsorting
Guia para CardsortingKarine Drumond
Ā 
MƩtodos Ɣgeis para design de sistemas interativos centrados no usuƔrio
MƩtodos Ɣgeis para design de sistemas interativos centrados no usuƔrioMƩtodos Ɣgeis para design de sistemas interativos centrados no usuƔrio
MƩtodos Ɣgeis para design de sistemas interativos centrados no usuƔrioKarine Drumond
Ā 
Acidente Gol legacy
Acidente Gol legacyAcidente Gol legacy
Acidente Gol legacyKarine Drumond
Ā 
Melhor poster - Dia Mundia de Usabilidade
Melhor poster - Dia Mundia de UsabilidadeMelhor poster - Dia Mundia de Usabilidade
Melhor poster - Dia Mundia de UsabilidadeKarine Drumond
Ā 
Telefone Publico - Sob a Ć³tica do Design de InteraĆ§Ć£o
Telefone Publico - Sob a Ć³tica do Design de InteraĆ§Ć£oTelefone Publico - Sob a Ć³tica do Design de InteraĆ§Ć£o
Telefone Publico - Sob a Ć³tica do Design de InteraĆ§Ć£oKarine Drumond
Ā 

More from Karine Drumond (17)

Pesquisa de Usabilidade para Netimoveis
Pesquisa de Usabilidade para NetimoveisPesquisa de Usabilidade para Netimoveis
Pesquisa de Usabilidade para Netimoveis
Ā 
Oficina Feminina de Empreendedorismo - NegĆ³cio de Mulher
Oficina Feminina de Empreendedorismo - NegĆ³cio de MulherOficina Feminina de Empreendedorismo - NegĆ³cio de Mulher
Oficina Feminina de Empreendedorismo - NegĆ³cio de Mulher
Ā 
Workshop Mapa de tarefas e PrototipaĆ§Ć£o
Workshop Mapa de tarefas e PrototipaĆ§Ć£oWorkshop Mapa de tarefas e PrototipaĆ§Ć£o
Workshop Mapa de tarefas e PrototipaĆ§Ć£o
Ā 
Workshops de tƩcnicas de usabilidade para produtos digitais
Workshops de tƩcnicas de usabilidade para produtos digitaisWorkshops de tƩcnicas de usabilidade para produtos digitais
Workshops de tƩcnicas de usabilidade para produtos digitais
Ā 
Workshop modelando usuƔrios, tarefas e idƩias
Workshop modelando usuƔrios, tarefas e idƩiasWorkshop modelando usuƔrios, tarefas e idƩias
Workshop modelando usuƔrios, tarefas e idƩias
Ā 
User story mapping para planejamento de produtos interativos (ambiente Ɣgil)
User story mapping para planejamento de produtos interativos (ambiente Ɣgil)User story mapping para planejamento de produtos interativos (ambiente Ɣgil)
User story mapping para planejamento de produtos interativos (ambiente Ɣgil)
Ā 
Organizar para nĆ£o derperdiƧar
Organizar para nĆ£o derperdiƧarOrganizar para nĆ£o derperdiƧar
Organizar para nĆ£o derperdiƧar
Ā 
MATURIDADE DAS ORGANIZAƇƕES EM RELAƇƃO ƀ USABILIDADE - Synergia
MATURIDADE DAS ORGANIZAƇƕES EM RELAƇƃO ƀ USABILIDADE - SynergiaMATURIDADE DAS ORGANIZAƇƕES EM RELAƇƃO ƀ USABILIDADE - Synergia
MATURIDADE DAS ORGANIZAƇƕES EM RELAƇƃO ƀ USABILIDADE - Synergia
Ā 
Workshop Story Mapping - Planejando releases de forma Ɣgil
Workshop Story Mapping - Planejando releases de forma ƔgilWorkshop Story Mapping - Planejando releases de forma Ɣgil
Workshop Story Mapping - Planejando releases de forma Ɣgil
Ā 
Workshop sobre estratĆ©gia em design para projetos de inovaĆ§Ć£o - Inova UFMG
Workshop sobre estratĆ©gia em design para projetos de inovaĆ§Ć£o - Inova UFMGWorkshop sobre estratĆ©gia em design para projetos de inovaĆ§Ć£o - Inova UFMG
Workshop sobre estratĆ©gia em design para projetos de inovaĆ§Ć£o - Inova UFMG
Ā 
O que Ʃ design centrado no usuƔrio
O que Ʃ design centrado no usuƔrioO que Ʃ design centrado no usuƔrio
O que Ʃ design centrado no usuƔrio
Ā 
Arquitetura da InformaĆ§Ć£o
Arquitetura da InformaĆ§Ć£oArquitetura da InformaĆ§Ć£o
Arquitetura da InformaĆ§Ć£o
Ā 
Guia para Cardsorting
Guia para CardsortingGuia para Cardsorting
Guia para Cardsorting
Ā 
MƩtodos Ɣgeis para design de sistemas interativos centrados no usuƔrio
MƩtodos Ɣgeis para design de sistemas interativos centrados no usuƔrioMƩtodos Ɣgeis para design de sistemas interativos centrados no usuƔrio
MƩtodos Ɣgeis para design de sistemas interativos centrados no usuƔrio
Ā 
Acidente Gol legacy
Acidente Gol legacyAcidente Gol legacy
Acidente Gol legacy
Ā 
Melhor poster - Dia Mundia de Usabilidade
Melhor poster - Dia Mundia de UsabilidadeMelhor poster - Dia Mundia de Usabilidade
Melhor poster - Dia Mundia de Usabilidade
Ā 
Telefone Publico - Sob a Ć³tica do Design de InteraĆ§Ć£o
Telefone Publico - Sob a Ć³tica do Design de InteraĆ§Ć£oTelefone Publico - Sob a Ć³tica do Design de InteraĆ§Ć£o
Telefone Publico - Sob a Ć³tica do Design de InteraĆ§Ć£o
Ā 

Di karine e leandro 2011 parte i

  • 1. Design de InteraĆ§Ć£o Karine Drumond e Leandro Alves Design de InteraĆ§Ć£o | Karine e Leandro
  • 2. Quem somos? ā€£ Especialistas em Design de InteraĆ§Ć£o pela PUC Minas ā€£ Professores de Design de InteraĆ§Ć£o na PUC Minas e na UNI BH ā€£ Leandro: sĆ³cio da Latitude14 (design de intetaĆ§Ć£o) e Mobian (desenvolvimento mobile) ā€£ Karine: sĆ³cia da NegĆ³cio de Mulher (Design e Marketing feminino) ā€£ Fundadores do capĆ­tulo IxDA BH (Interaction Design Association) ā€£ http://negociodemulher.com.br/blog @karinedrumond ā€£ http://latitude14.com.br e http://mobian.com.br @lbalves Design de InteraĆ§Ć£o | Karine e Leandro
  • 3. Programa ā€£ Entendendo o que Ć© design ā€£ O que Ć© e de onde vem o design de interaĆ§Ć£o ā€£ Marketing + design de interaĆ§Ć£o ā€£ PrincĆ­pios, metas e leis do design de interaĆ§Ć£o ā€£ Design research: ā€£ TĆ©cnicas de planejamento ā€£ TĆ©cnicas de prototipaĆ§Ć£o/design ā€£ TĆ©cnicas de avaliaĆ§Ć£o Design de InteraĆ§Ć£o | Karine e Leandro
  • 4. RecomendaĆ§Ć£o de leitura PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de interaĆ§Ć£o: alĆ©m da interaĆ§Ć£o homem-computador. Porto Alegre: Bookman, 2005. SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010. 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. Design de InteraĆ§Ć£o | Karine e Leandro
  • 6. A vida Ć© permeada de problemas e desafios. Design de InteraĆ§Ć£o | Karine e Leandro
  • 7. 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? Design de InteraĆ§Ć£o | Karine e Leandro
  • 8. Que tal um iPhone pro Nicolau? Design de InteraĆ§Ć£o | Karine e Leandro
  • 9. melhor ā‰  mais sofisticado soluĆ§Ć£o simples = soluĆ§Ć£o elegante Design de InteraĆ§Ć£o | Karine e Leandro
  • 10. FOCO na demanda REAL. Design de InteraĆ§Ć£o | Karine e Leandro
  • 11. 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? Design de InteraĆ§Ć£o | Karine e Leandro
  • 12. OXO - Good Grips r melhor para TODOS acessibilidade pode se Maior Design de InteraĆ§Ć£o | Karine e Leandro
  • 13. 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? Design de InteraĆ§Ć£o | Karine e Leandro
  • 14. Mushroom Chopper ve mais de um problema boa soluĆ§Ć£o resol Design de InteraĆ§Ć£o | Karine e Leandro
  • 15. 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. Design de InteraĆ§Ć£o | Karine e Leandro
  • 16. YI | Sound Invention Ć§Ć£o pode vir de outro lugar a solu Design de InteraĆ§Ć£o | Karine e Leandro
  • 17. es para o mesmo problema existem vĆ”rias soluƧƵ Design de InteraĆ§Ć£o | Karine e Leandro
  • 18. Evolution Pillow a mais robustas que outras algum Design de InteraĆ§Ć£o | Karine e Leandro
  • 19. Music Branch Headphone Splitter algumas mais simples Design de InteraĆ§Ć£o | Karine e Leandro
  • 20. 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? Design de InteraĆ§Ć£o | Karine e Leandro
  • 21. Resource Furniture (ver vĆ­deo) Design de InteraĆ§Ć£o | Karine e Leandro
  • 22. 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. Design de InteraĆ§Ć£o | Karine e Leandro
  • 23. Uma soluĆ§Ć£o inserida no projeto Ć© uma SoluĆ§Ć£o de design Design de InteraĆ§Ć£o | Karine e Leandro
  • 24. Uma soluĆ§Ć£o inserida no projeto Ć© uma SoluĆ§Ć£o de design Design de InteraĆ§Ć£o | Karine e Leandro
  • 25. Uma soluĆ§Ć£o inserida no projeto Ć© uma SoluĆ§Ć£o de design Design de InteraĆ§Ć£o | Karine e Leandro
  • 26. Uma soluĆ§Ć£o inserida no projeto Ć© uma SoluĆ§Ć£o de design Design de InteraĆ§Ć£o | Karine e Leandro
  • 27. Uma soluĆ§Ć£o inserida no projeto Ć© uma SoluĆ§Ć£o de design Design de InteraĆ§Ć£o | Karine e Leandro
  • 28. Uma soluĆ§Ć£o inserida no projeto Ć© uma SoluĆ§Ć£o de design Design de InteraĆ§Ć£o | Karine e Leandro
  • 29. Uma soluĆ§Ć£o inserida no projeto Ć© uma SoluĆ§Ć£o de design Design de InteraĆ§Ć£o | Karine e Leandro
  • 30. mesmo o que funciona pode melhorar. Design de InteraĆ§Ć£o | Karine e Leandro
  • 31. mesmo o que funciona pode melhorar. Design de InteraĆ§Ć£o | Karine e Leandro
  • 32. mesmo o que funciona pode melhorar. Design de InteraĆ§Ć£o | Karine e Leandro
  • 33. mesmo o que funciona pode melhorar. Design de InteraĆ§Ć£o | Karine e Leandro
  • 34. mesmo o que funciona pode melhorar. Design de InteraĆ§Ć£o | Karine e Leandro
  • 35. mesmo o que funciona pode melhorar. Design de InteraĆ§Ć£o | Karine e Leandro
  • 36. Para resolver bem, precisamos entender o problema... ...pensar simples... ... e pen sar sem l ā€œSe eu perguntasse para as pessoas o que queriam, imite s. Ford me diriam cavalos mais rĆ”pidos.ā€ -Henry Design de InteraĆ§Ć£o | Karine e Leandro
  • 37. ples a princĆ­pio Pensar sim quanto mais simples, ma is fĆ”cil de ser compreendid o/usado Design de InteraĆ§Ć£o | Karine e Leandro
  • 38. ior valor de USO trar onde hĆ” ma concen comeƧar pela espinha e IT ERAR Design de InteraĆ§Ć£o | Karine e Leandro
  • 39. m tecnologia... nĆ£o focar e ...mas em comportamento Design de InteraĆ§Ć£o | Karine e Leandro
  • 40. tĆŖm em comum? O que eles Design de InteraĆ§Ć£o | Karine e Leandro
  • 41. ign! desDesign de InteraĆ§Ć£o | Karine e Leandro
  • 42. todo mundo Ć© designer! Design de InteraĆ§Ć£o | Karine e Leandro
  • 43. Design = Projeto Design de InteraĆ§Ć£o | Karine e Leandro
  • 44. Produto nasce do conhecimento negĆ³cio destes 3 elementos pessoas tecnologia Design de InteraĆ§Ć£o | Karine e Leandro
  • 45. r Qual Ć© o melho aminho para criar Ƶes? c soluƧ Design de InteraĆ§Ć£o | Karine e Leandro
  • 46. sorte... Design de InteraĆ§Ć£o | Karine e Leandro
  • 47. sorte... Design de InteraĆ§Ć£o | Karine e Leandro
  • 48. ...ou tĆ”tica/metodologia Design de InteraĆ§Ć£o | Karine e Leandro
  • 49. ...ou tĆ”tica/metodologia Design de InteraĆ§Ć£o | Karine e Leandro
  • 50. sorte 0,00001% ... 50% metodologia ...15%, 25%, 40%, 70%... Design de InteraĆ§Ć£o | Karine e Leandro
  • 51. METODOLOGIA DE DESIGN ot n/ Ć£o a o Ć§Ć£ uis ot ig aƧ pr des ipa sq lid pe va Design de InteraĆ§Ć£o | Karine e Leandro
  • 52. UM POUCO DE HISTƓRIA Design de InteraĆ§Ć£o | Karine e Leandro
  • 53. 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). Design de InteraĆ§Ć£o | Karine e Leandro
  • 54. 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 Design de InteraĆ§Ć£o | Karine e Leandro
  • 55. abordagem DCU Planejamento Design ValidaĆ§Ć£o PĆ³s-lanƧamento usuĆ”rio Design Centrado no UsuĆ”rio Design de InteraĆ§Ć£o | Karine e Leandro
  • 56. Design Centrado no UsuĆ”rio (DCU) USUƁRIOS devemos perguntĆ”-los como fazer nosso trabalho? Design de InteraĆ§Ć£o | Karine e Leandro
  • 57. Design Centrado no UsuĆ”rio (DCU) a princĆ­pio , NƃO Design de InteraĆ§Ć£o | Karine e Leandro
  • 58. Design Centrado no UsuĆ”rio (DCU) Devemos identificar seus padrƵes de comportamento e projetarmos soluƧƵes adequadas. Design de InteraĆ§Ć£o | Karine e Leandro
  • 59. 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. Design de InteraĆ§Ć£o | Karine e Leandro
  • 60. 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 Design de InteraĆ§Ć£o | Karine e Leandro
  • 61. POR QUE DESIGN DE INTERAƇƃO ? Design de InteraĆ§Ć£o | Karine e Leandro
  • 62. PORQUE O MARKETING NƃO FUNCIONA MAIS(sozinho) Design de InteraĆ§Ć£o | Karine e Leandro
  • 63. Por que Design de InteraĆ§Ć£o? Projetar dispositivos e interfaces usĆ”veis vai alĆ©m de evitar erros: um projeto bem pesquisado, planejado, desenvolvido e testado pode agregar valor ao uso, negĆ³cio ou mesmo mudar totalmente a natureza do produto/sistema para outra melhor e mais adequada. ā€œ...Design de InteraĆ§Ć£o nĆ£o Ć© apenas sobre corrigir problemas; diz respeito a facilitar interaƧƵes entre pessoas de uma maneira mais rica, profunda e melhor - ou seja, encontrar novas formas de melhor conectar as pessoas e tornar o mundo um lugar melhor.ā€ -Dan Saffer Design de InteraĆ§Ć£o | Karine e Leandro
  • 64. 1) MARKETING TRADICIONAL Design de InteraĆ§Ć£o | Karine e Leandro
  • 65. Produtor eting mark de mix consumidor alvo pĆŗblico- Design de InteraĆ§Ć£o | Karine e Leandro
  • 66. http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 67. Design de InteraĆ§Ć£o | Karine e Leandro
  • 68. Design de InteraĆ§Ć£o | Karine e Leandro
  • 69. Design de InteraĆ§Ć£o | Karine e Leandro
  • 70. valor agregado Design de InteraĆ§Ć£o | Karine e Leandro
  • 71. Design de InteraĆ§Ć£o | Karine e Leandro
  • 72. 2) MARKETING 2.0 Design de InteraĆ§Ć£o | Karine e Leandro
  • 73. ā€œA revoluĆ§Ć£o nĆ£o acontece quando a sociedade adota novas ferramentas. Acontece quando a sociedade adota novos comportamentosā€ -Clay Shirky (New York Times) Design de InteraĆ§Ć£o | Karine e Leandro
  • 74. MĆ­dias Sociais tomaram o lugar da pornografia como conteĆŗdo mais acessado da Internet. 1/8 dos casais se formam em mĆ­dias sociais nos EUA http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 75. 50% da populaĆ§Ć£o estĆ” abaixo dos 30 anos. 96% dessas pessoas jĆ” estĆ£o em mĆ­dias sociais. http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 76. facebook ultrapassou o Google no trĆ”fego semanal nos EUA. http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 77. 78% dos consumidores confiam mais em recomendaƧƵes pessoais. Apenas 14% confiam em propagandas http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 78. 1/3 dos brasileiros fora das redes sociais pretende participar de alguma em breve http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 79. 2/3 usam a rede hĆ” mais de 3 anos http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 80. 273 amigos em mĆ©dia nas redes sociais. Em BH, 13% tem mais de 700 amigos! http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 81. 60% pensam que as redes oferecem toda a informaĆ§Ć£o que precisam. http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 82. 45% consideram que as redes sociais substituem os portais de notĆ­cias http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 83. 80% das pessoas nas redes aceitam tranquilamente receber divulgaĆ§Ć£o, comunicaƧƵes e serem avaliadas por empresas http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 84. twitter Ć© 8.000x mais eficaz que Procon Design de InteraĆ§Ć£o | Karine e Leandro
  • 85. Design de InteraĆ§Ć£o | Karine e Leandro
  • 86. Design de InteraĆ§Ć£o | Karine e Leandro
  • 87. compartilhar > criar Design de InteraĆ§Ć£o | Karine e Leandro
  • 88. Produtor consumidor consumidor consumidor Design de InteraĆ§Ć£o | Karine e Leandro
  • 89. http://www.slideshare.net/Inmetaweb/mercado-das-mdias-sociais Design de InteraĆ§Ć£o | Karine e Leandro
  • 90. 3) DESIGN (DE INTERAƇƃO) Design de InteraĆ§Ć£o | Karine e Leandro
  • 91. Relembrando... 1990 | Design de InteraĆ§Ć£o Bill Moggridge, 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. Design de InteraĆ§Ć£o | Karine e Leandro
  • 92. Outras definiƧƵes... ā€£ ā€œCriar experiĆŖncias que melhorem e estendam a maneira como as pessoas trabalham, se comunicam e interagem.ā€ Winograd, 1999 ā€£ ā€œDesign de interaĆ§Ć£o define a estrutura e o comportamento de produtos e serviƧos interativos e suas interaƧƵes com usuĆ”rios.ā€ Interaction Design Association (IxDA), 2004 Design de InteraĆ§Ć£o | Karine e Leandro
  • 93. Outras definiƧƵes... Design de InteraĆ§Ć£o | Karine e Leandro
  • 94. Designer + Marketing usuĆ”rio/ usuĆ”rio/ usuĆ”rio/ consumidor consumidor consumidor Design de InteraĆ§Ć£o | Karine e Leandro
  • 95. Como se faz DI? ot n/ Ć£o a o Ć§Ć£ uis ot ig aƧ pr des ipa sq lid pe va Design de InteraĆ§Ć£o | Karine e Leandro
  • 96. Como se faz DI? Pesquisar: identificar requisitos a uis (usuĆ”rios, tarefas, contexto) sq pe Criar soluƧƵes alternativas que ot n/ o Ć§Ć£ ot ig pr des ipa atendam aos requisitos identificados. Validar as soluƧƵes criadas com os usuĆ”rios. Ć£o aƧ lid va Design de InteraĆ§Ć£o | Karine e Leandro
  • 97. Principais tĆ©cnicas Story PrototipaĆ§Ć£o Teste dos 5 Card sorting segundo mapping em papel Utilidade Pesquisa em campo Pesquisa Design/ AnĆ”lise de ValidaĆ§Ć£o satisfaĆ§Ć£o PrototipaĆ§Ć£o Entrevistas Teste de usabilidade AnĆ”lise de Benchmarking tarefas AnĆ”lise Wireframes HeurĆ­stica Design de InteraĆ§Ć£o | Karine e Leandro
  • 98. pes quis a Pesquisa pa ra desenvolv imento do novo Desk Metric s ine Luiza nƧa de ve ndas do Magaz Card Sorting com a lidera Design de InteraĆ§Ć£o | Karine e Leandro
  • 99. desi prot gn/ otip aĆ§Ć£ o Design de InteraĆ§Ć£o | Karine e Leandro
  • 100. valida Ć§Ć£o OR FIA T ISV e-l earning Av aliando Design de InteraĆ§Ć£o | Karine e Leandro
  • 101. Case - Aquaduct O problema: BilhƵes de pessoas nĆ£o tem acesso a agua limpa. CrianƧas morrem por causa de doenƧas de saneamento bĆ”sico. Design de InteraĆ§Ć£o | Karine e Leandro
  • 102. Case - Aquaduct Design de InteraĆ§Ć£o | Karine e Leandro
  • 103. Case - Aquaduct Design de InteraĆ§Ć£o | Karine e Leandro
  • 104. Case - Aquaduct Design de InteraĆ§Ć£o | Karine e Leandro
  • 105. Case - Aquaduct Design de InteraĆ§Ć£o | Karine e Leandro
  • 106. Service design Design de InteraĆ§Ć£o | Karine e Leandro
  • 107. Service design Design de InteraĆ§Ć£o | Karine e Leandro
  • 108. UX Design de InteraĆ§Ć£o | Karine e Leandro
  • 109. UX Design de InteraĆ§Ć£o | Karine e Leandro
  • 110. Marketing Indireto $389.400.000.000,00 Design de InteraĆ§Ć£o | Karine e Leandro
  • 111. ROWE Design de InteraĆ§Ć£o | Karine e Leandro
  • 113. contexto Design de InteraĆ§Ć£o | Karine e Leandro
  • 114. ssibilidade ace Design de InteraĆ§Ć£o | Karine e Leandro
  • 115. tipo do protĆ³ t wit ter! Design de InteraĆ§Ć£o | Karine e Leandro
  • 116. Design de InteraĆ§Ć£o | Karine e Leandro
  • 117. Design de InteraĆ§Ć£o | Karine e Leandro
  • 119. $300.000.000,00 "I'm not here to be in a relationship" Design de InteraĆ§Ć£o | Karine e Leandro
  • 120. quem Ć© sĆ©rio investe nesta abordagem Design de InteraĆ§Ć£o | Karine e Leandro
  • 121. quem Ć© sĆ©rio investe nesta abordagem laboratĆ³rio de UX da globo.com Design de InteraĆ§Ć£o | Karine e Leandro
  • 122. quem Ć© sĆ©rio investe nesta abordagem centro de design da ASUS Design de InteraĆ§Ć£o | Karine e Leandro
  • 123. Design Marketing usuĆ”rios pĆŗblico-alvo comportamento de uso hĆ”bitos de consumo valor de uso valor agregado Design de InteraĆ§Ć£o | Karine e Leandro
  • 124. Marketing + Design Design de InteraĆ§Ć£o | Karine e Leandro
  • 125. Como saber o quĆŖ e como projetar? vs Design de InteraĆ§Ć£o | Karine e Leandro
  • 126. Metas do design de interaĆ§Ć£o Em quĆŖ devemos focar num projeto? Ex.: facilidade de uso ou estĆ©tica? Design de InteraĆ§Ć£o | Karine e Leandro
  • 127. Metas do design de interaĆ§Ć£o Design de InteraĆ§Ć£o | Karine e Leandro
  • 128. Metas do design de interaĆ§Ć£o Visam nortear o projeto de design de interaĆ§Ć£o e variam conforme o produto. Design de InteraĆ§Ć£o | Karine e Leandro
  • 129. Metas do design de interaĆ§Ć£o divertido emocionalmente adequado satisfatĆ³rio eļ¬ciente compensador seguro eļ¬caz Metas do agradĆ”vel Design de fĆ”cil inspirador InteraĆ§Ć£o memorizar fĆ”cil lembrar Ćŗtil interessante esteticamente apreciĆ”vel proveitoso motivador Design de InteraĆ§Ć£o | Karine e Leandro
  • 130. Metas ā€“ EficĆ”cia EficĆ”cia se refere a quĆ£o bem uma ferramenta auxilia na realizaĆ§Ć£o de uma atividade proposta, em um contexto de uso. Ɖ uma caracterĆ­stica analĆ³gica, em escala. Design de InteraĆ§Ć£o | Karine e Leandro
  • 131. Metas ā€“ EficĆ”cia Qual Ć© mais eficaz? Design de InteraĆ§Ć£o | Karine e Leandro
  • 132. Metas ā€“ EficĆ”cia Depende. Pra quĆŖ e para quem? Design de InteraĆ§Ć£o | Karine e Leandro
  • 133. Metas ā€“ EficiĆŖncia Quanto uma ferramenta auxilia na economia de recursos para a realizaĆ§Ć£o de uma atividade proposta, em um contexto de uso. Design de InteraĆ§Ć£o | Karine e Leandro
  • 134. Metas ā€“ EficiĆŖncia EficiĆŖncia = economia de recursos Design de InteraĆ§Ć£o | Karine e Leandro
  • 135. Metas ā€“ EficiĆŖncia recursos podem ser medidos em tempo, cliques... se traduzem em trabalho/custo Design de InteraĆ§Ć£o | Karine e Leandro
  • 136. Metas ā€“ EficĆ”cia X EficiĆŖncia eficĆ”cia - fazer melhor eficiĆŖncia - produtividade Design de InteraĆ§Ć£o | Karine e Leandro
  • 137. Metas ā€“ SeguranƧa SeguranƧa se refere a prevenĆ§Ć£o e recuperaĆ§Ć£o de erros. Deve ser perceptĆ­vel, transparente. Design de InteraĆ§Ć£o | Karine e Leandro
  • 138. Metas ā€“ SeguranƧa FĆ­sica Design de InteraĆ§Ć£o | Karine e Leandro
  • 139. Metas ā€“ SeguranƧa Interface Design de InteraĆ§Ć£o | Karine e Leandro
  • 140. Metas ā€“ SeguranƧa PrevenĆ§Ć£o de erros Design de InteraĆ§Ć£o | Karine e Leandro
  • 141. Metas ā€“ SeguranƧa PrevenĆ§Ć£o de erros, transparente. Design de InteraĆ§Ć£o | Karine e Leandro
  • 142. Metas ā€“ SeguranƧa SeguranƧa percebida Design de InteraĆ§Ć£o | Karine e Leandro
  • 143. Metas ā€“ Facilidade de aprendizado Clareza na interface, compreensĆ£o das funcionalidades metĆ”foras e modelos mentais Design de InteraĆ§Ć£o | Karine e Leandro
  • 144. Metas ā€“ Facilidade de lembrar como se usar Design de InteraĆ§Ć£o | Karine e Leandro
  • 145. Metas ā€“ Facilidade de lembrar como se usar Interface profissional, especialista Design de InteraĆ§Ć£o | Karine e Leandro
  • 146. Metas ā€“ Utilidade Water Reminder Design de InteraĆ§Ć£o | Karine e Leandro
  • 147. Metas ā€“ Utilidade Water Your Body Design de InteraĆ§Ć£o | Karine e Leandro
  • 148. Metas ā€“ Utilidade Ferramenta sem foco Pra que serve? Elevator pitch, Twitter pitch! Design de InteraĆ§Ć£o | Karine e Leandro
  • 149. Metas da experiĆŖncia do usuĆ”rio divertido emocionalmente adequado satisfatĆ³rio eļ¬ciente compensador eļ¬caz seguro agradĆ”vel Metas do Design de inspirador InteraĆ§Ć£o fĆ”cil fĆ”cil lembrar memorizar interessante Ćŗtil esteticamente apreciĆ”vel proveitoso motivador Design de InteraĆ§Ć£o | Karine e Leandro
  • 150. Metas da experiĆŖncia do usuĆ”rio divertido emocionalmente adequado satisfatĆ³rio eļ¬ciente compensador eļ¬caz seguro agradĆ”vel Metas do Design de inspirador InteraĆ§Ć£o fĆ”cil fĆ”cil lembrar memorizar interessante Ćŗtil esteticamente apreciĆ”vel proveitoso motivador Design de InteraĆ§Ć£o | Karine e Leandro
  • 151. Metas da experiĆŖncia do usuĆ”rio divertido emocionalmente adequado satisfatĆ³rio eļ¬ciente compensador eļ¬caz seguro agradĆ”vel Metas do Design de inspirador InteraĆ§Ć£o fĆ”cil fĆ”cil lembrar memorizar interessante Ćŗtil esteticamente apreciĆ”vel proveitoso motivador Design de InteraĆ§Ć£o | Karine e Leandro
  • 152. Metas da experiĆŖncia do usuĆ”rio divertido emocionalmente adequado satisfatĆ³rio eļ¬ciente compensador eļ¬caz seguro agradĆ”vel Metas do Design de inspirador InteraĆ§Ć£o fĆ”cil fĆ”cil lembrar memorizar interessante Ćŗtil esteticamente apreciĆ”vel proveitoso motivador Design de InteraĆ§Ć£o | Karine e Leandro
  • 153. PrincĆ­pios de design Visibilidade SĆ£o caracterĆ­sticas que Feedback tornam os produtos RestriƧƵes Mapeamento mais fĆ”ceis de usar. ConsistĆŖncia Affordance Design de InteraĆ§Ć£o | Karine e Leandro
  • 154. 1. Visibilidade Oferecer informaƧƵes sobre o estado do sistema para tomada de decisĆ£o e compreensĆ£o. Design de InteraĆ§Ć£o | Karine e Leandro
  • 155. 2. Feedback Oferecer retorno sobre as aƧƵes dos usuĆ”rios: Visual TĆ”til Aural Combinado Design de InteraĆ§Ć£o | Karine e Leandro
  • 156. 2. Feedback Design de InteraĆ§Ć£o | Karine e Leandro
  • 157. 3. RestriƧƵes RestriƧƵes lĆ³gicas Exploram o bom senso das pessoas a respeito de como o mundo funciona. Design de InteraĆ§Ć£o | Karine e Leandro
  • 158. 3. RestriƧƵes RestriƧƵes fĆ­sicas Se referem Ć  maneira como os objetos restringem mecanicamente. Design de InteraĆ§Ć£o | Karine e Leandro
  • 159. 3. RestriƧƵes RestriƧƵes culturais ConvenƧƵes aprendidas ā€“ universais ou especĆ­ficas de culturas diferentes. Design de InteraĆ§Ć£o | Karine e Leandro
  • 160. 4. Mapeamento Criar uma relaĆ§Ć£o entre o controle e seu efeito. Design de InteraĆ§Ć£o | Karine e Leandro
  • 161. 4. Mapeamento Design de InteraĆ§Ć£o | Karine e Leandro
  • 162. 4. Mapeamento Design de InteraĆ§Ć£o | Karine e Leandro
  • 163. 5. ConsistĆŖncia InteraƧƵes semelhantes, elementos semelhantes. Design de InteraĆ§Ć£o | Karine e Leandro
  • 164. 5. ConsistĆŖncia Design de InteraĆ§Ć£o | Karine e Leandro
  • 165. 6. Affordance O designer deve dar uma ā€œdicaā€ de como interagir. Design de InteraĆ§Ć£o | Karine e Leandro
  • 166. 6. Affordance Design de InteraĆ§Ć£o | Karine e Leandro
  • 167. 6. Affordance Design de InteraĆ§Ć£o | Karine e Leandro
  • 168. 6. Affordance Design de InteraĆ§Ć£o | Karine e Leandro
  • 169. Leis do Design de InteraĆ§Ć£o Lei de Fitts O tempo gasto para se mover de um ponto inicial para outro Ć© proporcional ao tamanho do alvo e sua distĆ¢ncia. Significa que... Elementos de uma interface devem possuir um tamanho adequado a sua importĆ¢ncia. Elementos relacionados devem se posicionar em um contexto de uso coerente. Paul Fitts, psicĆ³logo - 1954 Design de InteraĆ§Ć£o | Karine e Leandro
  • 170. Leis do Design de InteraĆ§Ć£o Lei de Hicks O tempo que leva para uma pessoa tomar uma decisĆ£o Ć© proporcional ao nĆŗmero das escolhas possĆ­veis. Significa que... UsuĆ”rios encontram a informaĆ§Ć£o separando-as em blocos e eliminando a metade a cada etapa do processo. Desconsiderando outras decisƵes de design, seria mais simples encontrar um atalho em um grupo de 10 do que em dois de 5. Devemos ser criteriosos na categorizaĆ§Ć£o de conteĆŗdos. William Edmund Hick, psicĆ³logo - 1983 Design de InteraĆ§Ć£o | Karine e Leandro
  • 171. Leis do Design de InteraĆ§Ć£o Lei de Miller (complementar Ć  lei de Hicks) A memĆ³ria de curta duraĆ§Ć£o humana registra 7 informaƧƵes em mĆ©dia, variando em torno de 2 para cima ou para baixo. Significa que... NĆ£o Ć© uma regra rĆ­gida, mas uma orientaĆ§Ć£o. Interfaces devem ser projetadas no intuito de minimizar a sobrecarga cognitiva. Por exemplo, nĆ£o devemos criar interaƧƵes que forcem usuĆ”rios a memorizar elementos estranhos em telas diferentes. George Miller, psicĆ³logo - 1956 Design de InteraĆ§Ć£o | Karine e Leandro
  • 172. Leis do Design de InteraĆ§Ć£o Lei de Moore O nĆŗmero de transistores dos chips terĆ” um aumento de 100%, pelo mesmo custo, a cada perĆ­odo de 18 meses. Significa que... A tecnologia evolui rapidamente. Devemos nos adequar a mudanƧa de paradigmas tecnolĆ³gicos. Novos dispositivos, novas formas de interagir, novas possibilidades! Gordon Moore, co-fundador da Intel - 1965 Design de InteraĆ§Ć£o | Karine e Leandro
  • 173. TO DO DONE EM GRUPO! finir: os cole gas e de Disc utir com , etc) site (a plicativo 1) O que Ć© o solve problem a ele re 2) Que co-alvo 3) Qua l o pĆŗbli ntes sĆ£o os concorre 4) Quem Design de InteraĆ§Ć£o | Karine e Leandro
  • 174. recapitulando.. Design de InteraĆ§Ć£o | Karine e Leandro
  • 175. Ciclo de vida do produto ot n/ Ć£o a o Ć§Ć£ uis ot ig aƧ pr des ipa sq lid pe va Design de InteraĆ§Ć£o | Karine e Leandro
  • 176. Ciclo de vida do produto jam a/ to ne uis en pla sq pe Validar e descobrir novas DEMANDAS Design de InteraĆ§Ć£o | Karine e Leandro
  • 177. Pesquisa Ć© minerar dados e colher informaƧƵes. Design de InteraĆ§Ć£o | Karine e Leandro
  • 178. ( Dados vs. InformaƧƵes ) Design de InteraĆ§Ć£o | Karine e Leandro
  • 179. ( ā€œPossuĆ­mos 6 mil cadastros femininos.ā€ Isso Ć© um dado. ) Design de InteraĆ§Ć£o | Karine e Leandro
  • 180. ( 6 mil fem / 3 mil masc = 2/3 fem Isso Ć© um informaĆ§Ć£o. ) Design de InteraĆ§Ć£o | Karine e Leandro
  • 181. ( InformaĆ§Ć£o sĆ£o dados tratados. ) Design de InteraĆ§Ć£o | Karine e Leandro
  • 182. InformaƧƵes Ajudam a evitar problemas clĆ”ssicos de escopo de projeto Design de InteraĆ§Ć£o | Karine e Leandro
  • 183. NĆ£o hĆ” receita de bolo, mas princĆ­pios. 1. Desenvolvedor ā‰  usuĆ”rio 2. Dados ā‰  informaƧƵes 3. Mais informaĆ§Ć£o = menor chance de insucesso 4. ArquĆ©tipo ā‰  clichĆŖ Design de InteraĆ§Ć£o | Karine e Leandro
  • 184. O usuĆ”rio elĆ”stico ā€œQuem vai usar isso? - Todo Mundo!ā€ usuĆ”rio avanƧado / usuĆ”rio iniciante ā‰  usuĆ”rio real Design de InteraĆ§Ć£o | Karine e Leandro
  • 185. Para evitar dor de cabeƧa.. jam a/ to ne uis en pla sq pe Design de InteraĆ§Ć£o | Karine e Leandro
  • 186. Algumas tĆ©cnicas de pesquisa: ā€£ AvaliaĆ§Ć£o do SAC, feedback, ā€£ AnĆ”lise mĆ©trica, ā€£ Benchmarking, ā€£ Etnografia online, ā€£ Entrevistas, ā€£ QuestionĆ”rios, ā€£ etc... Design de InteraĆ§Ć£o | Karine e Leandro
  • 187. Design de InteraĆ§Ć£o | Karine e Leandro
  • 188. Design de InteraĆ§Ć£o | Karine e Leandro
  • 189. Design de InteraĆ§Ć£o | Karine e Leandro
  • 190. Design de InteraĆ§Ć£o | Karine e Leandro
  • 191. Entrevistas explorando a campo Design de InteraĆ§Ć£o | Karine e Leandro
  • 192. Entrevistas explorando a campo Podem ser pensadas como uma conversaĆ§Ć£o com um propĆ³sito. (Kahn e Cannel, ā€œThe dynamics of interviewingā€, 1957) Design de InteraĆ§Ć£o | Karine e Leandro
  • 193. Entrevistas explorando a campo Dividem em 4 tipos 1. NĆ£o estruturadas (open ended. escopo aberto) 2. Estruturadas (escopo fechado) 3. Semi-estruturadas (adaptĆ”veis) 4. Focus group - (Conduzida por tĆ³picos) quanto + exploratĆ³rias, + aberto o escopo Design de InteraĆ§Ć£o | Karine e Leandro
  • 194. Entrevistas explorando a campo Regrinhas de ouro - antes 1. Elabore um roteiro 2. Prepare um termo de confidencialidade e consentimento 3. Certifique se tudo estĆ” impresso antes de comeƧar 4. Verifique e teste equipamento de gravaĆ§Ć£o (Robson, ā€œReal World Researchā€, 1993) Design de InteraĆ§Ć£o | Karine e Leandro
  • 195. Entrevistas explorando a campo Teste piloto - antes Realize a entrevista para validar perguntas, estrutura, tempo. Adapte e refaƧa o teste piloto se necessĆ”rio. Design de InteraĆ§Ć£o | Karine e Leandro
  • 196. Entrevistas explorando a campo Regrinhas de ouro - durante 1. SIGA o roteiro! 2. Vista e comporte +/- como o entrevistado 3. Apresente-se cordialmente 4.Explique o objetivo da pesquisa 5.PeƧa que assine os termos (confidencialidade e consentimento) continua... > Design de InteraĆ§Ć£o | Karine e Leandro
  • 197. Entrevistas explorando a campo Regrinhas de ouro - durante 6. Avise entĆ£o que comeƧarĆ” a gravar 7. Informe que o participante pode desistir a qualquer momento 8. Inicie a gravaĆ§Ć£o. Design de InteraĆ§Ć£o | Karine e Leandro
  • 198. Entrevistas explorando a campo Regrinhas de ouro - depois AgradeƧa ao participante e pergunte se hĆ” algo que ele gostaria de acrescentar. Design de InteraĆ§Ć£o | Karine e Leandro
  • 199. Chame o entrevistado pelo nome. E comece por perguntas fĆ”ceis, mesmo que vocĆŖ saiba a resposta. #1 Design de InteraĆ§Ć£o | Karine e Leandro
  • 200. Vamos comeƧar? Qual o maior constrangimento profissional que vocĆŖ jĆ” passou na sua vida? #1 Design de InteraĆ§Ć£o | Karine e Leandro
  • 201. EntĆ£o Camila, vocĆŖ fez alguma viagem recentemente? #1 Design de InteraĆ§Ć£o | Karine e Leandro
  • 202. Evite perguntas longas! Treine seu poder de sĆ­ntese e clareza. #2 Design de InteraĆ§Ć£o | Karine e Leandro
  • 203. Na atual conjuntura sĆ³cio-econĆ“mica e polĆ­tica do Brasil contemporĆ¢neo, qual sua perspectiva acerca da realidade singular musical do proto- gueto das comunidades cariocas? #2 Design de InteraĆ§Ć£o | Karine e Leandro
  • 204. O que vocĆŖ acha do samba-de- roda tradicional carioca? #2 Design de InteraĆ§Ć£o | Karine e Leandro
  • 205. Evite sentenƧas compostas difĆ­ceis de entender e de anotar as respostas #3 Design de InteraĆ§Ć£o | Karine e Leandro
  • 206. O que vocĆŖ acha deste tipo de portal de notĆ­cias, e comparado a outros tipos de portais? #3 Design de InteraĆ§Ć£o | Karine e Leandro
  • 207. O que vocĆŖ acha deste portal de notĆ­cias? #3 Design de InteraĆ§Ć£o | Karine e Leandro
  • 208. E comparado a outros tipos de portais? #3 Design de InteraĆ§Ć£o | Karine e Leandro
  • 209. Evite jargƵes e termos tĆ©cnicos que o entrevistado pode desconhecer e nĆ£o admitir por constrangimento #4 Design de InteraĆ§Ć£o | Karine e Leandro
  • 210. O que vocĆŖ pensa sobre uma StartUp realizar Pivot tecnolĆ³gico antes do lanƧamento de seu MVP? #4 Design de InteraĆ§Ć£o | Karine e Leandro
  • 211. O que vocĆŖ acha sobre uma empresa mudar o foco do seu produto antes de lanƧƔ-lo? #4 Design de InteraĆ§Ć£o | Karine e Leandro
  • 212. Evite tendenciamento e suposiƧƵes. Tenha bom-senso. Busque sempre a neutralidade em seu tom e suas palavras. #5 Design de InteraĆ§Ć£o | Karine e Leandro
  • 213. Quais as coisas que vocĆŖ mais gosta nessa Ć”rea do portal? #5 Design de InteraĆ§Ć£o | Karine e Leandro
  • 214. O que vocĆŖ acha desta Ć”rea do portal? #5 Design de InteraĆ§Ć£o | Karine e Leandro
  • 215. Busque uma consistĆŖncia narrativa A ordem das perguntas influencia as respostas #6 Design de InteraĆ§Ć£o | Karine e Leandro
  • 216. #6 Qual sua pretenĆ§Ć£o salarial para daqui a 2 anos? 8 mil. VocĆŖ fuma!? Design de InteraĆ§Ć£o | Karine e Leandro
  • 217. Entrevistas explorando a campo Entrevistas nĆ£o ou semi-estruturadas 1. Tenha um objetivo claro, uma agenda 2. Estruture os temas que precisa abordar em tĆ³picos Design de InteraĆ§Ć£o | Karine e Leandro
  • 218. Entrevistas explorando a campo Entrevistas nĆ£o ou semi-estruturadas vantagens desvantagens geram dados ricos exigem mais experiĆŖncia levam a descobertas disruptivas levam tempo pra serem analisadas (dados desestruturados) Design de InteraĆ§Ć£o | Karine e Leandro
  • 219. Entrevistas explorando a campo Focus Group (entrevistas em grupo) 1. De 3 a 10 participantes, representativos dos grupos em estudo 2. Um orientador dirige os tĆ³picos de discussĆ£o Design de InteraĆ§Ć£o | Karine e Leandro
  • 220. Entrevistas explorando a campo Focus Group (entrevistas em grupo) vantagens desvantagens Explora o contexto social e a O Lead user pode ser um problema interaĆ§Ć£o entre os envolvidos (ambiente, contexto) Ɖ prĆ”tico para validar uma ideia O recrutamento Ć© complicado, jĆ” com um grupo de mercado. que a agenda de muitos Ć© considerada Design de InteraĆ§Ć£o | Karine e Leandro
  • 221. QuestionĆ”rios validando hipĆ³teses Design de InteraĆ§Ć£o | Karine e Leandro
  • 222. QuestionĆ”rios Validando hipĆ³teses oferecem quase sempre opƧƵes fechadas de respostas + quanto objetivo, + fechado o escopo Design de InteraĆ§Ć£o | Karine e Leandro
  • 223. QuestionĆ”rios Validando hipĆ³teses Vantagens 1. SĆ£o mais fĆ”ceis de serem analisados 2. Podem abranger um maior nĆŗmero de questƵes, por serem mais objetivos 3. SĆ£o replicados com maior facilidade Design de InteraĆ§Ć£o | Karine e Leandro
  • 224. QuestionĆ”rios Validando hipĆ³teses Vantagens 4. Ajudam a definir subgrupos (Ex: grupo internautas. Qual subgrupo? Experiente, intermediĆ”rio ou iniciante?) 5. Podem ser projetados com variaƧƵes para cada grupo especĆ­fico 6. QuestionĆ”rios longos podem ser subdivididos em partes para facilitar preenchimento Design de InteraĆ§Ć£o | Karine e Leandro
  • 225. QuestionĆ”rios Validando hipĆ³teses Cuidado com as faixas de respostas! Podem se sobrepor Podem faltar a)10-20 a)500 e 1 mil b)20-30 b)2 e 3 mil c) 30-40 c) 4 e 5 mil d) 40-50 d) Acima de 6 mil Design de InteraĆ§Ć£o | Karine e Leandro
  • 226. QuestionĆ”rios Validando hipĆ³teses Cuidado com as faixas de respostas! Design de InteraĆ§Ć£o | Karine e Leandro
  • 227. QuestionĆ”rios Validando hipĆ³teses Respostas tambĆ©m podem ser binĆ”rias... 1.sim/nĆ£o 2.curti/nĆ£o curti Design de InteraĆ§Ć£o | Karine e Leandro
  • 228. QuestionĆ”rios Validando hipĆ³teses ...ou em escalas. Design de InteraĆ§Ć£o | Karine e Leandro
  • 229. QuestionĆ”rios Validando hipĆ³teses Cuidados com questionĆ”rios Evite respostas com escalas negativas Qual sua nota para o sorvete de Pistache? a) -2 b) -1 c) 0 d) 1 e) 2 Design de InteraĆ§Ć£o | Karine e Leandro
  • 230. QuestionĆ”rios Validando hipĆ³teses Escala Likert Afirmativas curtas seguidas de uma escala bipolar de respostas graduais. 1. Gosto do meu cereal ao leite bem crocante pela manhĆ£. a) Concordo plenamente b) Concordo c) NĆ£o concordo nem discordo d) Discordo e) Discordo plenamente Design de InteraĆ§Ć£o | Karine e Leandro
  • 231. QuestionĆ”rios Validando hipĆ³teses Escala Likert Use nĆŗmero par se quiser forƧar um posicionamento 1. Gosto do meu cereal ao leite bem crocante pela manhĆ£. a) Concordo plenamente b) Concordo c) Discordo d) Discordo plenamente Design de InteraĆ§Ć£o | Karine e Leandro
  • 232. QuestionĆ”rios Validando hipĆ³teses Escala Likert Use o mesmo nĆŗmero de afirmaƧƵes positivas e negativas. Se vai misturĆ”-las ou agrupĆ”-las, Ć© seu critĆ©rio, e as opiniƵes sĆ£o divididas entre os autores sobre isto. Design de InteraĆ§Ć£o | Karine e Leandro
  • 233. QuestionĆ”rios Validando hipĆ³teses Escala de diferencial semĆ¢ntico Menos utilizada que as escalas likert, utilizam adjetivos opostos, normalmente em uma grade. O usuĆ”rio deve marcar a posiĆ§Ć£o que melhor representa sua opiniĆ£o para cada item. Design de InteraĆ§Ć£o | Karine e Leandro
  • 234. Interpretando dados 1. Procure padrƵes e tendĆŖncias 2. Para menos de 60 participantes, respostas com nĆŗmero reais. Para mais, porcentagens. 3. Para interpretar entrevistas, Ć© ideal manter alguma mĆ©trica ou cĆ³digo Design de InteraĆ§Ć£o | Karine e Leandro
  • 235. QuestionĆ”rios Ciclo de vida do produto e rking entrevistas chma Ben ot n/ o Ć£o a Ć§Ć£ ot ig uis pr des aƧ ipa sq lid pe personas va Design de InteraĆ§Ć£o | Karine e Leandro
  • 236. ā€¢ Karine Drumond ā€£ www.negociodemulher.com.br/blog ā€£ karine@negociodemulher.com.br ā€¢ Leandro Alves ā€£ www.uxp.com.br ā€£ lbalves@latitude14.com.br Design de InteraĆ§Ć£o | Karine e Leandro