SlideShare uma empresa Scribd logo
1 de 47
SoftwareSoftware fácilfácil de usar não éde usar não é
difícildifícil de programarde programar
Twiter: @harlleyBlog: harlley.net
Usuários
operando
sistema de
defesa aérea
em 1954
Programadores fazendoProgramadores fazendo
pair programming...pair programming...
Os computadores se popularizaram...
e os usuários mudaram.e os usuários mudaram.
“Uma interface de usuário é bem
projetada quando o programa se
comporta exatamente como o usuário
pensa que ele se comportaria.”
Joel Spolsky
O modelo mental
do programador
sobre o software
que ele desenvolve
é diferente dos
usuários.
“Modelo mental refere-se à maneira
com que utilizamos nossos
conhecimentos já adquiridos para
tentar adivinhar ou prever o
funcionamento de determinado
artefato ou aspecto do mundo físico.”
Craik
Exemplificando...Exemplificando...
Exemplificando...
Então como desenvolver software
compatível com o modelo mental do
usuário?
Alan CooperAlan Cooper Jacob NielsenJacob NielsenDon NormanDon Norman
Como envolver o usuário no
desenvolvimento de software?
Entrevista e questionário
Prototipação
Teste de usabilidade
Teste de usabilidade
Teste de usabilidade
Teste de usabilidade
Teste de usabilidade
Você olha a sua volta e só tem nerds
para testar o seu software?
Teste de usabilidade
Então chama a
secretária para
testar.
Card Sorting
Log
dicas heurísticas de Nielsen
1. Visibilidade do status do sistema
2. Compatibilidade do sistema
com o mundo real
3. Controle do usuário e liberdade
4. Consistência e padrões
!=
5. Ajudar os usuários a reconhecer,
diagnosticar e corrigir erros
6. Prevenção de erros
7. Reconhecer em vez de relembrar
8. Flexibilidade e eficiência no uso
9. Estética e design minimalista
10. Ajuda e documentação
Para começar ...
"satisfying 'requirements' isn’t
the same as satisfying users."
(Alan Cooper)
@harlley
Perguntas?
@harlley
Obrigado!
@harlley

Mais conteúdo relacionado

Destaque

Semiotica aplicada ao Design de Interação
Semiotica aplicada ao Design de InteraçãoSemiotica aplicada ao Design de Interação
Semiotica aplicada ao Design de InteraçãoUTFPR
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great InfographicsSlideShare
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareEmpowered Presentations
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShareKapost
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...SlideShare
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingContent Marketing Institute
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation OptimizationOneupweb
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare
 

Destaque (11)

Semiotica aplicada ao Design de Interação
Semiotica aplicada ao Design de InteraçãoSemiotica aplicada ao Design de Interação
Semiotica aplicada ao Design de Interação
 
Manual Word
Manual WordManual Word
Manual Word
 
Moby Dick
Moby DickMoby Dick
Moby Dick
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 

Semelhante a Modelo mental e usabilidade

Design para o Comportamento
Design para o ComportamentoDesign para o Comportamento
Design para o ComportamentoCogIgnition
 
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...Luciano Lobato
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAndré Constantino da Silva
 
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
 
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 softwareFlavia Negrao
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceHorácio Soares
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixCris Fidelix
 
Aula Teste sobre IHC, usabilidade e affordance
Aula Teste sobre IHC, usabilidade e affordanceAula Teste sobre IHC, usabilidade e affordance
Aula Teste sobre IHC, usabilidade e affordanceChristopher Cerqueira
 
Do papel a prototipação mobile
Do papel a prototipação mobileDo papel a prototipação mobile
Do papel a prototipação mobileCristofer Sousa
 
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Sérgio Souza Costa
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de InteraçãoFelipe Dal Molin
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016Tiago Silva da Silva
 
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIOAula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIOJulioCesar371362
 

Semelhante a Modelo mental e usabilidade (20)

Design para o Comportamento
Design para o ComportamentoDesign para o Comportamento
Design para o Comportamento
 
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )
 
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
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
P2_Aula1-convertido.pptx
P2_Aula1-convertido.pptxP2_Aula1-convertido.pptx
P2_Aula1-convertido.pptx
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
 
Introducao ihm
Introducao ihmIntroducao ihm
Introducao ihm
 
Usabilidade Simples
Usabilidade SimplesUsabilidade Simples
Usabilidade Simples
 
Aula Teste sobre IHC, usabilidade e affordance
Aula Teste sobre IHC, usabilidade e affordanceAula Teste sobre IHC, usabilidade e affordance
Aula Teste sobre IHC, usabilidade e affordance
 
Do papel a prototipação mobile
Do papel a prototipação mobileDo papel a prototipação mobile
Do papel a prototipação mobile
 
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de Interação
 
Aula1.pdf
Aula1.pdfAula1.pdf
Aula1.pdf
 
Aula5 ihm
Aula5 ihmAula5 ihm
Aula5 ihm
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016
 
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIOAula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
 

Mais de Harlley Oliveira

Curso de programação para iniciantes: Qual linguagem de programação escolher?
Curso de programação para iniciantes: Qual linguagem de programação escolher?Curso de programação para iniciantes: Qual linguagem de programação escolher?
Curso de programação para iniciantes: Qual linguagem de programação escolher?Harlley Oliveira
 
Second project venturebrazil
Second project venturebrazilSecond project venturebrazil
Second project venturebrazilHarlley Oliveira
 
Afinal, o que é uma linguagem de programação?
Afinal, o que é uma linguagem de programação?Afinal, o que é uma linguagem de programação?
Afinal, o que é uma linguagem de programação?Harlley Oliveira
 
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...Harlley Oliveira
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryHarlley Oliveira
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersHarlley Oliveira
 

Mais de Harlley Oliveira (7)

Curso de programação para iniciantes: Qual linguagem de programação escolher?
Curso de programação para iniciantes: Qual linguagem de programação escolher?Curso de programação para iniciantes: Qual linguagem de programação escolher?
Curso de programação para iniciantes: Qual linguagem de programação escolher?
 
Second project venturebrazil
Second project venturebrazilSecond project venturebrazil
Second project venturebrazil
 
Afinal, o que é uma linguagem de programação?
Afinal, o que é uma linguagem de programação?Afinal, o que é uma linguagem de programação?
Afinal, o que é uma linguagem de programação?
 
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...
 
Philips
PhilipsPhilips
Philips
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQuery
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
 

Modelo mental e usabilidade

Notas do Editor

  1. Computador Sage de 1954, ocupava um andar e pesava 300 toneladas. Empregava 20% dos programadores do mundo.
  2. Programadores do primeiro computador comercial, Univac, de 1951
  3. EXPLICAR MODELO MENTAL E DAR UM EXEMPLO Modelos mentais são representações práticas de partes da realidade. São como modelos em pequena escala internos (na mente), os quais são usados para antecipar eventos, entender como as coisas funcionam, explicar o mundo etc. São basicamente representações mentais da realidade. É importante entender que modelos mentais são aprendidos2 através da experiência do indivíduo, isto é, eles podem ser mudados, não são universais, nem inatos. São construídos principalmente pela experiência individual. Como os indivíduos estão inseridos em determinada cultura, os indivíduos desta cultura compartilham os mesmos ou semelhantes modelos mentais acerca de porções da realidade.
  4. Alan Cooper is a pioneering software inventor, programmer, designer, and theorist. He is credited with having produced “probably the first serious business software for microcomputers” and is well known as the “Father of Visual Basic.” Donald Arthur Norman (born December 25, 1935), a founder of The Cognitive Science Society [1], is an expert of cognitive science and is widely considered to be the first to apply advanced human factors to design via cognitive design. Nielsen founded the "discount usability engineering" movement for fast and cheap improvements of user interfaces and has invented several usability methods, including heuristic evaluation. He holds 79 United States patents, mainly on ways of making the Web easier to use.
  5. The evolution of the software development process. The first diagram depicts the early days of the software industry when smart programmers dreamed up products, and then built and tested them. Inevitably, professional managers were brought in to help facilitate the process by translating market opportunities into product requirements. As depicted in the third diagram, the industry matured, testing became a discipline in its own right, and with the popularization of the graphical user interface (GUI), graphic designers were brought in to create icons and other visual elements. The final diagram shows the Goal-Directed approach to software development where decisions about a product’s capabilities, form, and behavior are made before the expensive and challenging construction phase.