SlideShare ist ein Scribd-Unternehmen logo
1 von 37
Downloaden Sie, um offline zu lesen
Design, usabilidade e arquitetura de informação / Marcello Cardoso

                                                                                      aula 03/06
                     Técnica de modelagem
                                          Personas Ágeis




                                                 Pós Graduação em Marketing Digital
        Design, usabilidade e arquitetura de informação
                           Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com

Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




                                                                             Plano de curso
     1ª       Introdução a Usabilidade: conceitos, origem (DCU, IHC), aplicação (IxD),
              tipos de design, metas de usabilidade, princípios de design.


     2ª       Conversando com usuários: Questionários e entrevistas                                         20pts


     3ª       Técnica de Modelagem: Personas ágeis (workshop)                                               20pts


     4ª       Projetando a interface: Task Flow + Prototipação rápida (workshop)                            20pts


     5ª       Perguntando a especialistas: As 10 heurísticas de Nielsen (workshop)                          20pts


     6ª       Percurso cognitivo: Avaliando tarefas                                                         20pts



Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso


                                   Ciclo de vida do produto




                                        to
              jam isa
                   to



                                      en




                                                             o
            ne qu




                                                           çã
                 en



                                  lvim




                                                       lida
         pla pes




                                vo
                             sen




                                                     va
                           de




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso



                           Questionários Ciclo de vida do produto
                                         e
        rking              entrevistas
    chma
 Ben




                                            to
              jam isa
                   to



                                          en




                                                                 o
            ne qu




                                                               çã
                 en



                                      lvim




                                                           lida
         pla pes




                                    vo
                                 sen




                                                         va
                               de




                            personas
Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




          Técnica de modelagem
        personas ágeis



Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




          Alguma coisa é melhor que coisa-alguma
          Minimize esforços. Levante informações através de etnografia digital,

                análise métrica, benchmarking ou conversas com stakeholders.




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




               Uma Persona Ágil é uma exploração breve
                           sobre o que sabemos dos usuários.

                                   Pragmática - Patton
                                    Provisória - Cooper
                                   Guerrilha - Kuniavsky
                                    Ad-Hoc - Norman
                                      Ágil - Cardoso



Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




         exemplo de persona tradicional
Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




          O que são modelos?



Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




                           Modelos são representações estruturadas de
                                   fenômenos e abstrações complexas.
Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




             São usados nas ciências naturais e sociais.
          “Economistas utilizam modelos para descrever o comportamento de mercados,
          físicos os utilizam para compreender partículas, descobrimos que usar pesquisa
            para criar modelos descritivos de nossos usuários é uma ferramenta útil e
                   poderosa para o Design de Interação.” - Cooper, About Face 3.0


Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




            Por que usar modelos?


Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




            São ferramentas simples e poderosas para
             melhorar a visibilidade, compreensão e a
                           comunicação de informações.


Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




              Bons modelos destacam características
                     relevantes das menos relevantes.

                    Evidenciam informações, não apenas dados.




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




                 O que são personas?


Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




              Personas são modelos
              descritivos de usuários.


Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




       "Uma Persona é uma pessoa artificial, inventada para ajudar
          um designer entender as pessoas que usarão seu produto.”
                                        - Norman, Persona Life Cycle




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




             1. Não são estereótipos, mas arquétipos.


             2. Não são segmentos de mercado:



                    MKT = venda / Design = uso



Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




                           De onde veio?
            Norman indica que a técnica já era usada na Apple em 1993, com outro nome,
             mas foi popularizada por Alan Cooper in 1998 em seu livro "The Inmates Are
                                        Running the Asylum."




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




        Para que usar personas?
             São utilizados por designers e desenvolveres de sistemas para uma melhor
       compreensão do comportamento do usuário, como pensam, o que desejam e porquê.




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




       Por que modelar personas?
       1. Modelamos para discutir o que sabemos e o que não sobre usuários (Informações).

       2. Modelamos para mapear melhor sua experiência (UX).

       3. Personas servem para agregar um enfoque empático ao projeto (!).




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




       Por que modelar personas?
       1. Determinar o produto (requisitos);

       2. Comunicar com a equipe (documentação)

       3. Medir a efetividade do design (validar ideias)




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




           Quando aplicar Personas?
       Quando estamos incertos sobre os caminhos que devemos
       tomar, não há consenso ou informações suficientes

       1. Na definição de requisitos (principalmente para produtos de
           contextos diferentes, desconhecidos. ex: hospital, bombeiros, polícia)

       2. Durante brainstormings, reuniões

       3. Ao planejar funcionalidades, releases, user stories



Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




           Como aplicar personas


Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




     1o passo: Determinar tipos de usuários




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




     1o passo: Determinar tipos de usuários


                               ZAGAT
                               Site que oferece reviews de mais de 50
                               mil restaurantes em 100 países.

                               Estão investindo em aplicações mobile.

                               Quais os tipos de usuários desse sistema?




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




     1o passo: Determinar tipos de usuários
               (Uma boa ideia é focar em papéis)

               1. Gourmets,

               2. Viajantes,

               3. Namorados...




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




      2o passo: Listar características de cada tipo
    1. Demográficas: Idade, sexo, classe social, onde vivem, cultura, formação, profissão...


    2. Tecnológicas: Quais são suas habilidades? Uso mais frequente? Hardware, conexão?


    3. Contexto de uso: Onde usaria (casa, escritório, metrô..)? Que horas, por quanto tempo?


    4. Estilo de vida: Valores, atitudes. O que procuram? Diversão, rapidez, desafio, conforto...
        Quais são seus hobbies? O que detesta, o tira do sério ou incomoda?


    5. Objetivos: Quais os problemas ele tem relacionados ao contexto do seu produto? Nunca
        perguntar diretamente. Pergunte por exemplo: “Me conte da última vez que gostou
        de ir a um restaurante.” depois “Agora me conte a última vez que não gostou.”



Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




      2o passo: Listar características de cada tipo
    6. Necessidades: diretas e periféricas (mas importantes. ex: segurança no metrô)


    7. Desejos: o que eles querem, não o que dizem que querem. (Gladwell, spaghetti sauce)


    8. Conhecimento: Na área relacionada, cultura geral. Novatos? Experts? Curiosos?


    9. Lealdade: Frequência de uso, compromisso (software sazonal, apple vs android...).


    10. Dê um nome, um rosto, uma frase emblemática:




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




      2o passo: Listar características de cada tipo




 Roberto, 42 anos, Jornalista   Saulinho, 22 anos, cursa de Letras         Júlia, 16 anos, estudante, twiteira
                                Mochileiro sazonal




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




    3o passo: Determinar usuários focais (patton) ou primários (cooper)

      1. "É um usuário que deve ser atendido e não seria com uma interface projetada para
          outra pessoa." (Cooper)


      2. Todo sistema tem ao menos 1


      3. Se identificamos mais de 1, temos mais de uma interface. Se identificarmos mais de
          3, temos um problema. (citar ML)




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




    3o passo: Determinar usuários focais (patton) ou primários (cooper)




                                  zo rio
      al




                                      l
                                sa suá
                                    na
   foc




                                  u




                                                                                                      pa não
                                                                                                        ga
 Roberto, 42 anos, Jornalista   Saulinho, 22 anos, cursa de Letras         Júlia, 16 anos, estudante, twiteira
                                Mochileiro sazonal




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso



                                                  Sugestão de Patton
                           Nome, Idade    Papel


                                          descrição, frase emblemática




                           Necessidades   Tarefas no sistema para necessidades
                           no mundo
                           real




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




                                    TO DO                    DONE



                   O!
          E M GRUP                           ro d u t o
                                 pa ra seu p
                        personas
           1)  Criar 3
                                   o focal
                      er  uma com                     a
            2) Escolh                     e 5’ par
                               entação d
                      ar apres
             3) mont
              próx aula




Friday, October 28, 2011
Design, usabilidade e arquitetura de informação / Marcello Cardoso




                                  igad o!
                           o br
                                   Este arquivo contém a apresentação realizada por Marcello de
                                   Campos Cardoso, em Outubro de 2011, para a disciplina Design,
                                   usabilidade e arquitetura de informação, ministrada no curso de
                                   Pós Graduação em Marketing Digital no Centro Universitário
                                   Newton Paiva.



Friday, October 28, 2011

Weitere ähnliche Inhalte

Was ist angesagt?

Usabilidade aula-04. Processos: Personas
Usabilidade aula-04. Processos: PersonasUsabilidade aula-04. Processos: Personas
Usabilidade aula-04. Processos: Personas
Alan Vasconcelos
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )
Jesse Teixeira
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
Sidney Roberto
 
A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de software
Flavia Negrao
 

Was ist angesagt? (20)

IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
PAAI/DI - 05 - Prototipação
PAAI/DI - 05 - PrototipaçãoPAAI/DI - 05 - Prototipação
PAAI/DI - 05 - Prototipação
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Usabilidade 3 - Personas ágeis
Usabilidade 3 - Personas ágeisUsabilidade 3 - Personas ágeis
Usabilidade 3 - Personas ágeis
 
Arquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosArquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementos
 
Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01
 
PUC/PFC - Personas Ágeis
PUC/PFC -  Personas ÁgeisPUC/PFC -  Personas Ágeis
PUC/PFC - Personas Ágeis
 
Modulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasModulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampas
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
UNA - Eng Usa '12 - aula 04
UNA  - Eng Usa '12 - aula 04UNA  - Eng Usa '12 - aula 04
UNA - Eng Usa '12 - aula 04
 
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenInteração Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!
 
Usabilidade aula-04. Processos: Personas
Usabilidade aula-04. Processos: PersonasUsabilidade aula-04. Processos: Personas
Usabilidade aula-04. Processos: Personas
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
 
A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de software
 

Andere mochten auch

Filosofia de la historia de max weber.
Filosofia de la historia de max weber.Filosofia de la historia de max weber.
Filosofia de la historia de max weber.
deretv1
 
Accelerate your sales performance.
Accelerate your sales performance.  Accelerate your sales performance.
Accelerate your sales performance.
Safe Rise
 
Owasp top 10_-_2013_final_-_español
Owasp top 10_-_2013_final_-_españolOwasp top 10_-_2013_final_-_español
Owasp top 10_-_2013_final_-_español
fosoSSS
 
Guia del docente_religion_5_basico_edebe
Guia del docente_religion_5_basico_edebeGuia del docente_religion_5_basico_edebe
Guia del docente_religion_5_basico_edebe
Mireya Burgos Peredo
 

Andere mochten auch (20)

Invitación a la feria IMEX Madrid (24 y 25 de abril). País invitado USA. LIFI...
Invitación a la feria IMEX Madrid (24 y 25 de abril). País invitado USA. LIFI...Invitación a la feria IMEX Madrid (24 y 25 de abril). País invitado USA. LIFI...
Invitación a la feria IMEX Madrid (24 y 25 de abril). País invitado USA. LIFI...
 
Clean room system tarkett
Clean room system tarkettClean room system tarkett
Clean room system tarkett
 
FXDaily.pdf
FXDaily.pdfFXDaily.pdf
FXDaily.pdf
 
Filosofia de la historia de max weber.
Filosofia de la historia de max weber.Filosofia de la historia de max weber.
Filosofia de la historia de max weber.
 
LA MADERA Y SUS NO TAN GRATAS CONSECUENCIAS.
LA MADERA Y SUS NO TAN GRATAS CONSECUENCIAS.LA MADERA Y SUS NO TAN GRATAS CONSECUENCIAS.
LA MADERA Y SUS NO TAN GRATAS CONSECUENCIAS.
 
Accelerate your sales performance.
Accelerate your sales performance.  Accelerate your sales performance.
Accelerate your sales performance.
 
Perl6: Interfaces und Factories für Testdriven Development
Perl6: Interfaces und Factories für Testdriven DevelopmentPerl6: Interfaces und Factories für Testdriven Development
Perl6: Interfaces und Factories für Testdriven Development
 
GaliciaWifi.com
GaliciaWifi.com
GaliciaWifi.com
GaliciaWifi.com
 
123458_Atlas_de_Bolsillo_de_fisiologia
123458_Atlas_de_Bolsillo_de_fisiologia123458_Atlas_de_Bolsillo_de_fisiologia
123458_Atlas_de_Bolsillo_de_fisiologia
 
iData Insights Report Store
iData Insights Report StoreiData Insights Report Store
iData Insights Report Store
 
The Pensions 2015 Guide, 2015 Pension Guide, Pension Information, 2015 Pensi...
The Pensions 2015 Guide,  2015 Pension Guide, Pension Information, 2015 Pensi...The Pensions 2015 Guide,  2015 Pension Guide, Pension Information, 2015 Pensi...
The Pensions 2015 Guide, 2015 Pension Guide, Pension Information, 2015 Pensi...
 
Global Internet TV Industry
Global Internet TV IndustryGlobal Internet TV Industry
Global Internet TV Industry
 
Supercharged graph visualization for cyber security
Supercharged graph visualization for cyber securitySupercharged graph visualization for cyber security
Supercharged graph visualization for cyber security
 
Actividades portuarias
Actividades portuariasActividades portuarias
Actividades portuarias
 
WinterCatalog
WinterCatalogWinterCatalog
WinterCatalog
 
Owasp top 10_-_2013_final_-_español
Owasp top 10_-_2013_final_-_españolOwasp top 10_-_2013_final_-_español
Owasp top 10_-_2013_final_-_español
 
Accesorios para vacio kf
Accesorios para vacio kfAccesorios para vacio kf
Accesorios para vacio kf
 
Oportunidades JUNIO - JAFRA 2015
Oportunidades JUNIO - JAFRA 2015Oportunidades JUNIO - JAFRA 2015
Oportunidades JUNIO - JAFRA 2015
 
Tecnología sin zanja para la instalación y rehabilitación de redes de acueduc...
Tecnología sin zanja para la instalación y rehabilitación de redes de acueduc...Tecnología sin zanja para la instalación y rehabilitación de redes de acueduc...
Tecnología sin zanja para la instalación y rehabilitación de redes de acueduc...
 
Guia del docente_religion_5_basico_edebe
Guia del docente_religion_5_basico_edebeGuia del docente_religion_5_basico_edebe
Guia del docente_religion_5_basico_edebe
 

Ähnlich wie Newton Paiva - DI - Aula 03

Infografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeInfografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidade
Fran Maciel
 
MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)
Marcello Cardoso
 

Ähnlich wie Newton Paiva - DI - Aula 03 (20)

PAAI/DI - 02 - Entrevistas e questionários
PAAI/DI - 02 - Entrevistas e questionáriosPAAI/DI - 02 - Entrevistas e questionários
PAAI/DI - 02 - Entrevistas e questionários
 
UNA - Eng Usa '12 - aula 02
UNA  - Eng Usa '12 - aula 02UNA  - Eng Usa '12 - aula 02
UNA - Eng Usa '12 - aula 02
 
PAAI/DI - 06 - Analise Heuristica
PAAI/DI - 06 -  Analise HeuristicaPAAI/DI - 06 -  Analise Heuristica
PAAI/DI - 06 - Analise Heuristica
 
PAAI/DI - 07-08 - Teste de usabilidade
PAAI/DI - 07-08 - Teste de usabilidadePAAI/DI - 07-08 - Teste de usabilidade
PAAI/DI - 07-08 - Teste de usabilidade
 
UNA - Eng Usa '12 - aula 05
UNA  - Eng Usa '12 - aula 05UNA  - Eng Usa '12 - aula 05
UNA - Eng Usa '12 - aula 05
 
Modulo ii arquiteturainformacaousabilidade_thaiscampas
Modulo ii arquiteturainformacaousabilidade_thaiscampasModulo ii arquiteturainformacaousabilidade_thaiscampas
Modulo ii arquiteturainformacaousabilidade_thaiscampas
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
 
On UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseOn UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portuguese
 
Infografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeInfografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidade
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
 
Modulo iii arquiteturainformacaousabilidade_thaiscampas
Modulo iii arquiteturainformacaousabilidade_thaiscampasModulo iii arquiteturainformacaousabilidade_thaiscampas
Modulo iii arquiteturainformacaousabilidade_thaiscampas
 
Projetando experiencias
Projetando experienciasProjetando experiencias
Projetando experiencias
 
Experiência do usuário e Design de Interfaces no Governo
Experiência do usuário e Design de Interfaces no GovernoExperiência do usuário e Design de Interfaces no Governo
Experiência do usuário e Design de Interfaces no Governo
 
Chatbots e UX: Como os chatbots podem ajudar a entender o que as pessoas real...
Chatbots e UX: Como os chatbots podem ajudar a entender o que as pessoas real...Chatbots e UX: Como os chatbots podem ajudar a entender o que as pessoas real...
Chatbots e UX: Como os chatbots podem ajudar a entender o que as pessoas real...
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)
 
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
 
Arquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframeArquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframe
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 

Mehr von Marcello Cardoso

Palestra o marketing não funciona mais sozinho - Fumsoft
Palestra   o marketing não funciona mais sozinho - FumsoftPalestra   o marketing não funciona mais sozinho - Fumsoft
Palestra o marketing não funciona mais sozinho - Fumsoft
Marcello Cardoso
 

Mehr von Marcello Cardoso (19)

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

Newton Paiva - DI - Aula 03

  • 1. Design, usabilidade e arquitetura de informação / Marcello Cardoso aula 03/06 Técnica de modelagem Personas Ágeis Pós Graduação em Marketing Digital Design, usabilidade e arquitetura de informação Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com Friday, October 28, 2011
  • 2. Design, usabilidade e arquitetura de informação / Marcello Cardoso Plano de curso 1ª Introdução a Usabilidade: conceitos, origem (DCU, IHC), aplicação (IxD), tipos de design, metas de usabilidade, princípios de design. 2ª Conversando com usuários: Questionários e entrevistas 20pts 3ª Técnica de Modelagem: Personas ágeis (workshop) 20pts 4ª Projetando a interface: Task Flow + Prototipação rápida (workshop) 20pts 5ª Perguntando a especialistas: As 10 heurísticas de Nielsen (workshop) 20pts 6ª Percurso cognitivo: Avaliando tarefas 20pts Friday, October 28, 2011
  • 3. Design, usabilidade e arquitetura de informação / Marcello Cardoso Ciclo de vida do produto to jam isa to en o ne qu çã en lvim lida pla pes vo sen va de Friday, October 28, 2011
  • 4. Design, usabilidade e arquitetura de informação / Marcello Cardoso Questionários Ciclo de vida do produto e rking entrevistas chma Ben to jam isa to en o ne qu çã en lvim lida pla pes vo sen va de personas Friday, October 28, 2011
  • 5. Design, usabilidade e arquitetura de informação / Marcello Cardoso Técnica de modelagem personas ágeis Friday, October 28, 2011
  • 6. Design, usabilidade e arquitetura de informação / Marcello Cardoso Alguma coisa é melhor que coisa-alguma Minimize esforços. Levante informações através de etnografia digital, análise métrica, benchmarking ou conversas com stakeholders. Friday, October 28, 2011
  • 7. Design, usabilidade e arquitetura de informação / Marcello Cardoso Uma Persona Ágil é uma exploração breve sobre o que sabemos dos usuários. Pragmática - Patton Provisória - Cooper Guerrilha - Kuniavsky Ad-Hoc - Norman Ágil - Cardoso Friday, October 28, 2011
  • 8. Design, usabilidade e arquitetura de informação / Marcello Cardoso exemplo de persona tradicional Friday, October 28, 2011
  • 9. Design, usabilidade e arquitetura de informação / Marcello Cardoso O que são modelos? Friday, October 28, 2011
  • 10. Design, usabilidade e arquitetura de informação / Marcello Cardoso Modelos são representações estruturadas de fenômenos e abstrações complexas. Friday, October 28, 2011
  • 11. Design, usabilidade e arquitetura de informação / Marcello Cardoso São usados nas ciências naturais e sociais. “Economistas utilizam modelos para descrever o comportamento de mercados, físicos os utilizam para compreender partículas, descobrimos que usar pesquisa para criar modelos descritivos de nossos usuários é uma ferramenta útil e poderosa para o Design de Interação.” - Cooper, About Face 3.0 Friday, October 28, 2011
  • 12. Design, usabilidade e arquitetura de informação / Marcello Cardoso Por que usar modelos? Friday, October 28, 2011
  • 13. Design, usabilidade e arquitetura de informação / Marcello Cardoso São ferramentas simples e poderosas para melhorar a visibilidade, compreensão e a comunicação de informações. Friday, October 28, 2011
  • 14. Design, usabilidade e arquitetura de informação / Marcello Cardoso Bons modelos destacam características relevantes das menos relevantes. Evidenciam informações, não apenas dados. Friday, October 28, 2011
  • 15. Design, usabilidade e arquitetura de informação / Marcello Cardoso O que são personas? Friday, October 28, 2011
  • 16. Design, usabilidade e arquitetura de informação / Marcello Cardoso Personas são modelos descritivos de usuários. Friday, October 28, 2011
  • 17. Design, usabilidade e arquitetura de informação / Marcello Cardoso "Uma Persona é uma pessoa artificial, inventada para ajudar um designer entender as pessoas que usarão seu produto.” - Norman, Persona Life Cycle Friday, October 28, 2011
  • 18. Design, usabilidade e arquitetura de informação / Marcello Cardoso 1. Não são estereótipos, mas arquétipos. 2. Não são segmentos de mercado: MKT = venda / Design = uso Friday, October 28, 2011
  • 19. Design, usabilidade e arquitetura de informação / Marcello Cardoso De onde veio? Norman indica que a técnica já era usada na Apple em 1993, com outro nome, mas foi popularizada por Alan Cooper in 1998 em seu livro "The Inmates Are Running the Asylum." Friday, October 28, 2011
  • 20. Design, usabilidade e arquitetura de informação / Marcello Cardoso Para que usar personas? São utilizados por designers e desenvolveres de sistemas para uma melhor compreensão do comportamento do usuário, como pensam, o que desejam e porquê. Friday, October 28, 2011
  • 21. Design, usabilidade e arquitetura de informação / Marcello Cardoso Por que modelar personas? 1. Modelamos para discutir o que sabemos e o que não sobre usuários (Informações). 2. Modelamos para mapear melhor sua experiência (UX). 3. Personas servem para agregar um enfoque empático ao projeto (!). Friday, October 28, 2011
  • 22. Design, usabilidade e arquitetura de informação / Marcello Cardoso Por que modelar personas? 1. Determinar o produto (requisitos); 2. Comunicar com a equipe (documentação) 3. Medir a efetividade do design (validar ideias) Friday, October 28, 2011
  • 23. Design, usabilidade e arquitetura de informação / Marcello Cardoso Quando aplicar Personas? Quando estamos incertos sobre os caminhos que devemos tomar, não há consenso ou informações suficientes 1. Na definição de requisitos (principalmente para produtos de contextos diferentes, desconhecidos. ex: hospital, bombeiros, polícia) 2. Durante brainstormings, reuniões 3. Ao planejar funcionalidades, releases, user stories Friday, October 28, 2011
  • 24. Design, usabilidade e arquitetura de informação / Marcello Cardoso Como aplicar personas Friday, October 28, 2011
  • 25. Design, usabilidade e arquitetura de informação / Marcello Cardoso 1o passo: Determinar tipos de usuários Friday, October 28, 2011
  • 26. Design, usabilidade e arquitetura de informação / Marcello Cardoso 1o passo: Determinar tipos de usuários ZAGAT Site que oferece reviews de mais de 50 mil restaurantes em 100 países. Estão investindo em aplicações mobile. Quais os tipos de usuários desse sistema? Friday, October 28, 2011
  • 27. Design, usabilidade e arquitetura de informação / Marcello Cardoso 1o passo: Determinar tipos de usuários (Uma boa ideia é focar em papéis) 1. Gourmets, 2. Viajantes, 3. Namorados... Friday, October 28, 2011
  • 28. Design, usabilidade e arquitetura de informação / Marcello Cardoso 2o passo: Listar características de cada tipo 1. Demográficas: Idade, sexo, classe social, onde vivem, cultura, formação, profissão... 2. Tecnológicas: Quais são suas habilidades? Uso mais frequente? Hardware, conexão? 3. Contexto de uso: Onde usaria (casa, escritório, metrô..)? Que horas, por quanto tempo? 4. Estilo de vida: Valores, atitudes. O que procuram? Diversão, rapidez, desafio, conforto... Quais são seus hobbies? O que detesta, o tira do sério ou incomoda? 5. Objetivos: Quais os problemas ele tem relacionados ao contexto do seu produto? Nunca perguntar diretamente. Pergunte por exemplo: “Me conte da última vez que gostou de ir a um restaurante.” depois “Agora me conte a última vez que não gostou.” Friday, October 28, 2011
  • 29. Design, usabilidade e arquitetura de informação / Marcello Cardoso 2o passo: Listar características de cada tipo 6. Necessidades: diretas e periféricas (mas importantes. ex: segurança no metrô) 7. Desejos: o que eles querem, não o que dizem que querem. (Gladwell, spaghetti sauce) 8. Conhecimento: Na área relacionada, cultura geral. Novatos? Experts? Curiosos? 9. Lealdade: Frequência de uso, compromisso (software sazonal, apple vs android...). 10. Dê um nome, um rosto, uma frase emblemática: Friday, October 28, 2011
  • 30. Design, usabilidade e arquitetura de informação / Marcello Cardoso 2o passo: Listar características de cada tipo Roberto, 42 anos, Jornalista Saulinho, 22 anos, cursa de Letras Júlia, 16 anos, estudante, twiteira Mochileiro sazonal Friday, October 28, 2011
  • 31. Design, usabilidade e arquitetura de informação / Marcello Cardoso 3o passo: Determinar usuários focais (patton) ou primários (cooper) 1. "É um usuário que deve ser atendido e não seria com uma interface projetada para outra pessoa." (Cooper) 2. Todo sistema tem ao menos 1 3. Se identificamos mais de 1, temos mais de uma interface. Se identificarmos mais de 3, temos um problema. (citar ML) Friday, October 28, 2011
  • 32. Design, usabilidade e arquitetura de informação / Marcello Cardoso 3o passo: Determinar usuários focais (patton) ou primários (cooper) zo rio al l sa suá na foc u pa não ga Roberto, 42 anos, Jornalista Saulinho, 22 anos, cursa de Letras Júlia, 16 anos, estudante, twiteira Mochileiro sazonal Friday, October 28, 2011
  • 33. Design, usabilidade e arquitetura de informação / Marcello Cardoso Sugestão de Patton Nome, Idade Papel descrição, frase emblemática Necessidades Tarefas no sistema para necessidades no mundo real Friday, October 28, 2011
  • 34. Design, usabilidade e arquitetura de informação / Marcello Cardoso Friday, October 28, 2011
  • 35. Design, usabilidade e arquitetura de informação / Marcello Cardoso Friday, October 28, 2011
  • 36. Design, usabilidade e arquitetura de informação / Marcello Cardoso TO DO DONE O! E M GRUP ro d u t o pa ra seu p personas 1) Criar 3 o focal er uma com a 2) Escolh e 5’ par entação d ar apres 3) mont próx aula Friday, October 28, 2011
  • 37. Design, usabilidade e arquitetura de informação / Marcello Cardoso igad o! o br Este arquivo contém a apresentação realizada por Marcello de Campos Cardoso, em Outubro de 2011, para a disciplina Design, usabilidade e arquitetura de informação, ministrada no curso de Pós Graduação em Marketing Digital no Centro Universitário Newton Paiva. Friday, October 28, 2011