SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
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!

Contenu connexe

Tendances

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 !
 

Tendances (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
 

Similaire à 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
 

Similaire à 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
 

Plus de 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
 

Plus de 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
 

Dernier

Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOMarcosViniciusLemesL
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveaulasgege
 
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfcartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfIedaGoethe
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasRosalina Simão Nunes
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirIedaGoethe
 
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
 
William J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfWilliam J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfAdrianaCunha84
 
Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfmirandadudu08
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniCassio Meira Jr.
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinhaMary Alvarenga
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresaulasgege
 
A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesMary Alvarenga
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxIsabelaRafael2
 
Programa de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasPrograma de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasCassio Meira Jr.
 
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
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasCassio Meira Jr.
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Mary Alvarenga
 

Dernier (20)

Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
 
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
 
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfcartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimir
 
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
 
William J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdfWilliam J. Bennett - O livro das virtudes para Crianças.pdf
William J. Bennett - O livro das virtudes para Crianças.pdf
 
Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdf
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinha
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autores
 
A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das Mães
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
 
Programa de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasPrograma de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades Motoras
 
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
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e Específicas
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 

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.