aula 01/08     Apresentação do curso, aquecimento                                          e situamento teórico           ...
Professor        Marcello de Campos Cardoso         ‣   Especialista em Design de Interação pela PUC MG         ‣   Profes...
Ementa     Definições e aplicação de Usabilidade, Design Centrado no Usuário e Design de Interação.     Metodologia de desi...
Bibliografia       SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010.       PREECE, Jennifer; ROGERS, Yvo...
www.useit.com                                       Referências online       www.acm.org       www.interactions.acm.org   ...
Plano de curso       1ª        Apresentação do curso, aquecimento e posicionamento teórico       -       2ª        CMS + S...
A vida é permeada de                           problemas e desafios.Monday, October 24, 2011
Seu Nicolau tem 76 anos, mas é muito ativo. Gosta de fazer suas coisas     sozinho, retirar a pensão no banco, visitar viz...
Que tal um iPhone pro Nicolau?Monday, October 24, 2011
melhor ≠ mais sofisticado                           solução simples = solução eleganteMonday, October 24, 2011
FOCO na demanda REAL.Monday, October 24, 2011
Dona Lucinha adora um cházinho com bolo de fubá, quando recebe     as amigas em casa pra falar de novela. Mas a senhorinha...
OXO - Good GripsMonday, October 24, 2011
de ser melhor para TODOS          maior acessibilidade poMonday, October 24, 2011
Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua   mãe gostaria que a filha comesse mais legumes, mas não q...
Mushroom Chopper                           boa solução resolve mais de um problema.Monday, October 24, 2011
pode ser melhor para TODOS            maior acessibilidadeMonday, October 24, 2011
Mário tem 32 anos, trabalha em      Betim, mas mora em Belo Horizonte.       Todos os dias pega o transporte da      empre...
YI | Sound Invention                       A solução pode existir em                                    outro lugar!Monday...
Existem várias soluções         para um problema.Monday, October 24, 2011
Evolution Pillow   Algumas são “robustas”.Monday, October 24, 2011
Music Branch Headphone Splitter                                       Algumas são mais simples.Monday, October 24, 2011
Luíz mudou há pouco para Belo     Horizonte, e achou os preços de       imóveis muito caros. Veio com   mulher e dois filh...
Resource Furniture                            (ver vídeo)Monday, October 24, 2011
A solução para espaço pequeno não precisa ser mais espaço.                                Temos de identificar o problema ...
Uma solução inserida no projeto é uma                                       Solução de designMonday, October 24, 2011
Uma solução inserida no projeto é uma                                       Solução de designMonday, October 24, 2011
Uma solução inserida no projeto é uma                                       Solução de designMonday, October 24, 2011
Uma solução inserida no projeto é uma                                       Solução de designMonday, October 24, 2011
Uma solução inserida no projeto é uma                                       Solução de designMonday, October 24, 2011
Uma solução inserida no projeto é uma                                       Solução de designMonday, October 24, 2011
Uma solução inserida no projeto é uma                                       Solução de designMonday, October 24, 2011
mesmo o que funciona                           pode melhorar.Monday, October 24, 2011
mesmo o que funciona                           pode melhorar.Monday, October 24, 2011
mesmo o que funciona                           pode melhorar.Monday, October 24, 2011
mesmo o que funciona                           pode melhorar.Monday, October 24, 2011
mesmo o que funciona                           pode melhorar.Monday, October 24, 2011
mesmo o que funciona                           pode melhorar.Monday, October 24, 2011
mesmo o que funciona          pode melhorar.Monday, October 24, 2011
Para resolver bem,                                 precisamos entender o problema...                                     ....
mples a princípio                             Pensar si                           regra de Paretto, MVPMonday, October 24,...
aior valor de USO                               entrar onde há m                           conc                    começar...
r em tecnologia...                               não foca                           ...mas em comportamentoMonday, October...
têm em comum?                           O que elesMonday, October 24, 2011
gn!                               es iMonday, October 24, 2011                           d
todo mundo é designer!Monday, October 24, 2011
Design = ProjetoMonday, October 24, 2011
negócio                           pessoas tecnologiaMonday, October 24, 2011
Qual é o melhor                  ara criar         caminho p          soluções?Monday, October 24, 2011
sorte...Monday, October 24, 2011
sorte...Monday, October 24, 2011
...ou tática/metodologiaMonday, October 24, 2011
...ou tática/metodologiaMonday, October 24, 2011
sorte                                  0,00001% ... 50%                                        metodologia                ...
METODOLOGIA DE DESIGN                                       ão                                                   ão       ...
O que é usabilidade mesmo?    Segundo Jeffrey Rubin (Handbook of Usability Testing):    Um conjunto de quatro fatores reun...
O que é usabilidade mesmo?    Segundo Jakob Nielsen (Usability Engineering):    Um conjunto de proporiedades de uma interf...
O que é usabilidade mesmo?       “Facilidade de uso e facilidade de aprendizado” -Albert Badre       (Shaping Web Usabilit...
O que é usabilidade mesmo?       “Pensar em usabilidade é pensar em produtos fáceis de usar” –       Jesse James Garrett (...
O que é usabilidade mesmo?       ISO 9126 - 1991       “Esforço necessário para seu uso e para o julgamento       individu...
O que é usabilidade mesmo?  em     10                    definições,                           vezes aparecem as palavras ...
O que é usabilidade mesmo?                           É o atributo que define a                              facilidade de ...
Quem define o que é “fácil” de ser usado?Monday, October 24, 2011
UM POUCO DE                      HISTÓRIAMonday, October 24, 2011
1960 - 1970 | Inspeção de software          Voltado à qualidade do código: encontrar e corrigir bugs.          Modelo wart...
1980 | IHC e DCU         Gradualmente o hardware evoluiu permitindo softwares robustos e interfaces             complexas ...
1982 | Interface Humano-Computador (IHC)           Campo de estudos que surgiu em 1982 no congresso “Human             Fac...
1986 | Design Centrado no Usuário (DCU)        Design Centrado no Usuário (DCU) é o campo de estudo que reúne        metod...
Design Centrado no Usuário (DCU)        “…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em   ...
Design Centrado no Usuário (DCU)                  USUÁRIOS                  devemos perguntá-los como fazer nosso trabalho...
Design Centrado no Usuário (DCU)                           a princípio,                                          NÃOMonday...
Design Centrado no Usuário (DCU)                    Devemos identificar seus   padrões de comportamento                    ...
1988 | Engenharia de Usabilidade       O termo foi cunhado por John Bennett (IBM) e John Whiteside (Digital       Equipmen...
1990 | Design de Interação          Bill Morgride, diretor da IDEO, sintetizou no livro Designing for        Interactions ...
Espaço do Design de Interação    Este campo multidisciplinar centraliza e          integra as diversas áreas de    conheci...
TO DO           DONE         EM GRUPO!                           a                                      razer n           ...
igad o!                           o br                                  Este arquivo contém a apresentação realizada por M...
Próximos SlideShares
Carregando em…5
×

PUC/PFC - Apresentação do curso, aquecimento e situamento teórico

815 visualizações

Publicada em

Aula para a disciplina Produção e Ferramentas Colaborativas

Pós-Graduação em Produção em Mídias Digitais

Prof. Marcello de Campos Cardoso
www.mcardoso.com.br
2o semestre de 2011

Publicada em: Design, Tecnologia, Negócios
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
815
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
19
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

PUC/PFC - Apresentação do curso, aquecimento e situamento teórico

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

×