SlideShare a Scribd company logo
1 of 36
Download to read offline
Interação
Humano-Computador
Ticianne Darin
Aula 3
Introdução ao Design de Interação
3
(Lawson, 2006; Löwgren e
Stolterman, 2004)Definição de Design
1. Análise da Situação Atual;
2. Síntese de uma Solução (intervenção);
3. Avaliação da Nova Situação.
Design sempre analisa uma situação
e resolve um problema, ou melhora
a solução que já existe.
Sempre.
Já vimos que o design ruim
pode trazer consequências
ruins.
O que é Design de Interação?
8
(Preece, Sharp e Rogers, 2013]
Definição de Design de Interação
Por design de interação, entende-se:
 Projetar produtos interativos para apoiar o modo como as
pessoas se comunicam e interagem em seus cotidianos,
seja em casa ou no trabalho.
 Isso significa criar experiências de usuário que melhorem e
ampliem a maneira como as pessoas trabalham, se comunicam
e interagem.
9
Definição de Design de Interação
 O projeto de espaços para comunicação e interação humana
(Winograd, 1997);
 O porquê e o como de nossas interações cotidianas usando
computadores (Thackara, 2001);
 A arte de facilitar as interações entre os seres humanos por
meio de produtos e serviços (Saffer, 2010).
10
Design de Interação
 Cobre aspectos como:
– Design de interface do usuário, projeto de
software, design centrado no usuário, design de
produto, web design, design de experiência e
design de sistemas interativos.
 Foca na prática, ou seja, em como
criar experiências de usuário;
 Promove o uso de uma gama de
métodos, técnicas e frameworks;
 É multidisciplinar.
Então o Design de interação vai
além de IHC?
DESIGN DE
INTERAÇÃO
Disciplinas acadêmicas:
Ergonomia
Psicologia/Ciência
cognitiva
Design
Informática
Engenharia
Ciência da computação/
Engenharia de Software
Ciências sociais
Práticas em design:
Design gráfico
Design de Produto
Design artístico
Design industrial
Indústria de filmes
Sistemas de informação
Trabalho cooperativo
suportado por
computador (CSCW)
Computação
ubíqua
Fatores
Humanos (FH) Engenharia
Cognitiva
Interação
Humano-Computador
(IHC)
Ergonomia
cognitiva
Campos sobrepostos interdisciplinares
Experiência de usuário
Como é sua experiência com impressoras?
Impressoras, ao contrário de
outras tecnologias, são
marcantes pelo fato de que
são tão ruins e não confiáveis
hoje, quanto eram em 1995.
Atualmente acredita-se que
elas foram enviadas para
inspirar raiva, repugnância
e desejos assassinos no
coração da humanidade.
Absolutamente a pior parte? A interface física.
Como vou saber o que estes ícones significam,
e o que os botões fazem?
“
”
Opa, a luz de erro está acesa...
Melhor checar por todos os erros possíveis!
“ ”
A noção de experiência de usuário é
central para o design de interação.
19
Experiência de Usuário
 Todo produto usado por alguém envolve uma experiência
de usuário;
 Diz respeito a como as pessoas se sentem em relação a um
produto e ao prazer e à satisfação que obtêm ao usá-lo;
 Inclui impressões sobre o quanto é bom usá-lo, passando pelo
efeito sensorial de pequenos detalhes.
 Não se pode projetar uma experiência de usuário, mas
apenas para uma experiência de usuário.
20
Experiência de Usuário: o que
considerar?
 Aspectos importantes: usabilidade, funcionalidade, estética,
conteúdo, look and feel, apelos sensorial e emocional;
 Aspectos de grande alcance: divertimento, saúde, capital social
e identidade social;
 Aspectos subjetivos: expectativas dos usuários e como interpretam
suas experiências ao usar um produto.
Existe uma fórmula mágica que ajude
o designer de interação a considerar
todos esses aspectos no projeto?
Não 
Mas existem frameworks conceituais, diretrizes,
métodos de design e pesquisas que podem ajudar :)
Processo de
Design de Interação
24
Modelo Simples do Processo de Design em IHC
(Design de Interação - Preece, Sharp e Rogers 2007)
Identificar
necessidades
e requisitos
Design
Construir
protótipo
Avaliar
Produto Final
(Re)Design
Design de Interação e a
Experiência de Usuário
27
Metas de usabilidade e experiência
de usuário
 Metas de usabilidade: preocupam-se com um conjunto de critérios
de usabilidade específicos. Ex.: eficiência;
 Metas da experiência de usuário: tratam de explicar a natureza da
experiência do usuário. Ex.: ser esteticamente agradável;
 A usabilidade é fundamental para a qualidade da experiência de
usuário, e os aspectos da experiência de usuário estão intimamente
ligados a quão usável é o produto.
A usabilidade visa assegurar que os
produtos interativos sejam fáceis de
aprender a usar, eficazes e agradáveis
– na perspectiva do usuário.
29
Metas de usabilidade
 Eficácia: se refere a quanto um produto é bom em fazer
o que se espera dele;
 Eficiência: se refere à maneira como um produto auxilia
os usuário na realização de suas tarefas;
 Segurança no uso: envolve proteger o usuário em condições
perigosas e situações indesejáveis;
30
Metas de usabilidade
 Utilidade: refere-se à medida na qual o produto oferece o tipo
certo de funcionalidade, de modo que os usuários possam fazer
aquilo que precisam/desejam;
 Facilidade de aprendizado (Learnability): refere-se à facilidade de
aprender a usar um sistema;
 Facilidade de recordação (Memorability): refere-se à facilidade de
lembrar como utilizar um sistema depois de já tê-lo aprendido.
31
Metas da experiência de usuário
Aspectos desejáveis:
Satisfatório
Agradável
Atraente
Prazeroso
Emocionante
Interessante
Prestativo
Motivador
Desafiador
Melhora a sociabilidade
Apoia a criatividade
Cognitivamente estimulante
Divertido
Instigante
Surpreendente
Recompensador
Emocionalmente gratificante
32
Metas da experiência de usuário
Aspectos indesejáveis:
Tedioso
Frustrante
Faz com que alguém se
sinta culpado
Irritante
Infantil
Desprazeroso
Condescendente
Faz com que alguém se
sinta estúpido
Forçosamente bonito
Artificial/falso
33
Princípios de design
 Dos and Don’ts do Design de Interação;
 Servem para ajudar o designer de interação a refletir durante o
projeto da experiência de usuário.
 São abstrações generalizáveis destinadas a orientar o pensamento
do designer sobre aspectos diferentes do design;
 Conhecimento baseado em teoria, experiência e bom senso.
Estudo de Caso
Dúvidas?
Em vindo a soberba, sobrevém
a desonra, mas com os humildes
está a sabedoria.
Provérbios 11.3
Até a próxima aula!

More Related Content

What's hot

Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroFábio Gonçalves
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalMarconi Pacheco
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1Robson Santos
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interaçãoRobson Santos
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicosEduardo Xavier
 
Aula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-MáquinaAula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-MáquinaSilvia Dotta
 
Ihc2016.2 aula. 12 construindo versões interativas dos designs
Ihc2016.2 aula. 12   construindo versões interativas dos designsIhc2016.2 aula. 12   construindo versões interativas dos designs
Ihc2016.2 aula. 12 construindo versões interativas dos designsTicianne Darin
 
Perfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCPerfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCRos Galabo, PhD
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEMÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEAndrea Dalforno
 
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9    engenharia cognitiva e teoria da açãoIhc2016.2 aula 9    engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9 engenharia cognitiva e teoria da açãoTicianne Darin
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoAlan Vasconcelos
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosAlan Vasconcelos
 

What's hot (20)

Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface Digital
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Usabilidade - Metas, Principios e Heuristicas
Usabilidade -  Metas, Principios e HeuristicasUsabilidade -  Metas, Principios e Heuristicas
Usabilidade - Metas, Principios e Heuristicas
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicos
 
Usabilidade IHC
Usabilidade IHCUsabilidade IHC
Usabilidade IHC
 
Aula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-MáquinaAula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-Máquina
 
Ihc2016.2 aula. 12 construindo versões interativas dos designs
Ihc2016.2 aula. 12   construindo versões interativas dos designsIhc2016.2 aula. 12   construindo versões interativas dos designs
Ihc2016.2 aula. 12 construindo versões interativas dos designs
 
Perfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHCPerfil do usuário, Personas, Cenários, Storyboard em IHC
Perfil do usuário, Personas, Cenários, Storyboard em IHC
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEMÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
 
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9    engenharia cognitiva e teoria da açãoIhc2016.2 aula 9    engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
 

Similar to Ihc2016.2 aula 3 introdução ao design de interação

Jordana Mello
Jordana MelloJordana Mello
Jordana Melloossobuco
 
User experience
User  experience User  experience
User experience espinha22
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User ExperienceEliaraujo
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AIklaibert
 
User experience
User experienceUser experience
User experiencecarleine
 
User experience - IHM
User experience - IHM User experience - IHM
User experience - IHM DjulianeT
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Impacta Eventos
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceEdu Agni
 
Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7Melina Alves
 

Similar to Ihc2016.2 aula 3 introdução ao design de interação (20)

Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
 
User experience
User  experience User  experience
User experience
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User Experience
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Seminario
SeminarioSeminario
Seminario
 
Apresentação tarefa 2 ihm
Apresentação tarefa 2 ihmApresentação tarefa 2 ihm
Apresentação tarefa 2 ihm
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
 
User experience
User experienceUser experience
User experience
 
Design de interacao
Design de interacaoDesign de interacao
Design de interacao
 
User eXperience
User eXperienceUser eXperience
User eXperience
 
User Experience
User ExperienceUser Experience
User Experience
 
User experience - IHM
User experience - IHM User experience - IHM
User experience - IHM
 
User experiense
User experienseUser experiense
User experiense
 
User experience
User experienceUser experience
User experience
 
UX testing - Onde podemos contribnuir?
UX testing - Onde podemos contribnuir?UX testing - Onde podemos contribnuir?
UX testing - Onde podemos contribnuir?
 
UX da Questão
UX da QuestãoUX da Questão
UX da Questão
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerce
 
Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7
 

More from Ticianne Darin

Ihc2016.2 aula. 13 Avaliação em IHC
Ihc2016.2 aula. 13  Avaliação em IHCIhc2016.2 aula. 13  Avaliação em IHC
Ihc2016.2 aula. 13 Avaliação em IHCTicianne Darin
 
Ihc2016.2 aula. 11 projetando a interação
Ihc2016.2 aula. 11   projetando a interaçãoIhc2016.2 aula. 11   projetando a interação
Ihc2016.2 aula. 11 projetando a interaçãoTicianne Darin
 
Hd 2016.1 aula.16 - panorama do design no brasil
Hd 2016.1 aula.16 - panorama do design no brasilHd 2016.1 aula.16 - panorama do design no brasil
Hd 2016.1 aula.16 - panorama do design no brasilTicianne Darin
 
Ihc2016.2 aula. 10 coleta e análise de dados
Ihc2016.2 aula. 10  coleta e análise de dadosIhc2016.2 aula. 10  coleta e análise de dados
Ihc2016.2 aula. 10 coleta e análise de dadosTicianne Darin
 
Hd 2016.1 aula.15 - design pós-moderno
Hd 2016.1 aula.15 - design pós-modernoHd 2016.1 aula.15 - design pós-moderno
Hd 2016.1 aula.15 - design pós-modernoTicianne Darin
 
Ihc2016.2 aula 7 critérios de qualidade de uso
Ihc2016.2 aula 7   critérios de qualidade de usoIhc2016.2 aula 7   critérios de qualidade de uso
Ihc2016.2 aula 7 critérios de qualidade de usoTicianne Darin
 
Hd 2016.1 aula.14 - art deco e streamline
Hd 2016.1 aula.14 - art deco e streamlineHd 2016.1 aula.14 - art deco e streamline
Hd 2016.1 aula.14 - art deco e streamlineTicianne Darin
 
Ihc2016.2 aula 6 interface e modelo de interação
Ihc2016.2 aula 6   interface e modelo de interaçãoIhc2016.2 aula 6   interface e modelo de interação
Ihc2016.2 aula 6 interface e modelo de interaçãoTicianne Darin
 
Hd 2016.1 aula.13 - estilo internacional
Hd 2016.1 aula.13 - estilo internacionalHd 2016.1 aula.13 - estilo internacional
Hd 2016.1 aula.13 - estilo internacionalTicianne Darin
 
Ihc2016.2 aula 5 contexto de uso e interação
Ihc2016.2 aula 5   contexto de uso e interaçãoIhc2016.2 aula 5   contexto de uso e interação
Ihc2016.2 aula 5 contexto de uso e interaçãoTicianne Darin
 
Hd 2016.1 aula.12 - de stijl
Hd 2016.1 aula.12 - de stijlHd 2016.1 aula.12 - de stijl
Hd 2016.1 aula.12 - de stijlTicianne Darin
 
Ihc2016.2 aula 4 design conceitual
Ihc2016.2 aula 4   design conceitualIhc2016.2 aula 4   design conceitual
Ihc2016.2 aula 4 design conceitualTicianne Darin
 
Hd 2016.1 aula.11_bauhaus
Hd 2016.1 aula.11_bauhausHd 2016.1 aula.11_bauhaus
Hd 2016.1 aula.11_bauhausTicianne Darin
 
Hd 2016.1 aula.10_construtivismo russo
Hd 2016.1 aula.10_construtivismo russoHd 2016.1 aula.10_construtivismo russo
Hd 2016.1 aula.10_construtivismo russoTicianne Darin
 
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismoHd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismoTicianne Darin
 
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmoHd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmoTicianne Darin
 
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismo
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismoHd 2016.1 aula 7_influências das vanguardas europeias - futurismo
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismoTicianne Darin
 
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismo
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismoHd 2016.1 aula 6_influências das vanguardas europeias - cubismo
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismoTicianne Darin
 
Ihc2016.2 aula 0 apresentação da disciplina de IHC
Ihc2016.2 aula 0 apresentação da disciplina de IHCIhc2016.2 aula 0 apresentação da disciplina de IHC
Ihc2016.2 aula 0 apresentação da disciplina de IHCTicianne Darin
 
Hd 2016.1 aula 5_vanguardas do início do século xx (1)
Hd 2016.1 aula 5_vanguardas do início do século xx (1)Hd 2016.1 aula 5_vanguardas do início do século xx (1)
Hd 2016.1 aula 5_vanguardas do início do século xx (1)Ticianne Darin
 

More from Ticianne Darin (20)

Ihc2016.2 aula. 13 Avaliação em IHC
Ihc2016.2 aula. 13  Avaliação em IHCIhc2016.2 aula. 13  Avaliação em IHC
Ihc2016.2 aula. 13 Avaliação em IHC
 
Ihc2016.2 aula. 11 projetando a interação
Ihc2016.2 aula. 11   projetando a interaçãoIhc2016.2 aula. 11   projetando a interação
Ihc2016.2 aula. 11 projetando a interação
 
Hd 2016.1 aula.16 - panorama do design no brasil
Hd 2016.1 aula.16 - panorama do design no brasilHd 2016.1 aula.16 - panorama do design no brasil
Hd 2016.1 aula.16 - panorama do design no brasil
 
Ihc2016.2 aula. 10 coleta e análise de dados
Ihc2016.2 aula. 10  coleta e análise de dadosIhc2016.2 aula. 10  coleta e análise de dados
Ihc2016.2 aula. 10 coleta e análise de dados
 
Hd 2016.1 aula.15 - design pós-moderno
Hd 2016.1 aula.15 - design pós-modernoHd 2016.1 aula.15 - design pós-moderno
Hd 2016.1 aula.15 - design pós-moderno
 
Ihc2016.2 aula 7 critérios de qualidade de uso
Ihc2016.2 aula 7   critérios de qualidade de usoIhc2016.2 aula 7   critérios de qualidade de uso
Ihc2016.2 aula 7 critérios de qualidade de uso
 
Hd 2016.1 aula.14 - art deco e streamline
Hd 2016.1 aula.14 - art deco e streamlineHd 2016.1 aula.14 - art deco e streamline
Hd 2016.1 aula.14 - art deco e streamline
 
Ihc2016.2 aula 6 interface e modelo de interação
Ihc2016.2 aula 6   interface e modelo de interaçãoIhc2016.2 aula 6   interface e modelo de interação
Ihc2016.2 aula 6 interface e modelo de interação
 
Hd 2016.1 aula.13 - estilo internacional
Hd 2016.1 aula.13 - estilo internacionalHd 2016.1 aula.13 - estilo internacional
Hd 2016.1 aula.13 - estilo internacional
 
Ihc2016.2 aula 5 contexto de uso e interação
Ihc2016.2 aula 5   contexto de uso e interaçãoIhc2016.2 aula 5   contexto de uso e interação
Ihc2016.2 aula 5 contexto de uso e interação
 
Hd 2016.1 aula.12 - de stijl
Hd 2016.1 aula.12 - de stijlHd 2016.1 aula.12 - de stijl
Hd 2016.1 aula.12 - de stijl
 
Ihc2016.2 aula 4 design conceitual
Ihc2016.2 aula 4   design conceitualIhc2016.2 aula 4   design conceitual
Ihc2016.2 aula 4 design conceitual
 
Hd 2016.1 aula.11_bauhaus
Hd 2016.1 aula.11_bauhausHd 2016.1 aula.11_bauhaus
Hd 2016.1 aula.11_bauhaus
 
Hd 2016.1 aula.10_construtivismo russo
Hd 2016.1 aula.10_construtivismo russoHd 2016.1 aula.10_construtivismo russo
Hd 2016.1 aula.10_construtivismo russo
 
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismoHd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
 
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmoHd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
 
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismo
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismoHd 2016.1 aula 7_influências das vanguardas europeias - futurismo
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismo
 
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismo
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismoHd 2016.1 aula 6_influências das vanguardas europeias - cubismo
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismo
 
Ihc2016.2 aula 0 apresentação da disciplina de IHC
Ihc2016.2 aula 0 apresentação da disciplina de IHCIhc2016.2 aula 0 apresentação da disciplina de IHC
Ihc2016.2 aula 0 apresentação da disciplina de IHC
 
Hd 2016.1 aula 5_vanguardas do início do século xx (1)
Hd 2016.1 aula 5_vanguardas do início do século xx (1)Hd 2016.1 aula 5_vanguardas do início do século xx (1)
Hd 2016.1 aula 5_vanguardas do início do século xx (1)
 

Ihc2016.2 aula 3 introdução ao design de interação

  • 2. Aula 3 Introdução ao Design de Interação
  • 3. 3 (Lawson, 2006; Löwgren e Stolterman, 2004)Definição de Design 1. Análise da Situação Atual; 2. Síntese de uma Solução (intervenção); 3. Avaliação da Nova Situação.
  • 4. Design sempre analisa uma situação e resolve um problema, ou melhora a solução que já existe. Sempre.
  • 5. Já vimos que o design ruim pode trazer consequências ruins.
  • 6.
  • 7. O que é Design de Interação?
  • 8. 8 (Preece, Sharp e Rogers, 2013] Definição de Design de Interação Por design de interação, entende-se:  Projetar produtos interativos para apoiar o modo como as pessoas se comunicam e interagem em seus cotidianos, seja em casa ou no trabalho.  Isso significa criar experiências de usuário que melhorem e ampliem a maneira como as pessoas trabalham, se comunicam e interagem.
  • 9. 9 Definição de Design de Interação  O projeto de espaços para comunicação e interação humana (Winograd, 1997);  O porquê e o como de nossas interações cotidianas usando computadores (Thackara, 2001);  A arte de facilitar as interações entre os seres humanos por meio de produtos e serviços (Saffer, 2010).
  • 10. 10 Design de Interação  Cobre aspectos como: – Design de interface do usuário, projeto de software, design centrado no usuário, design de produto, web design, design de experiência e design de sistemas interativos.  Foca na prática, ou seja, em como criar experiências de usuário;  Promove o uso de uma gama de métodos, técnicas e frameworks;  É multidisciplinar.
  • 11. Então o Design de interação vai além de IHC?
  • 12. DESIGN DE INTERAÇÃO Disciplinas acadêmicas: Ergonomia Psicologia/Ciência cognitiva Design Informática Engenharia Ciência da computação/ Engenharia de Software Ciências sociais Práticas em design: Design gráfico Design de Produto Design artístico Design industrial Indústria de filmes Sistemas de informação Trabalho cooperativo suportado por computador (CSCW) Computação ubíqua Fatores Humanos (FH) Engenharia Cognitiva Interação Humano-Computador (IHC) Ergonomia cognitiva Campos sobrepostos interdisciplinares
  • 14. Como é sua experiência com impressoras?
  • 15. Impressoras, ao contrário de outras tecnologias, são marcantes pelo fato de que são tão ruins e não confiáveis hoje, quanto eram em 1995. Atualmente acredita-se que elas foram enviadas para inspirar raiva, repugnância e desejos assassinos no coração da humanidade.
  • 16. Absolutamente a pior parte? A interface física. Como vou saber o que estes ícones significam, e o que os botões fazem? “ ”
  • 17. Opa, a luz de erro está acesa... Melhor checar por todos os erros possíveis! “ ”
  • 18. A noção de experiência de usuário é central para o design de interação.
  • 19. 19 Experiência de Usuário  Todo produto usado por alguém envolve uma experiência de usuário;  Diz respeito a como as pessoas se sentem em relação a um produto e ao prazer e à satisfação que obtêm ao usá-lo;  Inclui impressões sobre o quanto é bom usá-lo, passando pelo efeito sensorial de pequenos detalhes.  Não se pode projetar uma experiência de usuário, mas apenas para uma experiência de usuário.
  • 20. 20 Experiência de Usuário: o que considerar?  Aspectos importantes: usabilidade, funcionalidade, estética, conteúdo, look and feel, apelos sensorial e emocional;  Aspectos de grande alcance: divertimento, saúde, capital social e identidade social;  Aspectos subjetivos: expectativas dos usuários e como interpretam suas experiências ao usar um produto.
  • 21. Existe uma fórmula mágica que ajude o designer de interação a considerar todos esses aspectos no projeto?
  • 22. Não  Mas existem frameworks conceituais, diretrizes, métodos de design e pesquisas que podem ajudar :)
  • 23. Processo de Design de Interação
  • 24. 24 Modelo Simples do Processo de Design em IHC (Design de Interação - Preece, Sharp e Rogers 2007) Identificar necessidades e requisitos Design Construir protótipo Avaliar Produto Final (Re)Design
  • 25. Design de Interação e a Experiência de Usuário
  • 26.
  • 27. 27 Metas de usabilidade e experiência de usuário  Metas de usabilidade: preocupam-se com um conjunto de critérios de usabilidade específicos. Ex.: eficiência;  Metas da experiência de usuário: tratam de explicar a natureza da experiência do usuário. Ex.: ser esteticamente agradável;  A usabilidade é fundamental para a qualidade da experiência de usuário, e os aspectos da experiência de usuário estão intimamente ligados a quão usável é o produto.
  • 28. A usabilidade visa assegurar que os produtos interativos sejam fáceis de aprender a usar, eficazes e agradáveis – na perspectiva do usuário.
  • 29. 29 Metas de usabilidade  Eficácia: se refere a quanto um produto é bom em fazer o que se espera dele;  Eficiência: se refere à maneira como um produto auxilia os usuário na realização de suas tarefas;  Segurança no uso: envolve proteger o usuário em condições perigosas e situações indesejáveis;
  • 30. 30 Metas de usabilidade  Utilidade: refere-se à medida na qual o produto oferece o tipo certo de funcionalidade, de modo que os usuários possam fazer aquilo que precisam/desejam;  Facilidade de aprendizado (Learnability): refere-se à facilidade de aprender a usar um sistema;  Facilidade de recordação (Memorability): refere-se à facilidade de lembrar como utilizar um sistema depois de já tê-lo aprendido.
  • 31. 31 Metas da experiência de usuário Aspectos desejáveis: Satisfatório Agradável Atraente Prazeroso Emocionante Interessante Prestativo Motivador Desafiador Melhora a sociabilidade Apoia a criatividade Cognitivamente estimulante Divertido Instigante Surpreendente Recompensador Emocionalmente gratificante
  • 32. 32 Metas da experiência de usuário Aspectos indesejáveis: Tedioso Frustrante Faz com que alguém se sinta culpado Irritante Infantil Desprazeroso Condescendente Faz com que alguém se sinta estúpido Forçosamente bonito Artificial/falso
  • 33. 33 Princípios de design  Dos and Don’ts do Design de Interação;  Servem para ajudar o designer de interação a refletir durante o projeto da experiência de usuário.  São abstrações generalizáveis destinadas a orientar o pensamento do designer sobre aspectos diferentes do design;  Conhecimento baseado em teoria, experiência e bom senso.
  • 36. Em vindo a soberba, sobrevém a desonra, mas com os humildes está a sabedoria. Provérbios 11.3 Até a próxima aula!