SlideShare uma empresa Scribd logo
O que é Design de Interação?


         lipedal@gmail.com   Felipe Estêvão Dal Molin
amariliadeabreu@gmail.com    Marília Nascimento de Abreu
                             Acadêmicos do curso de Desenho Industrial - Programação Visual
                             Projeto de Interfaces Multimídia
                             Professor Marcos Brod Jr.
O que é Design de Interação?



                PREECE, Jennifer et al.
                Design de interação:
Além da interação homem-computador.
         Porto Alegre : Bookman, 2005.
O que é Design de Interação?


                               “Design de produtos interativos que fornecem suporte às
                               atividades cotidianas das pessoas, seja no lar ou no trabalho.”




                                                                                             3/43
O que é Design de Interação?


                               Winograd (1997) descreve o design de interação como
                               “o projeto de espaços para a comunicação e interação humana”.




                                                                                         4/43
O que é Design de Interação?


                               Para Gitta Salomon: “o design de interação é o design de
                               produtos que se revelam com o tempo.”




                                                                                          5/43
O que é Design de Interação?



                               Objetivo do Design de Interação:
                               trazer a usabilidade para dentro
                               do processo de Design.




                                                                  6/43
Sobre a Usabilidade
Sobre a Usabilidade


                      Produtos interativos e cazes, agradáveis ao usuário, de fácil
                      utilização, fáceis de aprender.

                      Ter o usuário em mente.

                      Considerar onde e por quem o produto será utilizado.

                      Atividade que estão realizando ao utilizar o produto.

                      Considerar no que as pessoas são boas ou não.



                                                                                      8/43
Sobre a Usabilidade


                      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.



                                                                                      9/43
Uma breve história
Uma breve história


                     No princípio os engenheiros projetavam sistemas de hardware
                     para eles próprios.




                     Fim dos anos 70 e início dos anos 80, monitores de estações
                     de trabalho pessoais.




                                                                                   11/43
Uma breve história


                     Nos anos 80 surgiram novas tecnologias de computação.




                     Educação e treinamento.




                                                                             12/43
Uma breve história


                     Anos 90 nova onda de desenvolvimento tecnológico.




                     Nos anos 2000, capacidades emergentes de hardware, software
                     e eletrônica – middleware.




                                                                             13/43
A equipe
multidisciplinar
A equipe
             multidisciplinar


                                Psicólogos                Designers industriais

Animadores                      Sociólogos                Especialistas em treinamento

Fotógrafos                      Designers grá cos         Antropólogos

Especialistas de cinema         Artistas                  Dramaturgos

Designers de produto            Engenheiros de software   Pro ssionais de mídia

Psicólogos do desenvolvimento Cientistas da computação    Especialistas em educação

                                                                                      15/43
A equipe
multidisciplinar

                   Vantagens: maior número de idéias, novos métodos e designs
                   mais criativos e originais.

                   Desvantagens: custo, comunicação, diferenças de pensamento,
                   linguagem e percepção do mundo.




                                                                           16/43
O processo de Design
de Interação
O processo de Design
        de Interação

  Atividades básicas Identi car necessidades e estabelecer requisitos;

                       Desenvolver designs alternativos que preencham
                       esses requisitos;

                       Construir versões interativas dos designs, de maneira que
                       possam ser comunicados e analisados;

                       Avaliar o que está sendo construído durante o processo.




                                                                                   18/43
O processo de Design
        de Interação

Características-chave Os usuários devem estar envolvidos no desenvolvimento
                       do projeto;

                       A usabilidade especí ca e as metas decorrentes da experiência
                       do usuário devem ser identi cadas, claramente documentadas
                       e acordadas no início do projeto;

                       A iteração em todas as quatro atividades é inevitável.




                                                                                 19/43
O mundo dos negócios
O mundo dos negócios


                       Grande negócio.

                       Deve-se dizer que seu produto é e caz e fácil de utilizar.

                       Presença ou a ausência de um bom design de interação
                       = sucesso ou não da companhia.

                       Crescente demanda por design de interação.

                       Empresas de consultoria, como IDEO (http://www.ideo.com/)
                       e Swim Studio (http://www.swimstudio.com/)


                                                                                    21/43
As metas do Design
de Interação
As metas do Design
       de Interação

Metas de usabilidade E cácia

                      E ciência

                      Segurança

                      Utilidade

                      Aprendibilidade

                      Capacidade de memorização


                                                  23/43
As metas do Design
        de Interação

Metas de usabilidade E cácia – O sistema é bom em fazer o que se espera dele?

                       Exemplos: site de vendas em que não se compra,
                       telefone que é ruim para chamadas.




                                                                                24/43
As metas do Design
        de Interação

Metas de usabilidade E ciência – O sistema facilita a produtividade na realização
                       das tarefas?
                       Exemplos: 1-Click Order da Amazon,
                       busca no Google Chrome.




                                                                                    25/43
As metas do Design
        de Interação

Metas de usabilidade Segurança – O sistema previne o usuário de cometer erros?
                       Ele fornece formas de recuperação, caso erros sejam cometidos?
                       Exemplos: “você deseja mesmo sair?”,
                       opção de desfazer do GMail.




                                                                                 26/43
As metas do Design
        de Interação

Metas de usabilidade Utilidade – O sistema proporciona as funcionalidades
                       adequadas aos seus usuários?
                       Exemplos: calculadora do Windows, Wolfram Alpha.




                                                                            27/43
As metas do Design
        de Interação

Metas de usabilidade Aprendibilidade – É fácil aprender a usar as funções básicas do
                       sistema? Há a possibilidade de, querendo o usuário, passar para
                       funções avançadas?
                       Exemplos: atalhos do sistema, Dwarf Fortress.




                                                                                  28/43
As metas do Design
        de Interação

Metas de usabilidade Capacidade de memorização – O sistema facilita que o usuário
                       lembre de como usá-lo?
                       Exemplos: reconhecimento vs lembrança,
                       linha de comando vs ícones.




                                                                              30/43
31/43
As metas do Design
       de Interação

Metas na experiência Satisfatório    Esteticamente apreciável
          do usuário
                      Agradável      Incentivador de criatividade

                      Divertido      Compensador

                      Interessante   Emocionalmente adequado

                      Útil

                      Motivador


                                                                32/43
Princípios de
Usabilidade e Design
Princípios de
Usabilidade e Design

  Princípios comuns Visibilidade
           de design
                        Feedback

                        Restrições

                        Mapeamento

                        Consistência

                        A ordance


                                       34/43
Princípios de
Usabilidade e Design

  Princípios comuns Visibilidade – As funções importantes devem estar visíveis,
           de design ao alcance do usuário.
                        Exemplos: operações básicas em um carro,
                        Microsoft Word 2007




                                                                                  35/43
Princípios de
Usabilidade e Design

  Princípios comuns Feedback – Para cada ação do usuário, deve haver uma resposta
           de design de forma a con rmá-la.
                        Exemplos: telefone, controlador de volume, haptics.




                                                                              36/43
Princípios de
Usabilidade e Design

  Princípios comuns Restrições (física, lógica e cultural) – Restringir as opções do
           de design usuário de acordo com o contexto reduz a possibilidade de erro.
                        Exemplo: sombreamento dos menus.




                                                                                37/43
Princípios de
Usabilidade e Design

  Princípios comuns Mapeamento – Deve haver uma relação lógica entre a
           de design disposição dos controles, e seus efeitos no sistema.
                        Exemplos: controle remoto de DVD, WASD em jogos.




                                                                            38/43
Princípios de
Usabilidade e Design

  Princípios comuns Consistência – O sistema deve seguir padrões, e usar elementos
           de design semelhantes para tarefas semelhantes.
                        Exemplos: convenções de interface,
                        disposição dos menus em processadores de texto.




                                                                              39/43
Princípios de
Usabilidade e Design

  Princípios comuns A ordance – Os elementos da interface devem ser desenhados
           de design de forma a deixar claro como interagir com eles.
                        Exemplos: scroll do mouse, ícones no Photoshop...
                        e o efeito 3D nos botões?




                                                                            40/43
Princípios de
Usabilidade e Design

       10 heurísticas 1. Visibilidade do status do sistema – O sistema mantém os
      de usabilidade usuários informados sobre o que está acontecendo.
          de Nielsen 2. Compatibilidade com o mundo real –A linguagem utilizada
                        na relação entre usuário e sistema deve ser a do usuário.
                        3. Controle do usuário e liberdade – O usuário deve poder sair
                        de onde está, ou voltar para onde deseja, com facilidade.
                        4. Consistência e padrões – Não utilize palavras diferentes se
                        você quer dizer a mesma coisa.
                        5. O sistema ajuda os usuários a reconhecer, diagnosticar e
                        recuperar-se de erros – A linguagem nestes casos deve ser
                        simples e o sistema deve orientar o usuário a resolver o erro.


                                                                                   41/43
Princípios de
Usabilidade e Design

       10 heurísticas 6. Prevenção de erros – Prevenir os erros é ainda melhor
      de usabilidade do que orientar o usuário corretamente quando eles surgirem.
          de Nielsen 7. Reconhecimento em vez de memorização – Reconhecer
                        elementos é mais fácil do que memorizar comandos.
                        8. Flexibilidade e e ciência de uso – O uso da interface é feito
                        em camadas, permitindo que se possa aprofundar.
                        9. Estética e design minimalista – Evita o uso de informações
                        irrelevantes (alta relação sinal/ruído).
                        10. Ajuda e documentação – Caso se faça necessária, a ajuda
                        existe e é clara.



                                                                                     42/43
Obrigado!
Felipe Estêvão Dal Molin
Marília Nascimento de Abreu

Mais conteúdo relacionado

Mais procurados

Design Centrado no Ser Humano
Design Centrado no Ser HumanoDesign Centrado no Ser Humano
Design Centrado no Ser Humano
Juliana Feitosa Andrade
 
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
Erico Fileno
 
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
 
Princípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosPrincípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas Interativos
Wellington Oliveira
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
Rodrigo Rodrigues
 
Design Emocional
Design EmocionalDesign Emocional
Design Emocional
Edu Agni
 
Conceito Design Thinking
Conceito Design ThinkingConceito Design Thinking
Conceito Design Thinking
André Alexandre
 
Processo de Ideação
Processo de IdeaçãoProcesso de Ideação
Processo de Ideação
Adriana Fontenele
 
Aula 4 Fatores Humanos - parte 1 - Disciplina de IHC
Aula 4   Fatores Humanos - parte 1 - Disciplina de IHCAula 4   Fatores Humanos - parte 1 - Disciplina de IHC
Aula 4 Fatores Humanos - parte 1 - Disciplina de IHC
André Constantino da Silva
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
Heraldo Gonçalves Lima Junior
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
Marconi Pacheco
 
Introdução design thinking
Introdução design thinkingIntrodução design thinking
Introdução design thinking
Joana Cerejo
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
paulo_batista
 
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
Eduardo Bertolucci
 
Pensamento Computacional aula 01
Pensamento Computacional aula 01Pensamento Computacional aula 01
Pensamento Computacional aula 01
pensamentocomputacional
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
Andrea Dalforno
 
ICH - Aula5
ICH - Aula5ICH - Aula5
ICH - Aula5
Fabiano Damiati
 
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
Renato Melo
 
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
Christopher Cerqueira
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
Monica Mesquita
 

Mais procurados (20)

Design Centrado no Ser Humano
Design Centrado no Ser HumanoDesign Centrado no Ser Humano
Design Centrado no Ser Humano
 
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
 
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?
 
Princípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosPrincípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas Interativos
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
 
Design Emocional
Design EmocionalDesign Emocional
Design Emocional
 
Conceito Design Thinking
Conceito Design ThinkingConceito Design Thinking
Conceito Design Thinking
 
Processo de Ideação
Processo de IdeaçãoProcesso de Ideação
Processo de Ideação
 
Aula 4 Fatores Humanos - parte 1 - Disciplina de IHC
Aula 4   Fatores Humanos - parte 1 - Disciplina de IHCAula 4   Fatores Humanos - parte 1 - Disciplina de IHC
Aula 4 Fatores Humanos - parte 1 - Disciplina de IHC
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Introdução design thinking
Introdução design thinkingIntrodução design thinking
Introdução design thinking
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
 
Pensamento Computacional aula 01
Pensamento Computacional aula 01Pensamento Computacional aula 01
Pensamento Computacional aula 01
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
ICH - Aula5
ICH - Aula5ICH - Aula5
ICH - Aula5
 
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
 
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
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 

Destaque

O Diferencial e as Tendências do Design de Interação
O Diferencial e as Tendências do Design de InteraçãoO Diferencial e as Tendências do Design de Interação
O Diferencial e as Tendências do Design de Interação
UTFPR
 
Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de Interação
UTFPR
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
Sidney Roberto
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
Alan Vasconcelos
 
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
Mourylise Heymer
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de Interação
UTFPR
 
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
Marcello Cardoso
 
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
Rodrigo Freese Gonzatto
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
Neilda Costa
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
Robson Santos
 
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
André Constantino da Silva
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
Marcelo Vianna
 
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
Daniel Brandão
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
Nécio de Lima Veras
 
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
JErickPPTs
 
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHCAula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
André Constantino da Silva
 
O retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuárioO retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuário
Synergia - Engenharia de Software e Sistemas
 
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
Robson Santos
 
A fotografia e os elementos do design
A fotografia e os elementos do design A fotografia e os elementos do design
A fotografia e os elementos do design
Danielle Almeida Pacheco Thomaz
 
Todo Mundo é Games
Todo Mundo é GamesTodo Mundo é Games
Todo Mundo é Games
Felipe Dal Molin
 

Destaque (20)

O Diferencial e as Tendências do Design de Interação
O Diferencial e as Tendências do Design de InteraçãoO Diferencial e as Tendências do Design de Interação
O Diferencial e as Tendências do Design de Interação
 
Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de Interação
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
 
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
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de Interação
 
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
 
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
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
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
 
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
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
 
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHCAula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
 
O retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuárioO retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuário
 
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
 
A fotografia e os elementos do design
A fotografia e os elementos do design A fotografia e os elementos do design
A fotografia e os elementos do design
 
Todo Mundo é Games
Todo Mundo é GamesTodo Mundo é Games
Todo Mundo é Games
 

Semelhante a Princípios de Design de Interação

Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
ossobuco
 
Seminario
SeminarioSeminario
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizações
Edu Agni
 
Aula 3 – A áera de IHC
Aula 3 – A áera de IHCAula 3 – A áera de IHC
Aula 3 – A áera de IHC
André Constantino da Silva
 
Inovação Centrada no Usuário
Inovação Centrada no UsuárioInovação Centrada no Usuário
Inovação Centrada no Usuário
Mourylise Heymer
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
Luiz Agner
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
Wellington Vieira
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
André Constantino da Silva
 
Design de Interação Mobile
Design de Interação MobileDesign de Interação Mobile
Design de Interação Mobile
Douglas Schmidt
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
Wellington Marion
 
Envolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisEnvolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveis
Paulo Melo
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
Cauê de Souza
 
Design Interação: por um Design Livre
Design Interação: por um Design LivreDesign Interação: por um Design Livre
Design Interação: por um Design Livre
Edyd B. Junges
 
User experience
User experienceUser experience
User experience
Gabriela Fernandes
 
On UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseOn UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portuguese
Ana Luísa Ponsirenas
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
Davi Busanello
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
danilopinheirosan
 
4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt
DanieleMudrey1
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interação
Paula Faria
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídia
Darwin Mota
 

Semelhante a Princípios de Design de Interação (20)

Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
 
Seminario
SeminarioSeminario
Seminario
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizações
 
Aula 3 – A áera de IHC
Aula 3 – A áera de IHCAula 3 – A áera de IHC
Aula 3 – A áera de IHC
 
Inovação Centrada no Usuário
Inovação Centrada no UsuárioInovação Centrada no Usuário
Inovação Centrada no Usuário
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Design de Interação Mobile
Design de Interação MobileDesign de Interação Mobile
Design de Interação Mobile
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 
Envolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisEnvolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveis
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
 
Design Interação: por um Design Livre
Design Interação: por um Design LivreDesign Interação: por um Design Livre
Design Interação: por um Design Livre
 
User experience
User experienceUser experience
User experience
 
On UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseOn UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portuguese
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interação
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídia
 

Princípios de Design de Interação

  • 1. O que é Design de Interação? lipedal@gmail.com Felipe Estêvão Dal Molin amariliadeabreu@gmail.com Marília Nascimento de Abreu Acadêmicos do curso de Desenho Industrial - Programação Visual Projeto de Interfaces Multimídia Professor Marcos Brod Jr.
  • 2. O que é Design de Interação? PREECE, Jennifer et al. Design de interação: Além da interação homem-computador. Porto Alegre : Bookman, 2005.
  • 3. O que é Design de Interação? “Design de produtos interativos que fornecem suporte às atividades cotidianas das pessoas, seja no lar ou no trabalho.” 3/43
  • 4. O que é Design de Interação? Winograd (1997) descreve o design de interação como “o projeto de espaços para a comunicação e interação humana”. 4/43
  • 5. O que é Design de Interação? Para Gitta Salomon: “o design de interação é o design de produtos que se revelam com o tempo.” 5/43
  • 6. O que é Design de Interação? Objetivo do Design de Interação: trazer a usabilidade para dentro do processo de Design. 6/43
  • 8. Sobre a Usabilidade Produtos interativos e cazes, agradáveis ao usuário, de fácil utilização, fáceis de aprender. Ter o usuário em mente. Considerar onde e por quem o produto será utilizado. Atividade que estão realizando ao utilizar o produto. Considerar no que as pessoas são boas ou não. 8/43
  • 9. Sobre a Usabilidade 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. 9/43
  • 11. Uma breve história No princípio os engenheiros projetavam sistemas de hardware para eles próprios. Fim dos anos 70 e início dos anos 80, monitores de estações de trabalho pessoais. 11/43
  • 12. Uma breve história Nos anos 80 surgiram novas tecnologias de computação. Educação e treinamento. 12/43
  • 13. Uma breve história Anos 90 nova onda de desenvolvimento tecnológico. Nos anos 2000, capacidades emergentes de hardware, software e eletrônica – middleware. 13/43
  • 15. A equipe multidisciplinar Psicólogos Designers industriais Animadores Sociólogos Especialistas em treinamento Fotógrafos Designers grá cos Antropólogos Especialistas de cinema Artistas Dramaturgos Designers de produto Engenheiros de software Pro ssionais de mídia Psicólogos do desenvolvimento Cientistas da computação Especialistas em educação 15/43
  • 16. A equipe multidisciplinar Vantagens: maior número de idéias, novos métodos e designs mais criativos e originais. Desvantagens: custo, comunicação, diferenças de pensamento, linguagem e percepção do mundo. 16/43
  • 17. O processo de Design de Interação
  • 18. O processo de Design de Interação Atividades básicas Identi car necessidades e estabelecer requisitos; Desenvolver designs alternativos que preencham esses requisitos; Construir versões interativas dos designs, de maneira que possam ser comunicados e analisados; Avaliar o que está sendo construído durante o processo. 18/43
  • 19. O processo de Design de Interação Características-chave Os usuários devem estar envolvidos no desenvolvimento do projeto; A usabilidade especí ca e as metas decorrentes da experiência do usuário devem ser identi cadas, claramente documentadas e acordadas no início do projeto; A iteração em todas as quatro atividades é inevitável. 19/43
  • 20. O mundo dos negócios
  • 21. O mundo dos negócios Grande negócio. Deve-se dizer que seu produto é e caz e fácil de utilizar. Presença ou a ausência de um bom design de interação = sucesso ou não da companhia. Crescente demanda por design de interação. Empresas de consultoria, como IDEO (http://www.ideo.com/) e Swim Studio (http://www.swimstudio.com/) 21/43
  • 22. As metas do Design de Interação
  • 23. As metas do Design de Interação Metas de usabilidade E cácia E ciência Segurança Utilidade Aprendibilidade Capacidade de memorização 23/43
  • 24. As metas do Design de Interação Metas de usabilidade E cácia – O sistema é bom em fazer o que se espera dele? Exemplos: site de vendas em que não se compra, telefone que é ruim para chamadas. 24/43
  • 25. As metas do Design de Interação Metas de usabilidade E ciência – O sistema facilita a produtividade na realização das tarefas? Exemplos: 1-Click Order da Amazon, busca no Google Chrome. 25/43
  • 26. As metas do Design de Interação Metas de usabilidade Segurança – O sistema previne o usuário de cometer erros? Ele fornece formas de recuperação, caso erros sejam cometidos? Exemplos: “você deseja mesmo sair?”, opção de desfazer do GMail. 26/43
  • 27. As metas do Design de Interação Metas de usabilidade Utilidade – O sistema proporciona as funcionalidades adequadas aos seus usuários? Exemplos: calculadora do Windows, Wolfram Alpha. 27/43
  • 28. As metas do Design de Interação Metas de usabilidade Aprendibilidade – É fácil aprender a usar as funções básicas do sistema? Há a possibilidade de, querendo o usuário, passar para funções avançadas? Exemplos: atalhos do sistema, Dwarf Fortress. 28/43
  • 29.
  • 30. As metas do Design de Interação Metas de usabilidade Capacidade de memorização – O sistema facilita que o usuário lembre de como usá-lo? Exemplos: reconhecimento vs lembrança, linha de comando vs ícones. 30/43
  • 31. 31/43
  • 32. As metas do Design de Interação Metas na experiência Satisfatório Esteticamente apreciável do usuário Agradável Incentivador de criatividade Divertido Compensador Interessante Emocionalmente adequado Útil Motivador 32/43
  • 34. Princípios de Usabilidade e Design Princípios comuns Visibilidade de design Feedback Restrições Mapeamento Consistência A ordance 34/43
  • 35. Princípios de Usabilidade e Design Princípios comuns Visibilidade – As funções importantes devem estar visíveis, de design ao alcance do usuário. Exemplos: operações básicas em um carro, Microsoft Word 2007 35/43
  • 36. Princípios de Usabilidade e Design Princípios comuns Feedback – Para cada ação do usuário, deve haver uma resposta de design de forma a con rmá-la. Exemplos: telefone, controlador de volume, haptics. 36/43
  • 37. Princípios de Usabilidade e Design Princípios comuns Restrições (física, lógica e cultural) – Restringir as opções do de design usuário de acordo com o contexto reduz a possibilidade de erro. Exemplo: sombreamento dos menus. 37/43
  • 38. Princípios de Usabilidade e Design Princípios comuns Mapeamento – Deve haver uma relação lógica entre a de design disposição dos controles, e seus efeitos no sistema. Exemplos: controle remoto de DVD, WASD em jogos. 38/43
  • 39. Princípios de Usabilidade e Design Princípios comuns Consistência – O sistema deve seguir padrões, e usar elementos de design semelhantes para tarefas semelhantes. Exemplos: convenções de interface, disposição dos menus em processadores de texto. 39/43
  • 40. Princípios de Usabilidade e Design Princípios comuns A ordance – Os elementos da interface devem ser desenhados de design de forma a deixar claro como interagir com eles. Exemplos: scroll do mouse, ícones no Photoshop... e o efeito 3D nos botões? 40/43
  • 41. Princípios de Usabilidade e Design 10 heurísticas 1. Visibilidade do status do sistema – O sistema mantém os de usabilidade usuários informados sobre o que está acontecendo. de Nielsen 2. Compatibilidade com o mundo real –A linguagem utilizada na relação entre usuário e sistema deve ser a do usuário. 3. Controle do usuário e liberdade – O usuário deve poder sair de onde está, ou voltar para onde deseja, com facilidade. 4. Consistência e padrões – Não utilize palavras diferentes se você quer dizer a mesma coisa. 5. O sistema ajuda os usuários a reconhecer, diagnosticar e recuperar-se de erros – A linguagem nestes casos deve ser simples e o sistema deve orientar o usuário a resolver o erro. 41/43
  • 42. Princípios de Usabilidade e Design 10 heurísticas 6. Prevenção de erros – Prevenir os erros é ainda melhor de usabilidade do que orientar o usuário corretamente quando eles surgirem. de Nielsen 7. Reconhecimento em vez de memorização – Reconhecer elementos é mais fácil do que memorizar comandos. 8. Flexibilidade e e ciência de uso – O uso da interface é feito em camadas, permitindo que se possa aprofundar. 9. Estética e design minimalista – Evita o uso de informações irrelevantes (alta relação sinal/ruído). 10. Ajuda e documentação – Caso se faça necessária, a ajuda existe e é clara. 42/43
  • 43. Obrigado! Felipe Estêvão Dal Molin Marília Nascimento de Abreu