30
Universidade Federal do Rio Grande do Sul Programa de Pós-Graduação em Educação INTERAD: uma Metodologia para Desenvolvimento de Interface para Materiais Educacionais Digitais Aluna: Paula Caroline S. Jardim Passos Orientadora: Profa. Dra. Patricia Alejandra Behar Dezembro/2010

Material 1

Embed Size (px)

Citation preview

Page 1: Material 1

Universidade Federal do Rio Grande do SulPrograma de Pós-Graduação em Educação

INTERAD: uma Metodologia para Desenvolvimento de Interface para Materiais Educacionais Digitais

Aluna:Paula Caroline S. Jardim PassosOrientadora:Profa. Dra. Patricia Alejandra BeharDezembro/2010

Page 2: Material 1

INTRODUÇÃO

Interface

Recursos tecnológicos no trabalho, lazer, estudo

Page 3: Material 1

Educação

INTRODUÇÃO

Recursos tecnológicos na Educação

Page 4: Material 1

“o livro didático não é mais sufi ciente para um ensino de qualidade. Os recursos multimídia são importantes no dia-a-dia da sala de aula, o que faz da aprendizagem um processo mais em sintonia com a realidade dos alunos desta nova sociedade da informação”.Fonte: http://portal.mec.gov.br/index.php?option=com_content&task=view&id=11580

INTRODUÇÃO

Page 5: Material 1

MED MATERIAL EDUCACIONAL DIGITAL“todo material didático elaborado com objetivos relacionados à aprendizagem e que incorpora recursos digitais”(Behar, 2009, p.33)

INTRODUÇÃO

Page 6: Material 1

Considera-se a aprendizagem como o processo no qual o indivíduo constrói o próprio conhecimento através da interação com o meio (Piaget, 1974).

INTRODUÇÃO

Page 7: Material 1

Mesmo as pesquisas tendo se aprofundado em interface (com autores como Donald Norman e Jakob Nielsen por exemplo) ainda há muito a pesquisar em termos de interfaces em geral, e também em interfaces para Educação.

INTRODUÇÃO

Page 8: Material 1

Interfaces mais efi cientes são construídas na multidisciplinaridade, mas para tra-balhar com profi ssionais de áreas diferentes é necessária uma metodologia, que possibilite a comunicação e a organização do trabalho.

INTRODUÇÃO

Page 9: Material 1

A possibilidade de testar diferentes caminhos, de acompanhar a evolução temporal das relações, causa e efeito, de visualizar conceitos de diferentes pontos de vista,

de comprovar hipóteses, fazem das animações e simulações instrumentos poderosos para despertar novas idéias, para relacionar conceitos, para despertar a curiosidade e para resolver problemas.

Fonte: http://rived.mec.gov.br/site_objeto_lis.php

FUNDAMENTAÇÃO - MED

Page 10: Material 1

100.000

200.000

300.000

400.000

500.000

700.000

800.000

60.289

33.655

320.841368.988

676.524

698.840

NOV/2004 NOV/2005 NOV/2006 NOV/2007 NOV/2008 NOV/2009

600.000

Fonte: Gráfi co desenvolvido pela autora com informações do linkhttp://www.dominiopublico.gov.br/Indicadores/servlet

Estatísticas de acessos ao Portal Domínio Público

FUNDAMENTAÇÃO - MED

Page 11: Material 1

Interaçãoação entre sujeito e objeto, da qual se origina o conhecimento (Piaget, 1996)

Interatividade“ação dialógica entre o homem e os objetos tecnológicos” (Lemos, 2002, p.119)

FUNDAMENTAÇÃO - Interação e Interatividade

Page 12: Material 1

“... o conhecimento não procede, em suas origens, nem de um sujeito consciente de si mesmo nem de objetos já constituídos (do ponto de vista do sujeito) que lhe im-poriam: resultaria de interações que se produzem a meio caminho entre sujeito e objeto, e que dependem, portanto, dos dois ao mesmo tempo, mas em virtude de uma indiferenciação completa e nao de tro-cas entre formas distintas.” (Piaget, 2007)

Interação

ObjetoInterface

SujeitoAluno

SujeitoAluno

FUNDAMENTAÇÃO - Interação e Interatividade

Page 13: Material 1

O conhecimento não é resultado de simples obser-vação, não sendo cópia da realidade. Tampouco se encontra totalmente determinado na mente do indi-víduo, mas é, na verdade, o produto de uma interação entre estes dois elementos. Depende, então, de ação do indivíduo sobre o objeto, e consequente interio-rização dessa ação. (Piaget, 1974; 1996)

FUNDAMENTAÇÃO - Interação e Interatividade

Page 14: Material 1

potencializados:processos de ensino e aprendizagempensamento divergenteconfrontoanálisecapacidade de compor dadosargumentação(Silva e Fernandes, 2007)

MED - perspectivainteracionista

refl exão crítica

incertezainquietação

questionamento exigentecuriosidade

FUNDAMENTAÇÃO - Interação e Interatividade

Page 15: Material 1

A interatividade pode ser percebida como uma arte, pois envolve uma gama de aptidões, que incluem: a compreensão do aluno, as capacidades da engenha-ria de software, um design instrucional rigoroso e a aplicação de interfaces gráfi cas adequadas.

Quanto maior o nível de interatividade, maior requin-te é necessário tanto em termos de design quanto em metodologia.

“concentrando-se no projeto do con-teúdo didático, do design gráfi co e da comunicação para implementar intera-ções que motivem e envolvam o aluno, o contínuo sucesso funcional e a efi cácia das aplicações interativas de ensino estará assegurado”.

Interactivity: a Forgotten Art? (Sims, 1997)

FUNDAMENTAÇÃO - Interação e Interatividade

Page 16: Material 1

A multimídia interativa é particularmente ade-quada aos usos educativos, pois a ausência de uma linearidade favorece a atitude exploratória e lúdica do aluno frente ao material e assim per-mite o seu envolvimento pessoal no processo de aprendizagem. (Lévy, 1993)

Os MEDs proporcionam ferramentas para o desenvolvimento de práticas pedagógicas que incentivem a manipulação, transformação, busca individual da informação, julgamento, criação e descoberta de novas perpectivas.

FUNDAMENTAÇÃO - Interação e Interatividade

Page 17: Material 1

informação

funcionalidades

Lévy (1993) defi ne interface como os aparelhos e materiais que permitem a comunicação entre um sistema informático e os humanos.

FUNDAMENTAÇÃO - Interface

Page 18: Material 1

“a memória humana é estruturada de tal forma que nós compreendemos e retemos bem melhor tudo aquilo que esteja orga-nizado de acordo com relações espaciais. Lembremos que o domínio de uma área do saber implica quase sempre, a posse de uma rica representação esquemática” (Lévy, 1993, p. 40).

FUNDAMENTAÇÃO - Interface

Page 19: Material 1

A produção de material impresso, vídeos, programas televisivos e radiofônicos, teleconferências, CD-Rom, páginas WEB e outros, para uso a distância, atende a diferentes lógicas de concepção, produção, linguagem, estudo e controle de tempo. Para atingir estes objetivos, é necessário que os docentes responsá-veis pela produção dos conteúdos trabalhem integrados a uma equipe multi-disciplinar [...] (MEC, Referencial de qualidade em EaD, p.13-14)

FUNDAMENTAÇÃO - Interface

Page 20: Material 1

Metodologia

detalhamento >> objetivos, procedimentos, etapas, profi s-sionais, responsabilidades, custos, crono-grama, terminologias

resulta >> organização do trabalho, facilidade na comuni-cação, acompanhamento e visualização do pro-cesso, identifi cação e correção de erros, redução de trabalho e custos e produto fi nal com mais qualidade e mais fi el aos objetos propostos ini-cialmente

FUNDAMENTAÇÃO - Metodologias

Page 21: Material 1

Amante e Morgado (2001)

Concepção do Projeto1. Idéia inicial e defi nição do tema2. Defi nição da equipe3. Delimitação dos conteúdos4. Especifi cação dos objetivos pedagógicos da aplicação 5. Caracterização do público-alvo6. Defi nição do tipo de aplicação7. Previsão do contexto de utilização do programa

Planifi cação1. Seleção e organização dos conteúdos2. Defi nição da macro-estrutura da aplicação3. Desenho de interface4. Elaboração do Storyboard5. Discussão e reajuste do projeto

Implementação1. Elaboração de protótipo2. Desenvolvimento da aplicação

FUNDAMENTAÇÃO - Metodologias

Page 22: Material 1

Design Instrucional(Filatro, 2004)

Planejamento

Análise1. Filosofi a da instituição2. Público3. Objetivos4. Estrutura, mídias

Design1. Equipe2. Currículo3. Estratégias pedagógica e tecnológica4. Cronograma

Desenvolvimento1. Produção2. Capacitação profi ssional3. Suporte técnico e pedagógico

Implementação1. Aplicação na situação didática

FUNDAMENTAÇÃO - Metodologias

Page 23: Material 1

DesignPedagógico

Gráficos+

Pedagógicos

FatoresTécnicos

FatoresGráficos

FatoresPedagógicos

Pedagógicos+

Técnicos

Gráficos+

Técnicos

Design PedagógicoTorrezzan (2009)

FUNDAMENTAÇÃO - Metodologias

Page 24: Material 1

Design de InteraçãoPreece, Rogers e Sharp (2005)

1) Identifi car necessidades e estabelecer requisitos;

2) Desenvolver designs que preencham os requisitos;

3) Construir versões interativas dos designs de maneira que possam ser comunicados e avaliados;

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

FUNDAMENTAÇÃOFUNDAMENTAÇÃO - Metodologias

Page 25: Material 1

NECESSIDADES DO USUÁRIO

ESPECIFICAÇÕESFUNCIONAIS

REQUISITOSDE CONTEÚDO

OBJETIVOS DO SITE

DESIGN VISUAL

DESIGN DAINTERFACE

DESIGN DANAVEGAÇÃO

DESIGN DA INFORMAÇÃO

DESIGN DEINTERAÇÃO

ARQUITETURADA INFORMAÇÃO

A WEB COMO INTERFACE DE SOFTWARE A WEB COMO SISTEMA DE HIPERTEXTO

Design visual - tratamento gráfico doselementos da interface (a “cara” do site)

Design da interface - elementos dainterface para facilitar a interação dousuário com as funcionalidades

Design da informação - apresentação dainformação para facilitar a compreensão

Especificações funcionais - conjunto defuncionalidades: descrições detalhadas defuncionalidades que o site deve incluir parair ao encontro das necessidades do usuário

Objetivos do site - Metas de negócio,criativas ou metas de origem interna do site

Design de interação - desenvolvimentode fluxos de aplicação para facilitar astarefas do usuário, definindo como o esteinterage com as funcionalidades do site

Necessidades do usuário - Objetivos dosite de origem externa, identificados pormeio de pesquisa com o usuário, pesquisasetno/tecno/psicográficas, etc.

Design visual - tratamento visual do texto,elementos gráficos da página ecomponentes de navegação

Design da navegação - elementosda interface para facilitar a movimentaçãodo usuário meio a arq. da informação

Design da informação - apresentação dainformação para facilitar a compreensão

Requisitos de conteúdo - Definição doselementos do conteúdo necessários ao sitepara ir ao encontro das necessidades dousuário

Objetivos do site - Metas de negócio,criativas ou metas de origem interna do site

Arquitetura da informação - Designestrutural do espaço da informação parafacilitar o acesso intuitivo ao conteúdo

Necessidades do usuário - Objetivos dosite de origem externa, identificados pormeio de pesquisa com o usuário, pesquisasetno/tecno/psicográficas, etc.

ORIENTADO À TAREFA ORIENTADO À INFORMAÇÃO

MetodologiaGarrett

(2003)

FUNDAMENTAÇÃO - Metodologias

Page 26: Material 1

Engenharia deUsabilidade

Cybis, Betiol e Faust (2007)

FUNDAMENTAÇÃO - Metodologias

Page 27: Material 1

METODOLOGIA

Engenharia iWebPresmam (2002)

ENGENHARIA

DESIGN DECONTEÚDO

DESIGN DEINTERAÇÃO

DESIGN DENAVEGAÇÃO

PRODUÇÃO

ANÁLISESPLANEJAMENTO

FORMULAÇÃO

GERAÇÃO DEPÁGINAS E PROVAS

AVALIAÇÃO DOCLIENTE

DESIGN DAINTERFACE

1

2 3

4

56

Page 28: Material 1

Referências

ReferênciasAMANTE, L.; MORGADO, L. Metodologia de Concepção e Desenvolvimento de Aplicações Educativas: o caso dos materiais hipermedia. In: Discursos, II Série, n especial, PP. 125-138, Universidade Aberta, 2001.

BEHAR, P.A. (orgs.) Modelos Pedagógicos em Educação a Distância. Porto Alegre: Artmed, 2009.

CYBIS, W. BETIOL, A. FAUST, F. Ergonomia e usabilidade: conhecimentos, métodos e aplicações. São Paulo: Novatec Editora. 2007.

FILATRO, A. Design Instrucional na prática. São Paulo : Pearson Education do Brasil. 2008.

GARRETT, J.J. The elements of user experience: user centered design for the web. New York/Berkeley: Aiga/Nex Riders, 2003.

LEMOS, A. Cibercultura, tecnologia e vida social na cultura contemporânea. Porto Alegre: Sulina, 2002.

LÉVY, P. As tecnologias da inteligência. São Paulo: Editora 34, 1993.

NIELSEN, J; LORANGER, H. Usabilidade na Web. Rio de Janeiro: Elsevier, 2007.

NORMAN, D.A. The design of everyday things. New York: Basic Book, 2002.

PIAGET, J. Aprendizagem e conhecimento. Rio de Janeiro: Freitas Bastos, 1974.

PIAGET, J. Biologia e conhecimento. 2ed. Petrópolis: Vozes, 1996.

PIAGET, J. Epistemologia genética. 3ed. São Paulo: Martins Fontes, 2007.

Page 29: Material 1

PREECE, J. ROGERS, Y. SHARP, H. Design de Interação: além da interação homem-computador. Porto Alegre: Bookman. 2005.

PRESSMAN, R. S. Ingeniería del Software: Un enfoque prático. Madrid: Concepción Fernández Madrid. 2002

SILVA, R. FERNANDEZ, M. Recursos informáticos projetados para o ensino de ciências: bases epistemológicas implicadas na construção e desenvolvimento de objetos de aprendizagem. In: PRATA, C. NASCIMENTO, A. Objetos de aprendizagem: uma proposta de recurso pedagógico. Brasília: MEC, SEED, 2007.

SIMS, R. Interactivity: a Forgotten Art? Computer in Human Behavior, v13 n2 p157-80 May 1997. Acesso em janeiro de 2010, disponível em: http://www2.gsu.edu/~wwwitr/docs/interact/

TORREZZAN, C. A. W. Design pedagógico: um olhar na construção de materiais educacionais digitais. Dissertação apresentada ao programa de Pós-Graduação em Educação da Faculdade de Educação da UFRGS. 2009

Referências

Referências

Page 30: Material 1

Obrigada!