SlideShare a Scribd company logo
1 of 16
Download to read offline
Em busca de novas práticas
no ensino de webdesign:
Design de Interação no curso de
Tecnologia em Design Gráfico da UTFPR
Claudia Bordin Rodrigues, MsC, doutoranda PPGTE
Luiz Ernesto Merkle, PhD
Salvador, 3 nov 2015
“O Ensino de IHC em diferentes contextos”
Claudia Bordin Rodrigues
UTFPR – Câmpus Curitiba
Curitiba, Brasil
Luiz Ernesto Merkle
UTFPR – Câmpus Curitiba
Curitiba, Brasil
autores
prof.claudiabordin@gmail.com
merkle@utfpr.edu.br
contexto
‣ ensino em Webdesign: o que ensinar?
‣ abordagem em design de interação
‣ métodos e práticas de projeto/IHC
‣ currículo de Design Gráfico
‣ característica disciplinar
a disciplina
‣ semestral, 80 horas, teórica e prática, dividida
em 3 abordagens principais:
‣ teorias sobre interação com artefatos digitais,
Ex. Teoria da Atividade
‣ estudos e análises de artefatos,
Ex. Avaliação em IHC, usabilidade
‣ exercícios práticos de html/css orientados a projetos. Ex.
projetos sociais
abordagens teóricas
Como “será possível controlar e planejar a experiência humana?”, “como
se define interação?” ou ainda, “quais os meios de gerar empatia,
envolvimento e emoção por meio do design?”.
http://pt.slideshare.net/claubordin1/02-introducaoadesigndeinteracao
pessoas, contexto e atividade
em constante negociação
html e css
Estabelecer um estudo continuado e a seu tempo sobre o tema, além
de oferecer um acompanhamento das tarefas e “recompensas
gamificadas” durante o uso. Uso da plataforma Code Academy
análises e testes
O protótipo digital serve de base para a elaboração de uma dinâmica
com usuários, que pode servir para um teste de usabilidade.
A ferramenta permite também comentários e colaboração durante a
produção, facilitando o trabalho em grupos e o compartilhamento com
os usuários via web.
roteiros de usabilidade
práticas de projeto
Abordagem de JJGarrett (2012), sobre Experiência do Usuário.
Do abstrato (um projeto social), sua
estratégia e escopo, passando por
estrutura, esqueleto e por fim, a
interface ou superfície, representando
o concreto
considerações
‣ desafios de ‘fronteira’ disciplinar;
‣ diversidade de linhas em design de interação e
IHC - abordagens e diversidade;
‣ ferramentas para sala de aula - necessidade
de acesso e abertura;
‣ documentação e material de suporte -
abertura e troca com outros docentes e
alunos.
website de aula
webutfpr.tumblr.com
slideshare
bit.ly/1RJCtwd
prof.claudiabordin@gmail.com
obrigada!

More Related Content

What's hot

Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
Explicando arquitetura de informação...
Explicando arquitetura de informação...Explicando arquitetura de informação...
Explicando arquitetura de informação...Elisa Volpato
 
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Laura Inafuko
 
Aula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoAula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoDhiego Bicudo
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignDanilo Rosisca Pereira
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegaçãopospipoca
 
Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagemRobson Santos
 
Slides minicurso Web Design
Slides minicurso Web DesignSlides minicurso Web Design
Slides minicurso Web DesignAna Mendes
 
Design Customizado
Design CustomizadoDesign Customizado
Design Customizadobernardolm
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEBFábio Flatschart
 
Arquitetura da Informação e Usabilidade
Arquitetura da Informação e UsabilidadeArquitetura da Informação e Usabilidade
Arquitetura da Informação e Usabilidadesaspi2
 
A usabilidade na interface
A usabilidade na interfaceA usabilidade na interface
A usabilidade na interfaceOdair Cavichioli
 
Os 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoOs 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoEdyd B. Junges
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulaçãoInstituto Faber-Ludens
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãopospipoca
 
CST EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS IFPB 1º PERÍODO LINGUAGENS DE MA...
CST EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS IFPB 1º PERÍODO LINGUAGENS DE MA...CST EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS IFPB 1º PERÍODO LINGUAGENS DE MA...
CST EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS IFPB 1º PERÍODO LINGUAGENS DE MA...Os Fantasmas !
 

What's hot (20)

Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Explicando arquitetura de informação...
Explicando arquitetura de informação...Explicando arquitetura de informação...
Explicando arquitetura de informação...
 
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
 
Aula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoAula sobre Arquitetura de Informação
Aula sobre Arquitetura de Informação
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e Webdesign
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
 
Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagem
 
Slides minicurso Web Design
Slides minicurso Web DesignSlides minicurso Web Design
Slides minicurso Web Design
 
Design Customizado
Design CustomizadoDesign Customizado
Design Customizado
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
Arquitetura da Informação e Usabilidade
Arquitetura da Informação e UsabilidadeArquitetura da Informação e Usabilidade
Arquitetura da Informação e Usabilidade
 
A usabilidade na interface
A usabilidade na interfaceA usabilidade na interface
A usabilidade na interface
 
Meu Currículo
Meu CurrículoMeu Currículo
Meu Currículo
 
Os 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoOs 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da Informação
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulação
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Aula1 apresentaçao
Aula1 apresentaçaoAula1 apresentaçao
Aula1 apresentaçao
 
Módulo I
Módulo I Módulo I
Módulo I
 
CST EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS IFPB 1º PERÍODO LINGUAGENS DE MA...
CST EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS IFPB 1º PERÍODO LINGUAGENS DE MA...CST EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS IFPB 1º PERÍODO LINGUAGENS DE MA...
CST EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS IFPB 1º PERÍODO LINGUAGENS DE MA...
 
Aula 04 layout e composição do site
Aula 04   layout e composição do siteAula 04   layout e composição do site
Aula 04 layout e composição do site
 

Similar to Weihc2015 claudiabordinrodrigues

7 Senaed Objetos Aprendizagem
7 Senaed Objetos Aprendizagem7 Senaed Objetos Aprendizagem
7 Senaed Objetos AprendizagemABED Senaed
 
Objetos Aprendizagem Senaed2009
Objetos Aprendizagem Senaed2009Objetos Aprendizagem Senaed2009
Objetos Aprendizagem Senaed2009Breno Trautwein
 
Palestra oficina de design instrucional di
Palestra oficina de design instrucional diPalestra oficina de design instrucional di
Palestra oficina de design instrucional diFlavia Pereira de Morais
 
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...Ingrid Castro
 
Formação em DI e cursos livres
Formação em DI e cursos livresFormação em DI e cursos livres
Formação em DI e cursos livresregist
 
Possibilidades DidáTico PedagóGicas De UtilizaçãO De Av As
Possibilidades DidáTico PedagóGicas De UtilizaçãO De Av AsPossibilidades DidáTico PedagóGicas De UtilizaçãO De Av As
Possibilidades DidáTico PedagóGicas De UtilizaçãO De Av AsLevenhagen
 
Apresentacao projecto de dissertação
Apresentacao projecto de dissertaçãoApresentacao projecto de dissertação
Apresentacao projecto de dissertaçãocatiaresende
 
Apresentação ied 2014
Apresentação ied 2014Apresentação ied 2014
Apresentação ied 2014Elainemat
 
Apresentação ied 2014
Apresentação ied 2014Apresentação ied 2014
Apresentação ied 2014mardasrour
 
Apresentação ied 2014
Apresentação ied 2014Apresentação ied 2014
Apresentação ied 2014julivibruno
 
Apresentação do Programa Proinfo
Apresentação do Programa ProinfoApresentação do Programa Proinfo
Apresentação do Programa Proinfocarmelitalh
 
Avmc tarefa semana 5 e 6 Tarefa das Semanas 5 e 6 criando um curso no ambient...
Avmc tarefa semana 5 e 6 Tarefa das Semanas 5 e 6 criando um curso no ambient...Avmc tarefa semana 5 e 6 Tarefa das Semanas 5 e 6 criando um curso no ambient...
Avmc tarefa semana 5 e 6 Tarefa das Semanas 5 e 6 criando um curso no ambient...Jovert Freire
 
Inquietações sobre o Design Instrucional
Inquietações sobre o Design InstrucionalInquietações sobre o Design Instrucional
Inquietações sobre o Design InstrucionalMiguel Siano da Cunha
 
Apresentacao Geral
Apresentacao GeralApresentacao Geral
Apresentacao GeralMônix Sousa
 
Projeto introdução-à-educação-digital-proinfo-60h
Projeto introdução-à-educação-digital-proinfo-60hProjeto introdução-à-educação-digital-proinfo-60h
Projeto introdução-à-educação-digital-proinfo-60hCarminha
 
Defesa do TC Portfólio de Elen Arantza em 12/12/2013
Defesa do TC Portfólio de Elen Arantza em 12/12/2013Defesa do TC Portfólio de Elen Arantza em 12/12/2013
Defesa do TC Portfólio de Elen Arantza em 12/12/2013Elen Arantza
 
Apresentação do curso Introdução a Educação Digital
Apresentação do curso Introdução a Educação DigitalApresentação do curso Introdução a Educação Digital
Apresentação do curso Introdução a Educação DigitalAna Cristina Farias
 

Similar to Weihc2015 claudiabordinrodrigues (20)

7 Senaed Objetos Aprendizagem
7 Senaed Objetos Aprendizagem7 Senaed Objetos Aprendizagem
7 Senaed Objetos Aprendizagem
 
Objetos Aprendizagem Senaed2009
Objetos Aprendizagem Senaed2009Objetos Aprendizagem Senaed2009
Objetos Aprendizagem Senaed2009
 
Palestra oficina de design instrucional di
Palestra oficina de design instrucional diPalestra oficina de design instrucional di
Palestra oficina de design instrucional di
 
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
 
Formação em DI e cursos livres
Formação em DI e cursos livresFormação em DI e cursos livres
Formação em DI e cursos livres
 
Possibilidades DidáTico PedagóGicas De UtilizaçãO De Av As
Possibilidades DidáTico PedagóGicas De UtilizaçãO De Av AsPossibilidades DidáTico PedagóGicas De UtilizaçãO De Av As
Possibilidades DidáTico PedagóGicas De UtilizaçãO De Av As
 
Apresentacao projecto de dissertação
Apresentacao projecto de dissertaçãoApresentacao projecto de dissertação
Apresentacao projecto de dissertação
 
Projeto Portal Pulsátil
Projeto Portal PulsátilProjeto Portal Pulsátil
Projeto Portal Pulsátil
 
Apresentação ied 2014
Apresentação ied 2014Apresentação ied 2014
Apresentação ied 2014
 
Apresentação ied 2014
Apresentação ied 2014Apresentação ied 2014
Apresentação ied 2014
 
Apresentação ied 2014
Apresentação ied 2014Apresentação ied 2014
Apresentação ied 2014
 
Apresentação do Programa Proinfo
Apresentação do Programa ProinfoApresentação do Programa Proinfo
Apresentação do Programa Proinfo
 
Avmc tarefa semana 5 e 6 Tarefa das Semanas 5 e 6 criando um curso no ambient...
Avmc tarefa semana 5 e 6 Tarefa das Semanas 5 e 6 criando um curso no ambient...Avmc tarefa semana 5 e 6 Tarefa das Semanas 5 e 6 criando um curso no ambient...
Avmc tarefa semana 5 e 6 Tarefa das Semanas 5 e 6 criando um curso no ambient...
 
Inquietações sobre o Design Instrucional
Inquietações sobre o Design InstrucionalInquietações sobre o Design Instrucional
Inquietações sobre o Design Instrucional
 
D c u vivi zorzo
D c u vivi zorzoD c u vivi zorzo
D c u vivi zorzo
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Apresentacao Geral
Apresentacao GeralApresentacao Geral
Apresentacao Geral
 
Projeto introdução-à-educação-digital-proinfo-60h
Projeto introdução-à-educação-digital-proinfo-60hProjeto introdução-à-educação-digital-proinfo-60h
Projeto introdução-à-educação-digital-proinfo-60h
 
Defesa do TC Portfólio de Elen Arantza em 12/12/2013
Defesa do TC Portfólio de Elen Arantza em 12/12/2013Defesa do TC Portfólio de Elen Arantza em 12/12/2013
Defesa do TC Portfólio de Elen Arantza em 12/12/2013
 
Apresentação do curso Introdução a Educação Digital
Apresentação do curso Introdução a Educação DigitalApresentação do curso Introdução a Educação Digital
Apresentação do curso Introdução a Educação Digital
 

More from Claudia Bordin Rodrigues

Algumas palavrinhas na mesa redonda no Algures
Algumas palavrinhas na mesa redonda no AlguresAlgumas palavrinhas na mesa redonda no Algures
Algumas palavrinhas na mesa redonda no AlguresClaudia Bordin Rodrigues
 
Projeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégiasProjeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégiasClaudia Bordin Rodrigues
 
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...Claudia Bordin Rodrigues
 
Sobre ex-libris: conceito geral e exemplos
Sobre ex-libris: conceito geral e exemplosSobre ex-libris: conceito geral e exemplos
Sobre ex-libris: conceito geral e exemplosClaudia Bordin Rodrigues
 
Uma visão possível sobre experiência do usuário
Uma visão possível sobre experiência do usuárioUma visão possível sobre experiência do usuário
Uma visão possível sobre experiência do usuárioClaudia Bordin Rodrigues
 
Inspirações gráficas para capas de discos
Inspirações gráficas para capas de discosInspirações gráficas para capas de discos
Inspirações gráficas para capas de discosClaudia Bordin Rodrigues
 
Introdução a disciplina de Projeto Editorial - Projeto Midia Musical
Introdução a disciplina de Projeto Editorial - Projeto Midia MusicalIntrodução a disciplina de Projeto Editorial - Projeto Midia Musical
Introdução a disciplina de Projeto Editorial - Projeto Midia MusicalClaudia Bordin Rodrigues
 
Discussões sobre a prática de Design e metodologia de projeto
Discussões sobre a prática de Design e metodologia de projetoDiscussões sobre a prática de Design e metodologia de projeto
Discussões sobre a prática de Design e metodologia de projetoClaudia Bordin Rodrigues
 
Introdução a disciplina de Metodologia de Projeto
Introdução a disciplina de Metodologia de ProjetoIntrodução a disciplina de Metodologia de Projeto
Introdução a disciplina de Metodologia de ProjetoClaudia Bordin Rodrigues
 

More from Claudia Bordin Rodrigues (13)

Projeto Grafico Editorial - 2 Sem 2015
Projeto Grafico Editorial - 2 Sem 2015Projeto Grafico Editorial - 2 Sem 2015
Projeto Grafico Editorial - 2 Sem 2015
 
Algumas palavrinhas na mesa redonda no Algures
Algumas palavrinhas na mesa redonda no AlguresAlgumas palavrinhas na mesa redonda no Algures
Algumas palavrinhas na mesa redonda no Algures
 
Identidade de marca, breve introdução
Identidade de marca, breve introduçãoIdentidade de marca, breve introdução
Identidade de marca, breve introdução
 
Basicão InDesign
Basicão InDesignBasicão InDesign
Basicão InDesign
 
Projeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégiasProjeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégias
 
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
 
Sobre ex-libris: conceito geral e exemplos
Sobre ex-libris: conceito geral e exemplosSobre ex-libris: conceito geral e exemplos
Sobre ex-libris: conceito geral e exemplos
 
Uma visão possível sobre experiência do usuário
Uma visão possível sobre experiência do usuárioUma visão possível sobre experiência do usuário
Uma visão possível sobre experiência do usuário
 
Inspirações gráficas para capas de discos
Inspirações gráficas para capas de discosInspirações gráficas para capas de discos
Inspirações gráficas para capas de discos
 
Introdução a disciplina de Projeto Editorial - Projeto Midia Musical
Introdução a disciplina de Projeto Editorial - Projeto Midia MusicalIntrodução a disciplina de Projeto Editorial - Projeto Midia Musical
Introdução a disciplina de Projeto Editorial - Projeto Midia Musical
 
Discussões sobre a prática de Design e metodologia de projeto
Discussões sobre a prática de Design e metodologia de projetoDiscussões sobre a prática de Design e metodologia de projeto
Discussões sobre a prática de Design e metodologia de projeto
 
Introdução a disciplina de Metodologia de Projeto
Introdução a disciplina de Metodologia de ProjetoIntrodução a disciplina de Metodologia de Projeto
Introdução a disciplina de Metodologia de Projeto
 
Briefing e Design Guideline
Briefing e Design GuidelineBriefing e Design Guideline
Briefing e Design Guideline
 

Recently uploaded

Slides criatividade 01042024 finalpdf Portugues.pdf
Slides criatividade 01042024 finalpdf Portugues.pdfSlides criatividade 01042024 finalpdf Portugues.pdf
Slides criatividade 01042024 finalpdf Portugues.pdfpaulafernandes540558
 
Baladão sobre Variação Linguistica para o spaece.pptx
Baladão sobre Variação Linguistica para o spaece.pptxBaladão sobre Variação Linguistica para o spaece.pptx
Baladão sobre Variação Linguistica para o spaece.pptxacaciocarmo1
 
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino FundamentalCartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamentalgeone480617
 
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASQUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASEdinardo Aguiar
 
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbv19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbyasminlarissa371
 
PRÉ-MODERNISMO - GUERRA DE CANUDOS E OS SERTÕES
PRÉ-MODERNISMO - GUERRA DE CANUDOS E OS SERTÕESPRÉ-MODERNISMO - GUERRA DE CANUDOS E OS SERTÕES
PRÉ-MODERNISMO - GUERRA DE CANUDOS E OS SERTÕESpatriciasofiacunha18
 
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 anoAdelmaTorres2
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfHenrique Pontes
 
Recurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasRecurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasCasa Ciências
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasRicardo Diniz campos
 
19 de abril - Dia dos povos indigenas brasileiros
19 de abril - Dia dos povos indigenas brasileiros19 de abril - Dia dos povos indigenas brasileiros
19 de abril - Dia dos povos indigenas brasileirosMary Alvarenga
 
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxAula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxBiancaNogueira42
 
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOMarcosViniciusLemesL
 
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxDeyvidBriel
 
Slides Lição 3, Betel, Ordenança para congregar e prestar culto racional, 2Tr...
Slides Lição 3, Betel, Ordenança para congregar e prestar culto racional, 2Tr...Slides Lição 3, Betel, Ordenança para congregar e prestar culto racional, 2Tr...
Slides Lição 3, Betel, Ordenança para congregar e prestar culto racional, 2Tr...LuizHenriquedeAlmeid6
 
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptxSlide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptxconcelhovdragons
 
Guia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfGuia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfEyshilaKelly1
 
Aula 1, 2 Bacterias Características e Morfologia.pptx
Aula 1, 2  Bacterias Características e Morfologia.pptxAula 1, 2  Bacterias Características e Morfologia.pptx
Aula 1, 2 Bacterias Características e Morfologia.pptxpamelacastro71
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxIsabellaGomes58
 
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxLuizHenriquedeAlmeid6
 

Recently uploaded (20)

Slides criatividade 01042024 finalpdf Portugues.pdf
Slides criatividade 01042024 finalpdf Portugues.pdfSlides criatividade 01042024 finalpdf Portugues.pdf
Slides criatividade 01042024 finalpdf Portugues.pdf
 
Baladão sobre Variação Linguistica para o spaece.pptx
Baladão sobre Variação Linguistica para o spaece.pptxBaladão sobre Variação Linguistica para o spaece.pptx
Baladão sobre Variação Linguistica para o spaece.pptx
 
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino FundamentalCartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
 
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASQUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
 
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbv19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
v19n2s3a25.pdfgcbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
 
PRÉ-MODERNISMO - GUERRA DE CANUDOS E OS SERTÕES
PRÉ-MODERNISMO - GUERRA DE CANUDOS E OS SERTÕESPRÉ-MODERNISMO - GUERRA DE CANUDOS E OS SERTÕES
PRÉ-MODERNISMO - GUERRA DE CANUDOS E OS SERTÕES
 
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
637743470-Mapa-Mental-Portugue-s-1.pdf 4 ano
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
 
Recurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasRecurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de Partículas
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecas
 
19 de abril - Dia dos povos indigenas brasileiros
19 de abril - Dia dos povos indigenas brasileiros19 de abril - Dia dos povos indigenas brasileiros
19 de abril - Dia dos povos indigenas brasileiros
 
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxAula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
 
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
 
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
 
Slides Lição 3, Betel, Ordenança para congregar e prestar culto racional, 2Tr...
Slides Lição 3, Betel, Ordenança para congregar e prestar culto racional, 2Tr...Slides Lição 3, Betel, Ordenança para congregar e prestar culto racional, 2Tr...
Slides Lição 3, Betel, Ordenança para congregar e prestar culto racional, 2Tr...
 
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptxSlide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
Slide de exemplo sobre o Sítio do Pica Pau Amarelo.pptx
 
Guia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfGuia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdf
 
Aula 1, 2 Bacterias Características e Morfologia.pptx
Aula 1, 2  Bacterias Características e Morfologia.pptxAula 1, 2  Bacterias Características e Morfologia.pptx
Aula 1, 2 Bacterias Características e Morfologia.pptx
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
 
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
 

Weihc2015 claudiabordinrodrigues

  • 1. Em busca de novas práticas no ensino de webdesign: Design de Interação no curso de Tecnologia em Design Gráfico da UTFPR Claudia Bordin Rodrigues, MsC, doutoranda PPGTE Luiz Ernesto Merkle, PhD Salvador, 3 nov 2015 “O Ensino de IHC em diferentes contextos”
  • 2. Claudia Bordin Rodrigues UTFPR – Câmpus Curitiba Curitiba, Brasil Luiz Ernesto Merkle UTFPR – Câmpus Curitiba Curitiba, Brasil autores prof.claudiabordin@gmail.com merkle@utfpr.edu.br
  • 3. contexto ‣ ensino em Webdesign: o que ensinar? ‣ abordagem em design de interação ‣ métodos e práticas de projeto/IHC ‣ currículo de Design Gráfico ‣ característica disciplinar
  • 4. a disciplina ‣ semestral, 80 horas, teórica e prática, dividida em 3 abordagens principais: ‣ teorias sobre interação com artefatos digitais, Ex. Teoria da Atividade ‣ estudos e análises de artefatos, Ex. Avaliação em IHC, usabilidade ‣ exercícios práticos de html/css orientados a projetos. Ex. projetos sociais
  • 5. abordagens teóricas Como “será possível controlar e planejar a experiência humana?”, “como se define interação?” ou ainda, “quais os meios de gerar empatia, envolvimento e emoção por meio do design?”. http://pt.slideshare.net/claubordin1/02-introducaoadesigndeinteracao
  • 6. pessoas, contexto e atividade em constante negociação
  • 7. html e css Estabelecer um estudo continuado e a seu tempo sobre o tema, além de oferecer um acompanhamento das tarefas e “recompensas gamificadas” durante o uso. Uso da plataforma Code Academy
  • 8.
  • 9. análises e testes O protótipo digital serve de base para a elaboração de uma dinâmica com usuários, que pode servir para um teste de usabilidade. A ferramenta permite também comentários e colaboração durante a produção, facilitando o trabalho em grupos e o compartilhamento com os usuários via web.
  • 10.
  • 12. práticas de projeto Abordagem de JJGarrett (2012), sobre Experiência do Usuário. Do abstrato (um projeto social), sua estratégia e escopo, passando por estrutura, esqueleto e por fim, a interface ou superfície, representando o concreto
  • 13.
  • 14.
  • 15. considerações ‣ desafios de ‘fronteira’ disciplinar; ‣ diversidade de linhas em design de interação e IHC - abordagens e diversidade; ‣ ferramentas para sala de aula - necessidade de acesso e abertura; ‣ documentação e material de suporte - abertura e troca com outros docentes e alunos.