SlideShare uma empresa Scribd logo
1 de 46
Baixar para ler offline
Por Fabricio Araújo & Ítala Celly
Mas o que é,
exatamente, interação?
“Por interaçãonos referimos a
qualquer comunicação entre o usuário e o
computador, seja direta ou indireta”.
DIX, FINLAY, ABOWD e BEALE (1998)
Mau
Design
Bom
Design
O que projetar
• Considerar no que as pessoas são boas ou não
• Considerar o que pode auxiliar as pessoas na sua atual
maneira de fazer as coisas
• Pensar no que pode proporcionar experiências de
qualidade ao usuário
• Ouvir o que as pessoas querem e envolvê-las no design
• Utilizar técnicas baseadas no usuário “testadas e
aprovadas” durante o processo de design
Construir um projeto interativo capaz
de atender as necessidades de seus usuários é
uma missão desafiadora [ROCHA e BARNAUSKAS, 2003]
“Por design de interação, entendemos
o seguinte: design de produtos interativos que
fornecem suporte às atividades cotidianas das
pessoas, seja no lar ou no trabalho.”
(PREECE, ROGERS e SHARP, 2005)
Arquitetos x Engenheiros
- Terry
Winograd
Multidisciplinaridade
(PREECE, ROGERS e SHARP, 2005)
Multidisciplinaridade
(PREECE, ROGERS e SHARP, 2005)
Design da Interação e
Negócios
O PROCESSO DO DESIGN DE
INTERAÇÃO
1. Identificação das necessidades do produto
avaliado e apresentação de propostas de
requisitos para correção do problema.
O PROCESSO DO DESIGN DE
INTERAÇÃO
2. Desenvolvimento de designs alternativos ao
pré-existente, capazes de preencher os
requisitos propostos no item anterior.
O PROCESSO DO DESIGN DE
INTERAÇÃO
3. Construção de versões interativas dos
designs propostos inicialmente, de maneira a
serem analisados posteriormente.
O PROCESSO DO DESIGN DE
INTERAÇÃO
4. Avaliação do que está sendo construído, no
decorrer do processo de desenvolvimento.
Metas
DO DESIGN DE INTERAÇÃO
• Eficácia: Regra geral que busca saber o
quanto um sistema é bom ao fazer o que se
espera dele, permitindo que o usuário
aprenda, realize seus trabalhos, acesse as
informações que necessita, e realize os demais
serviços que desejar de forma satisfatória.
• Eficiência: Refere-se à maneira de o sistema
auxiliar os usuários no desenvolvimento de
suas tarefas, fornecendo suporte a serviços
comuns, salvando dados a fim de evitar a
repetição do fornecimento de dados, e
mantendo alto nível de produtividade após o
aprendizado inicial.
• Segurança: Segundo PREECE, ROGERS E
SHARP (2005) “implica proteger o usuário de
condições perigosas e situações indesejáveis,
referindo-se às condições externas” (como em
maquinas de raios-X ou em indústrias
químicas) e às demais situações em que o
sistema deve evitar que os usuários realizem
ações indesejáveis acidentalmente.
• Utilidade: O sistema deve oferecer ao usuário
conjuntos de funções que permitam a
realização de tarefas da maneira desejada.
• Learnability (ou capacidade de aprendizagem): Diz
respeito ao quão fácil é aprender a utilizar determinado
sistema e quanto tempo o usuário leva para iniciar o
uso das tarefas fundamentais e para aprender o
conjunto de operações necessárias para realizar
conjuntos amplos de tarefas.
• Memorability (ou capacidade de
memorização): É a facilidade de lembrar como
se utiliza o sistema, após já ter aprendido como
fazê-lo, mesmo em casos que o sistema não é
utilizado com muita freqüência. Diz respeito a
que tipos de suporte de interface são fornecidos
para auxiliar os usuários a lembrar como realizar
tarefas.
Metas DECORRENTES DA
Experiência do Usuário
(PREECE, ROGERS e SHARP, 2005)
PRINCÍPIOS DE DESIGN E
USABILIDADE
1. Visibilidade – quanto mais visíveis forem as funções do sistema, mais os
usuários saberão o que fazer.
2. Feedback – refere-se ao retorno que o usuário recebe após suas ações,
permitindo que ele continue suas atividades.
3. Restrições – diz respeito à especificar quais áreas e quais funções o usuário
pode utilizar, desativando opções impossíveis ou, em casos de sites ou
softwares, sombreando botões que não podem ser clicados.
4. Mapeamento – diz respeito à relação entre os controles e seus efeitos,
geralmente seguindo uma convenção, como no caso dos botões de controle de
som.
5. Consistência – diz respeito à projeção de interfaces que possuam operações
comuns entre si, utilizando elementos semelhantes para a realização de tarefas
parecidas.
6. Affordance – refere-se ao atributo de um objeto que permite às pessoas
saber como utilizá-los, ou seja, significa “dar uma pista” (NORMAN, 1988)
Design Centrado no
Usuário
Design with the user,
rather than design
for the user... - Terry
Winograd
Bibliografia
PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de Interação: Além da
Interação homemcomputador. Editora Bookman, São Paulo: 2005.
ROCHA, Heloísa Vieira; BARNAUSKAS, Maria Cecília Calani. Design e avaliação de
interfaces humanocomputador. 2000. Disponível em:
< http://pan.nied.unicamp.br/download_livro/livro-design-aval.zip>

Mais conteúdo relacionado

Mais procurados

Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisJane Vita
 
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosCurso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosJulien Condamines
 
Criatividade e Inovação
Criatividade e InovaçãoCriatividade e Inovação
Criatividade e InovaçãoRenato Melo
 
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
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designerRoney Sousa
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSDiego Moraes
 
Desenvolvimento Mobile
Desenvolvimento MobileDesenvolvimento Mobile
Desenvolvimento MobileElton Minetto
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10LucasMansueto
 
Aula 01 - Ms PowerPoint
Aula 01 - Ms  PowerPointAula 01 - Ms  PowerPoint
Aula 01 - Ms PowerPointRoney Sousa
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]Robson Santos
 
Narrativas & Jogos Digitais
Narrativas & Jogos DigitaisNarrativas & Jogos Digitais
Narrativas & Jogos DigitaisJosé Bidarra
 
Introdução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIntrodução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIury Lira
 
Navegadores de internet
Navegadores de internetNavegadores de internet
Navegadores de internetVelosa007
 

Mais procurados (20)

Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos Móveis
 
Pensamento computacional
Pensamento computacional Pensamento computacional
Pensamento computacional
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosCurso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
 
Criatividade e Inovação
Criatividade e InovaçãoCriatividade e Inovação
Criatividade e Inovação
 
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
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
 
Aula - Metodologias Ágeis
Aula - Metodologias ÁgeisAula - Metodologias Ágeis
Aula - Metodologias Ágeis
 
Desenvolvimento Mobile
Desenvolvimento MobileDesenvolvimento Mobile
Desenvolvimento Mobile
 
Programacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de EnsinodocProgramacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de Ensinodoc
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10
 
Aula 01 - Ms PowerPoint
Aula 01 - Ms  PowerPointAula 01 - Ms  PowerPoint
Aula 01 - Ms PowerPoint
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
Narrativas & Jogos Digitais
Narrativas & Jogos DigitaisNarrativas & Jogos Digitais
Narrativas & Jogos Digitais
 
Algoritmo aula 01-f
Algoritmo   aula 01-fAlgoritmo   aula 01-f
Algoritmo aula 01-f
 
Introdução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIntrodução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento Móvel
 
Navegadores de internet
Navegadores de internetNavegadores de internet
Navegadores de internet
 

Destaque

Ciencias naturales sistema inmunológico
Ciencias naturales sistema inmunológicoCiencias naturales sistema inmunológico
Ciencias naturales sistema inmunológicofelix
 
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çãoPedro Marcel Azevedo
 
Usabilidade de aplicações
Usabilidade de aplicaçõesUsabilidade de aplicações
Usabilidade de aplicaçõesVitor Julião
 
Design para TV Interativa - IETV 2008
Design para TV Interativa - IETV 2008Design para TV Interativa - IETV 2008
Design para TV Interativa - IETV 2008Lauro Teixeira
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeAlan Vasconcelos
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberaneguest2da055
 
Identificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCIdentificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCAlanna Gianin
 
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuUsabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuMarcello Cardoso
 
Palestra Fundamentos do Design de Objetos
Palestra Fundamentos do Design de ObjetosPalestra Fundamentos do Design de Objetos
Palestra Fundamentos do Design de ObjetosKao Tokio
 
Princípios de design
Princípios de designPrincípios de design
Princípios de designTersis Zonato
 
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Talita Pagani
 
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
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Mourylise Heymer
 
44658318 ciencias-naturales-6°-sexto-grado-ciclo-escolar-2010-2011
44658318 ciencias-naturales-6°-sexto-grado-ciclo-escolar-2010-201144658318 ciencias-naturales-6°-sexto-grado-ciclo-escolar-2010-2011
44658318 ciencias-naturales-6°-sexto-grado-ciclo-escolar-2010-2011Mari Xivita
 

Destaque (17)

Ciencias naturales sistema inmunológico
Ciencias naturales sistema inmunológicoCiencias naturales sistema inmunológico
Ciencias naturales sistema inmunológico
 
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
 
Princípios do Design Universal
Princípios do Design UniversalPrincípios do Design Universal
Princípios do Design Universal
 
Usabilidade de aplicações
Usabilidade de aplicaçõesUsabilidade de aplicações
Usabilidade de aplicações
 
Design para TV Interativa - IETV 2008
Design para TV Interativa - IETV 2008Design para TV Interativa - IETV 2008
Design para TV Interativa - IETV 2008
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
Identificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCIdentificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHC
 
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuUsabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
 
Palestra Fundamentos do Design de Objetos
Palestra Fundamentos do Design de ObjetosPalestra Fundamentos do Design de Objetos
Palestra Fundamentos do Design de Objetos
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
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
 
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
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010
 
44658318 ciencias-naturales-6°-sexto-grado-ciclo-escolar-2010-2011
44658318 ciencias-naturales-6°-sexto-grado-ciclo-escolar-2010-201144658318 ciencias-naturales-6°-sexto-grado-ciclo-escolar-2010-2011
44658318 ciencias-naturales-6°-sexto-grado-ciclo-escolar-2010-2011
 

Semelhante a O que é interação e como projetar interfaces centradas no usuário

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 NielsenRos Galabo, PhD
 
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeErgonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeDra. Camila Hamdan
 
Projeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumoProjeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumoGustavo Alcantara
 
Interface com o usuário
Interface com o usuárioInterface com o usuário
Interface com o usuárioirlss
 
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
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototypeeudisnet
 
Addtech - Usabilidade
Addtech - UsabilidadeAddtech - Usabilidade
Addtech - Usabilidade.add
 
Avaliaçãp
AvaliaçãpAvaliaçãp
Avaliaçãpclimack
 
IHC - Questionario
IHC - QuestionarioIHC - Questionario
IHC - QuestionarioJonatas Melo
 
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...Rafael Burity
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfJulioCesar371362
 
Aula6 - Estilos, guias, padrões
Aula6 - Estilos, guias, padrõesAula6 - Estilos, guias, padrões
Aula6 - Estilos, guias, padrõesSilvia Dotta
 
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...Luiz Agner
 
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...Monique Tavares
 

Semelhante a O que é interação e como projetar interfaces centradas no usuário (20)

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
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeErgonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
Projeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumoProjeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumo
 
Interface com o usuário
Interface com o usuárioInterface com o usuário
Interface com o usuário
 
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 com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
Addtech - Usabilidade
Addtech - UsabilidadeAddtech - Usabilidade
Addtech - Usabilidade
 
Avaliaçãp
AvaliaçãpAvaliaçãp
Avaliaçãp
 
IHC - Questionario
IHC - QuestionarioIHC - Questionario
IHC - Questionario
 
Aula5 ihm
Aula5 ihmAula5 ihm
Aula5 ihm
 
Aula 1
Aula 1Aula 1
Aula 1
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
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...
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
 
Aula6 - Estilos, guias, padrões
Aula6 - Estilos, guias, padrõesAula6 - Estilos, guias, padrões
Aula6 - Estilos, guias, padrões
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
 
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
 

O que é interação e como projetar interfaces centradas no usuário

  • 1. Por Fabricio Araújo & Ítala Celly
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Mas o que é, exatamente, interação?
  • 17. “Por interaçãonos referimos a qualquer comunicação entre o usuário e o computador, seja direta ou indireta”. DIX, FINLAY, ABOWD e BEALE (1998)
  • 20. • Considerar no que as pessoas são boas ou não • Considerar o que pode auxiliar as pessoas na sua atual maneira de fazer as coisas • Pensar no que pode proporcionar experiências de qualidade ao usuário • Ouvir o que as pessoas querem e envolvê-las no design • Utilizar técnicas baseadas no usuário “testadas e aprovadas” durante o processo de design
  • 21.
  • 22. Construir um projeto interativo capaz de atender as necessidades de seus usuários é uma missão desafiadora [ROCHA e BARNAUSKAS, 2003]
  • 23. “Por design de interação, entendemos o seguinte: design de produtos interativos que fornecem suporte às atividades cotidianas das pessoas, seja no lar ou no trabalho.” (PREECE, ROGERS e SHARP, 2005)
  • 24. Arquitetos x Engenheiros - Terry Winograd
  • 25.
  • 28. Design da Interação e Negócios
  • 29. O PROCESSO DO DESIGN DE INTERAÇÃO 1. Identificação das necessidades do produto avaliado e apresentação de propostas de requisitos para correção do problema.
  • 30. O PROCESSO DO DESIGN DE INTERAÇÃO 2. Desenvolvimento de designs alternativos ao pré-existente, capazes de preencher os requisitos propostos no item anterior.
  • 31. O PROCESSO DO DESIGN DE INTERAÇÃO 3. Construção de versões interativas dos designs propostos inicialmente, de maneira a serem analisados posteriormente.
  • 32. O PROCESSO DO DESIGN DE INTERAÇÃO 4. Avaliação do que está sendo construído, no decorrer do processo de desenvolvimento.
  • 33. Metas DO DESIGN DE INTERAÇÃO
  • 34. • Eficácia: Regra geral que busca saber o quanto um sistema é bom ao fazer o que se espera dele, permitindo que o usuário aprenda, realize seus trabalhos, acesse as informações que necessita, e realize os demais serviços que desejar de forma satisfatória.
  • 35. • Eficiência: Refere-se à maneira de o sistema auxiliar os usuários no desenvolvimento de suas tarefas, fornecendo suporte a serviços comuns, salvando dados a fim de evitar a repetição do fornecimento de dados, e mantendo alto nível de produtividade após o aprendizado inicial.
  • 36. • Segurança: Segundo PREECE, ROGERS E SHARP (2005) “implica proteger o usuário de condições perigosas e situações indesejáveis, referindo-se às condições externas” (como em maquinas de raios-X ou em indústrias químicas) e às demais situações em que o sistema deve evitar que os usuários realizem ações indesejáveis acidentalmente.
  • 37. • Utilidade: O sistema deve oferecer ao usuário conjuntos de funções que permitam a realização de tarefas da maneira desejada.
  • 38. • Learnability (ou capacidade de aprendizagem): Diz respeito ao quão fácil é aprender a utilizar determinado sistema e quanto tempo o usuário leva para iniciar o uso das tarefas fundamentais e para aprender o conjunto de operações necessárias para realizar conjuntos amplos de tarefas.
  • 39. • Memorability (ou capacidade de memorização): É a facilidade de lembrar como se utiliza o sistema, após já ter aprendido como fazê-lo, mesmo em casos que o sistema não é utilizado com muita freqüência. Diz respeito a que tipos de suporte de interface são fornecidos para auxiliar os usuários a lembrar como realizar tarefas.
  • 41. (PREECE, ROGERS e SHARP, 2005)
  • 42. PRINCÍPIOS DE DESIGN E USABILIDADE
  • 43. 1. Visibilidade – quanto mais visíveis forem as funções do sistema, mais os usuários saberão o que fazer. 2. Feedback – refere-se ao retorno que o usuário recebe após suas ações, permitindo que ele continue suas atividades. 3. Restrições – diz respeito à especificar quais áreas e quais funções o usuário pode utilizar, desativando opções impossíveis ou, em casos de sites ou softwares, sombreando botões que não podem ser clicados. 4. Mapeamento – diz respeito à relação entre os controles e seus efeitos, geralmente seguindo uma convenção, como no caso dos botões de controle de som. 5. Consistência – diz respeito à projeção de interfaces que possuam operações comuns entre si, utilizando elementos semelhantes para a realização de tarefas parecidas. 6. Affordance – refere-se ao atributo de um objeto que permite às pessoas saber como utilizá-los, ou seja, significa “dar uma pista” (NORMAN, 1988)
  • 45. Design with the user, rather than design for the user... - Terry Winograd
  • 46. Bibliografia PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de Interação: Além da Interação homemcomputador. Editora Bookman, São Paulo: 2005. ROCHA, Heloísa Vieira; BARNAUSKAS, Maria Cecília Calani. Design e avaliação de interfaces humanocomputador. 2000. Disponível em: < http://pan.nied.unicamp.br/download_livro/livro-design-aval.zip>