interfaces digitais: design, estética e interações 3

31
INTERFACES DIGITAIS: GUILHERME RANOYA PhD DESIGN, ESTÉTICA E INTERAÇÕES

Upload: guilherme-ranoya

Post on 04-Jun-2015

401 views

Category:

Design


1 download

DESCRIPTION

Disciplina do curso de pós-graduação em Gestão Integrada de Comunicação Digital nas Empresas (DIGICORP - ECA/USP) Aula 3: Usabilidade

TRANSCRIPT

Page 1: Interfaces Digitais: Design, Estética e Interações 3

INTERFACES DIGITAIS:

GUILHERME RANOYA PhD

DESIGN, ESTÉTICA E INTERAÇÕES

Page 2: Interfaces Digitais: Design, Estética e Interações 3

AULA 3USABILIDADE19/08

PROGRAMA

Page 3: Interfaces Digitais: Design, Estética e Interações 3

O QUE É ENGENHARIA DE USABILIDADE?

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

PRINCÍPIO FORMULADO POR DONALD NORMAN E JAKOB NIELSEN EM SEUS TRABALHOS (1986 E 1991/1993)PREOCUPAÇÃO COM A FACILIDADE DE USO DOS OBJETOS DO DIA-A-DIAESTUDOS E AVALIAÇÕES PARA PROMOVER O APERFEIÇOAMENTO DO USO DE OBJETOS E SUAS INTERFACES COM O USUÁRIO

Page 4: Interfaces Digitais: Design, Estética e Interações 3

METAS DE UMA BOA USABILIDADE

AULA 3USABILIDADE

PRATICIDADE DE USOFUNCIONALIDADE DE USO

PERFORMANCE DE USO

RECORDAÇÃO DE USO

SEGURANÇA DE USO

APRENDIZAGEM DE USO

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 5: Interfaces Digitais: Design, Estética e Interações 3

METAS DE UMA BOA USABILIDADE

AULA 3USABILIDADE

PRATICIDADE DE USOFUNCIONALIDADE DE USO

PERFORMANCE DE USO

RECORDAÇÃO DE USO

SEGURANÇA DE USO

APRENDIZAGEM DE USO

O QUANTO SIMPLES E FÁCIL É OPROCESSO PARA QUE ALGO SEJAFEITO?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 6: Interfaces Digitais: Design, Estética e Interações 3

METAS DE UMA BOA USABILIDADE

AULA 3USABILIDADE

PRATICIDADE DE USOFUNCIONALIDADE DE USO

PERFORMANCE DE USO

RECORDAÇÃO DE USO

SEGURANÇA DE USO

APRENDIZAGEM DE USO

A INTERFACE DE USO AUXILIA PARAQUE O OBJETO SEJA UTILIZADO NAPLENITUDE DE SEUS RECURSOSE PARA QUE DESEMPENHE SEU PAPEL?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 7: Interfaces Digitais: Design, Estética e Interações 3

METAS DE UMA BOA USABILIDADE

AULA 3USABILIDADE

PRATICIDADE DE USOFUNCIONALIDADE DE USO

PERFORMANCE DE USO

RECORDAÇÃO DE USO

SEGURANÇA DE USO

APRENDIZAGEM DE USOA INTERFACE EVITA QUE AÇÕES PERIGOSAS OU INDEVIDAS SEJAM REALIZADAS INADVERTIDAMENTE?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 8: Interfaces Digitais: Design, Estética e Interações 3

METAS DE UMA BOA USABILIDADE

AULA 3USABILIDADE

PRATICIDADE DE USOFUNCIONALIDADE DE USO

PERFORMANCE DE USO

RECORDAÇÃO DE USO

SEGURANÇA DE USO

APRENDIZAGEM DE USOA INTERFACE É RÁPIDA E ÁGIL?RESPONDE CONVENIENTEMENTEÀS EXPECTATIVAS DO USUÁRIO?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 9: Interfaces Digitais: Design, Estética e Interações 3

METAS DE UMA BOA USABILIDADE

AULA 3USABILIDADE

PRATICIDADE DE USOFUNCIONALIDADE DE USO

PERFORMANCE DE USO

RECORDAÇÃO DE USO

SEGURANÇA DE USO

APRENDIZAGEM DE USO

É FÁCIL DE APRENDER A USAR?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 10: Interfaces Digitais: Design, Estética e Interações 3

METAS DE UMA BOA USABILIDADE

AULA 3USABILIDADE

PRATICIDADE DE USOFUNCIONALIDADE DE USO

PERFORMANCE DE USO

RECORDAÇÃO DE USO

SEGURANÇA DE USO

APRENDIZAGEM DE USO

EU CONSIGO LEMBRAR COMO USA, DEPOIS?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 11: Interfaces Digitais: Design, Estética e Interações 3

ELEMENTOS DA USABILIDADE

AULA 3USABILIDADE

VISIBILIDADEFEEDBACK

MAPEAMENTO

AFFORDANCE

RESTRIÇÕES

CONSISTÊNCIA

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 12: Interfaces Digitais: Design, Estética e Interações 3

ELEMENTOS DA USABILIDADE

AULA 3USABILIDADE

VISIBILIDADEFEEDBACK

MAPEAMENTO

AFFORDANCE

RESTRIÇÕES

CONSISTÊNCIA

O QUE MOSTRAR E O QUE OCULTAR?NOS CONTROLES REMOTOS DEVÍDEO-CASSETES, FUNÇÕES COMO AJUSTARA HORA OU CONFIGURAR O APARELHOFICAVAM OCULTAS PARA NÃO CONFUNDIRO USO DIÁRIO COM EXCESSO DE INFORMAÇÃO

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 13: Interfaces Digitais: Design, Estética e Interações 3

ELEMENTOS DA USABILIDADE

AULA 3USABILIDADE

VISIBILIDADEFEEDBACK

MAPEAMENTO

AFFORDANCE

RESTRIÇÕES

CONSISTÊNCIA

AO ACIONAR UM BOTÃO, HÁ UM SOM PARACONFIRMAR QUE A FUNÇÃO FOI ACIONADA?HÁ UMA INFORMAÇÃO VISUAL OU SENSORIALPARA QUE O USUÁRIO TENHA CERTEZA QUESUA SOLICITAÇÃO ESTÁ SENDO ATENDIDA?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 14: Interfaces Digitais: Design, Estética e Interações 3

ELEMENTOS DA USABILIDADE

AULA 3USABILIDADE

VISIBILIDADEFEEDBACK

MAPEAMENTO

AFFORDANCE

RESTRIÇÕES

CONSISTÊNCIAFÍSICAS, LÓGICAS OU CULTURAIS, HÁBARREIRAS PARA QUE AÇÕES QUE NÃO PODEMSER REALIZADAS SEJAM LIMITADAS?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 15: Interfaces Digitais: Design, Estética e Interações 3

ELEMENTOS DA USABILIDADE

AULA 3USABILIDADE

VISIBILIDADEFEEDBACK

MAPEAMENTO

AFFORDANCE

RESTRIÇÕES

CONSISTÊNCIA

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 16: Interfaces Digitais: Design, Estética e Interações 3

ELEMENTOS DA USABILIDADE

AULA 3USABILIDADE

VISIBILIDADEFEEDBACK

MAPEAMENTO

AFFORDANCE

RESTRIÇÕES

CONSISTÊNCIA

AÇÕES SEMELHANTES PROVOCAMINTERAÇÕES SEMELHANTES?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 17: Interfaces Digitais: Design, Estética e Interações 3

ELEMENTOS DA USABILIDADE

AULA 3USABILIDADE

VISIBILIDADEFEEDBACK

MAPEAMENTO

AFFORDANCE

RESTRIÇÕES

CONSISTÊNCIA

FORMAS INDUZEM USOS?

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 18: Interfaces Digitais: Design, Estética e Interações 3

AFFORDANCES

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 19: Interfaces Digitais: Design, Estética e Interações 3

OS 3 BULES DE CHÁ

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 20: Interfaces Digitais: Design, Estética e Interações 3

OS 3 BULES DE CHÁ

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

Page 21: Interfaces Digitais: Design, Estética e Interações 3

AFETIVIDADE

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

SENTIMENTO E EMOÇÃO SÃO DIFERENTESEMOÇÃO É TRAÇO DOS ANIMAIS SUPERIORESEMOÇÃO É SINAL DE INTELIGÊNCIAEMOÇÃO NÃO SE OPÕE A RAZÃOSEM EMOÇÃO, A RAZÃO NÃO FUNCIONAA EMOÇÃÕ TRANSFORMA COMO AMENTE LIDA COM AS IMAGENS MENTAIS

Page 22: Interfaces Digitais: Design, Estética e Interações 3

AFETIVIDADE

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

A BELEZA, ALEGRIA, PRAZER OUSENSIBILIDADE SÃO CAPAZES DE ALTERARNOSSOS ESTADOS EMOCIONAIS

ESTADOS EMOCIONAIS MUDAM A FORMACOMO O SISTEMA COGNITIVO OPERA

O SISTEMA COGNITIVO DETERMINA COMOLEMOS E INTERPRETAMOS O MUNDO

OBJETOS ATRAENTES FUNCIONAM MELHOR

Page 23: Interfaces Digitais: Design, Estética e Interações 3

AFETIVIDADE

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

ANSIEDADE, IRRITAÇÃO

FELICIDADE, PRAZER

ESTREITAMENTO, FOCO IMAGINAÇÃO, AMPLIACÃO

RA

CIO

CÍN

IO

RA

OEMOÇÕESNEGATIVASFOCALIZAM A COGNIÇÃO

EMOÇÕESPOSITIVAS

AMPLIAM ACOGNIÇÃO

Page 24: Interfaces Digitais: Design, Estética e Interações 3

3 NÍVEIS DA EMOÇÃO NO DESIGN

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

VISCERALCOMPORTAMENTALREFLEXIVO

Page 25: Interfaces Digitais: Design, Estética e Interações 3

3 NÍVEIS DA EMOÇÃO NO DESIGN

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

VISCERALCOMPORTAMENTALREFLEXIVO

JULGAMENTOS RÁPIDOS(BOM/RUIM/PERIGOSO)PRIMEIRO ESTÁGIO DO PROCESSAMENTO AFETIVO (EMPATIA/ANTIPATIA)

RELACIONADO À APARÊNCIA, VISUALIDADE, SEDUÇÃO, ATRAÇÃO, FORMA

Page 26: Interfaces Digitais: Design, Estética e Interações 3

3 NÍVEIS DA EMOÇÃO NO DESIGN

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

VISCERALCOMPORTAMENTALREFLEXIVO

FUNCIONAMENTO DAS COISAS(PRATICIDADE/UTILIDADE)NÍVEL INCONSCIENTE

PRÁTICA, HÁBITO, COSTUMESENTIMENTO DECORRENTE DE UMA AÇÃO,REFLEXOS OU RESPOSTA A ESTÍMULOS

Page 27: Interfaces Digitais: Design, Estética e Interações 3

3 NÍVEIS DA EMOÇÃO NO DESIGN

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

VISCERALCOMPORTAMENTALREFLEXIVO

INTELIGÊNCIA/RAZÃO/LÓGICA/SENTIDOSENTIMENTO CONSCIENTE

COMPREENÇÃO DOS EFEITOS E CONSEQÜÊNCIASDESCOBERTA DAS MECÂNICAS E ESSÊNCIASATUALIZAÇÃO DO SISTEMA NERVOSO CENTRAL

Page 28: Interfaces Digitais: Design, Estética e Interações 3

3 NÍVEIS DA EMOÇÃO NO DESIGN

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

PREOCUPAÇÕES ESTÉTICAS E USABILIDADE FUNCIONAL SE DIRIGEM PARA OS MESMOS PROPÓSITOS E NÃO

PODEM SER DISSOCIADOS

DESIGN FUNCIONAL (PRÁTICO, ÚTIL) É DESIGN COM BOA USABILIDADE

BOA USABILIDADEDEPENDE DA NOSSA COGNIÇÃO

ESTADO EMOCIONAL DEPENDE DE ESTÍMULOS ESTÉTICOS

COGNIÇÃO DEPENDE DO NOSSO ESTADO EMOCIONAL

Page 29: Interfaces Digitais: Design, Estética e Interações 3

FLOW THEORY

AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA

O ESTADO DE “FLOW”D

ES

AF

IO

HABILIDADE

ANSIEDADE

MONOTONIA /

APATIA

FLUXO

Page 30: Interfaces Digitais: Design, Estética e Interações 3

BIBLIOGRAFIAANTONELLI, PAOLA. TALK TO ME - DESIGN AND THE COMMUNICATION BETWEEN PEOPLE AND OBJECTSCARDOSO, RAFAEL. DESIGN PARA UM MUNDO COMPLEXOCSIKSZENTMIHALYI, MIHALY. FINDING FLOW . FLOW: THE PSYCHOLOGY OF OPTIMAL EXPERIENCEDAMÁSIO, ANTÓNIO. O MISTÉRIO DA CONSCIÊNCIAKRUG, STEVE. DON’T MAKE ME THINKLEVETIN, DANIEL. FOUNDATIONS OF COGNITIVE PSYCHOLOGY - CORE READINGSMAEDA, JOHN. AS LEIS DA SIMPLICIDADENIELSEN, JAKOB. USABILITY ENGINEERING . PRIORITIZING WEB USABILITYNORMAN, DONALD. THE PSYCHOLOGY OF EVERYDAY THINGS . DESIGN EMOCIONAL . DESIGN DO FUTUROPINKER, STEVEN. COMO A MENTE FUNCIONAPREECE, JENNIFER; ROGERS, YVONNE & SHARP, HELEN. DESIGN DE INTERAÇÃOSURI, JANE FULTON. THOUGHTLESS ACTS? OBSERVATIONS ON INTUITIVE DESIGN

♖AULA 3USABILIDADE

PRINCÍPIOS DA ENGENHARIA DE USABILIDADEAFFORDANCES

OS TRÊS BULES DE CHÁAFETIVIDADE / JOY OF USE

FLOW THEORYBIBLIOGRAFIA