Slides baseados no livro:
Design e Avaliação de Interfaces Humano Computador
Heloísa Vieira da Rocha
M.Cecília C. Baranauskas
Conteúdos:
- A psicologia da interação humano-computador.
- Uma teoria clássica para o processamento de informação no homem.
- Fatores Humanos em IHC.
- Um Modelo do Usuário de Computadores.
- O Modelo do Processador de Informação Humano.
- GOMS.
- MPIH.
- Sistema Perceptual.
- Sistema Motor.
Slide de autoria de Dayane Cristine Leite
Foi apresentado em equipe para obtenção de nota na matéria de projeto-interação homem-máquina do IFAM-CMC no ano de 2017.
Slides baseados no livro:
Design e Avaliação de Interfaces Humano Computador
Heloísa Vieira da Rocha
M.Cecília C. Baranauskas
Conteúdo:
- Psicologia da IHC.
- Processamento de Informação Humano.
- Engenharia Cognitiva.
- Manipulação Direta.
- O que é Design ?.
- Do Design Centrado no Produto para o Design Centrado no Usuário.
- Engenharia de Usabilidade.
- Aceitabilidade Prática do Sistema
- Pré-Design.
- Design.
- Guidelines.
- Design Iterativo- Prototipar.
- Pós-Design.
- Priorizando métodos de usabilidade.
- Os métodos de maior impacto na usabilidade do sistema.
- Design para Usabilidade. Porque não?.
- Design Participativo.
Slide de autoria de Dayane Cristine Leite
Foi apresentado em equipe para obtenção de nota na matéria de projeto-interação homem-máquina do IFAM-CMC no ano de 2017.
Slides baseados no livro:
Design e Avaliação de Interfaces Humano Computador
Heloísa Vieira da Rocha
M.Cecília C. Baranauskas
Conteúdo:
- Psicologia da IHC.
- Processamento de Informação Humano.
- Engenharia Cognitiva.
- Manipulação Direta.
- O que é Design ?.
- Do Design Centrado no Produto para o Design Centrado no Usuário.
- Engenharia de Usabilidade.
- Aceitabilidade Prática do Sistema
- Pré-Design.
- Design.
- Guidelines.
- Design Iterativo- Prototipar.
- Pós-Design.
- Priorizando métodos de usabilidade.
- Os métodos de maior impacto na usabilidade do sistema.
- Design para Usabilidade. Porque não?.
- Design Participativo.
Primeira parte da aula sobre Fatores Humanos, na qual estudaremos os sentidos e a percepção, bem como as teorias relacionadas a percepção que influenciam o desenvolvimento de interfaces de usuários.
Slides para apoiar as aulas de introdução a Interação Humano-Computador sobre design e processo de design de interfaces com métodos e artefatos que odem ser utilizados
Design de Interação: O que você tem a ver com isso?!Monica Possel
Apresentação feita na Semana de Informática da Univille - Universidade da Região de Joinville.
Sobre o assunto Design de Interação e a ligação entre desenvolvedores e designers.
Primeira parte da aula sobre Fatores Humanos, na qual estudaremos os sentidos e a percepção, bem como as teorias relacionadas a percepção que influenciam o desenvolvimento de interfaces de usuários.
Slides para apoiar as aulas de introdução a Interação Humano-Computador sobre design e processo de design de interfaces com métodos e artefatos que odem ser utilizados
Design de Interação: O que você tem a ver com isso?!Monica Possel
Apresentação feita na Semana de Informática da Univille - Universidade da Região de Joinville.
Sobre o assunto Design de Interação e a ligação entre desenvolvedores e designers.
Aula sobre alguns aspectos práticos, e essenciais, no trabalho do design de interação. Conteúdo baseado no texto "Os Processo do Design de Interação" In: PREECE, Jennifer. ROGERS, Yvonne. SHARP, Helen. Design de Interação: Além da interação homem-computador. Porto Alegre: Bookman. 2010.
Aula para turma de Design Gráfico - 3º Período, Faculdade CET.
Várias teorias tentam explicar a maneira como percebemos.
Para entender os mecanismos da percepção humana envolve entender os processos psicológicos em operação e as redes neurais envolvidas.
para tal estudaremos os mecanismos da percepção humana
The Great State of Design with CSS Grid Layout and FriendsStacy Kvernmo
For far too long we've been forced to reuse layout patterns that have worked in the past, creating a web full of sites that all look the same. Narrow timelines, browser support restrictions and lack of a true grid system have led us to create work that is "good enough".
I've spent years exploring how we can make the web a more unique space. With some of the newer CSS techniques available, we can start to make more creative designs. CSS Grid Layout is on the horizon and will play a major role in the design of our sites. Finally having a true, 2 dimensional grid will give our layouts much more flexibility and it is on us to explore the possibilities.
This talk was presented at CSS Day 2016.
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...Rafael Burity
From HCI to UX: Building a New meaning through the history in the industry
De HCI a UX: construyendo un nuevo significado
a través de la historia de la industria
Webinar BR-CHI#05
Clécio Bachini e Rafael Burity, membros do Conselho Executivo do capítulo paulista da Associação de Profissionais de Experiência do Usuário (UXPA)
Apresentação realizada por Marcello de Campos Cardoso em Novembro de 2011 para a disciplina Design, usabilidade e arquitetura de informação, ministrada no curso de especialização em Pós Graduação em Marketing Digital no Centro Universitário Newton Paiva.
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINADiego BBahia
Este artigo aborda sobre a diferença entre Interação e Interface Homem-Máquina. A interação está voltada para as habilidades que o usuário deve ter para operar a máquina, assim como o modo pelo qual ele faz uso do sistema. Porém, a interface é o elemento responsável para que esta interação atinja aos objetivos finais do usuário com sucesso. Ambas as partes completam-se, pois para interagir é preciso ter uma interface e para melhorar uma interface é preciso oferecer uma boa interação.
Aula: Fatores Humanos e Interatividade na IHMJanynne Gomes
Tópicos:
1.Modelo de processamento de informação humano
2. Mecanismo da percepção humana
3. Modelos mentais
4. Componentes de interação
------------------------------------------------------
Curso: Sistemas de Informação
Disciplina: Interface Homem Máquina
Um estudo sobre inteligência artificial e o funcionamento de um agenteUNIEURO
Mostrar a aplicação da Inteligência artificial, junto com a utilização de redes neurais e sistema de agentes, para melhorar a integração entre homem e maquina, e a abordagem de algumas áreas da Inteligência Artificial empregadas em jogos, aumentando cada vez mais o nível de aprendizagem e capacidade das “maquinas”, e o aumento do nível de interação entre seres humanos e maquinas, e a aplicação delas para o desenvolvimento de diversas funções antes exercidas pelo homem.
Resumo
Lançar um novo produto no mercado requer acima de tudo, um bom planejamento. Com base em estudos e pesquisas de mercado é possível levantar dados que serão tranformados em informações de suma importância para o desenvolvimento de um novo produto, podendo até mesmo, prever de acordo com alguns métodos, as vendas e aceitabilidade deste produto perante os consumidores.
Este Trabalho Integrado de Marketing (TIM) teve por objetivo, o desenvolvimento de um novo produto a uma empresa já existente no mercado e o lançamento deste em uma feira, realizada no próprio campus da universidade.
A agência Vintage em parceria com a empresa Zanoni, desenvolveu pesquisas de mercado, para identificar a viabilidade de vendas e aceitação de mercado; estudos e planejamentos de vendas, para mapear regiões potenciais; estratégias de comunicação e de marketing, para divulgar os produtos da empresa, e principalmente, os novos produtos.
Todas estas etapas foram necessárias para que fosse possível lançar um novo produto, com êxito.
A proposta da agência à empresa Zanoni foi desenvolver os novos produtos: Passione Uno e Passione Due, sendo eles: banana-passa in natura e banana-passa com cobertura de chocolate, respectivamente.
O lançamento destes produtos aconteceu durante a Feira de Novos Produtos, realizada no Átrium da Universidade Paulista – UNIP, Campus Jundiaí, com duração de dois dias, sendo possível divulgar os novos produtos ao público universitário presente no local, com degustações, apresentações e realização de um concurso cultural, para incentivar e atrair o público presente.
Slides baseados no livro:
DESIGN DE INTERAÇÃO
Além da Interação
Homem-Computador
Jennifer Preece
Yvonne Rogers
Helen Sharp
-
Identificando Necessidades e Estabelecendo Requisitos
O quê, como e por que?
O que são Requisitos?
Coleta de Dados
Interpretação de dados e análise
Descrição de tarefas
Análise de Tarefas
Design, Prototipação e Construção
Prototipação de construção
Design conceitual
Design Físico
PREECE, Jennifer. Design de interação: além da interação homem-computador / Jennifer Preece, Yvonn Rogers e Helen Sharp: trad. Viviane Possami. - Porto Alegre: Bookman, 2005. p. 28 - p.55.
Slides baseados no livro:
Design e Avaliação de Interfaces Humano Computador
Heloísa Vieira da Rocha
M.Cecília C. Baranauskas
ROCHA, Heloisa Vieira da; BARANAUSKAS, Maria Cecília C. Design e Avaliação de Interfaces Humano-Computador. Campinas, SP:NIED/UNICAMP, 2003. p.25 - p.45.
O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR
Referência Bibliográfica:
ROCHA, Heloisa Vieira da; BARANAUSKAS, Maria Cecília C. Design e Avaliação de Interfaces Humano-Computador. Campinas, SP:NIED/UNICAMP, 2003. p.03 - p.24.
1. Slides baseados no livro: Design e Avaliação de Interfaces Humano Computador Heloísa Vieira da Rocha M.Cecília C. Baranauskas
2. A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR O conceito de interface tem evoluído na mesma proporção em que se conhece mais sobre a tecnologia dos computadores por um lado e sobre a natureza humana, por outro. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
3. A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR O conhecimento sobre o ser humano enquanto sistema tem alimentado teorias em várias áreas do conhecimento; ao mesmo tempo usamos da analogia para refletir e construir conhecimento sobre o Homem. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
4. A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR Só para citar algumas áreas de ciência e tecnologia em que essa relação dialética se estabelece, a Inteligência Artificial, as Redes Neurais, a Cibernética, a Teoria da Informação, a Engenharia Genética, são exemplos contundentes. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
5. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
6. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
7. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
8. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
9. UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM A facilidade com que palavras da linguagem de interface podem ser lembradas, como o tipo de fontes de caracteres afetam a legibilidade, e a velocidade com que lemos informação na tela, são exemplos simples de como nossa interação com computadores pode ser afetada pelo funcionamento de nossos mecanismos perceptuais, motores e de memória. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
10. UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM Assim como o engenheiro de computação descreve um sistema de processamento de informações em termos de memórias, processadores, seus parâmetros e interconexões, Card et al (1983) propõem o Modelo do Processador de Informação Humano (MPIH) , como uma descrição aproximada para ajudar a prever a interação usuário-computador, com relação a comportamentos. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
11.
12.
13.
14.
15. UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM O modelo é constituído por um conjunto de memórias e processadores e um conjunto de princípios de operação. Três subsistemas fazem parte e interagem no MPIH : Sistema Perceptual (SP), Sistema Motor (SM) Sistema Cognitivo (SC). DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
16.
17.
18.
19.
20.
21.
22.
23. Mecanismos da Percepção Humana E sua influência no design de interfaces DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
24.
25.
26.
27.
28.
29.
30. Degradando a imagem... Foto de R.C.James DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
31. Colocando organizações competitivas... M C Escher, Cavaleiros DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
32. Salvador Dalí, The Slave Market with Disappearing Bust of Voltaire DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
33. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
34. Colocando uma organização sem sentido... Processos perceptuais impõem uma organização à imagem.... B. Riley, Tremor DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
35. Nosso aparato visual evolui em mundo 3D... Atribuindo profundidade (e contexto) à imagem R. Magritte, Les Promenades d´Éuclide DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
36. Olhando para “figuras impossíveis” Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Outra maneira de mostrar a operação que fazemos ao colocar objetos em 3D durante sua interpretação M C Escher, Moebius Strip DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
37. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
38. Anomalias da Percepção Células neurais interagem umas com as outras. No único ponto do olho onde os receptores não interagem muito com os outros, o escurecimento da interseção não acontece DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS