65

Workshop moodle rede de escolas - Cuiabá

Embed Size (px)

Citation preview

DESIGN } IDENTIDADE VISUAL

PROCESSO CRIATIVO

DESIGN } IDENTIDADE VISUAL

Conjunto de elementos formais que representam visualmente e sistemicamente, uma *mensagem*. Tendo como base a estruturação de símbolos, signos grafismos, cores, tipografias, etc.

A IDENTIDADE VISUAL

DESIGN } IDENTIDADE VISUAL

DESIGN } IDENTIDADE VISUAL

DESIGN } IDENTIDADE VISUAL

DESIGN } IDENTIDADE VISUAL

Nosso objetivomediador do material e das interações administrativas, orientadas a tarefa e interações sociais na plataforma

DESIGN } IDENTIDADE VISUAL

DESIGN } IDENTIDADE VISUAL } MOODLE

DESIGN } IDENTIDADE VISUAL } MOODLE

DESIGN } IDENTIDADE VISUAL } MOODLE

DESIGN } IDENTIDADE VISUAL } MOODLE

DESIGN } IDENTIDADE VISUAL } MOODLE

DESIGN } IDENTIDADE VISUAL } MOODLE

DESIGN } IDENTIDADE VISUAL } MOODLE

ALÉM DA IDENTIDADE VISUAL

DESIGN } UX / USABILIDADE

Não basta saber ler que 'Eva viu a uva'.

Paulo Freire

É preciso compreender qual a posição que Eva ocupa no seu contexto social, quem trabalha para produzir a uva e quem lucra com esse trabalho.

DESIGN } UX / USABILIDADE

http://recriart.com.br/blog/wp-content/uploads/2015/04/paulo_freire_baixa.jpg

DESIGN } UX / USABILIDADE

MULTI-TAREFAS | MULTI-DISPOSITIVOS | USO SIMULTÂNEO

*www.thinkwithgoogle.com/research-studies/the-new-multi-screen-world-study.html

Experiência do usuário:totalidade das percepções humanas durante um processo interativo.

Design centrado em quem ?coordenação / docente / designer /gestores da escola / alunos

Contexto(s) de Aprendizagem

DESIGN } UX / USABILIDADE

RESPONSIVIDADEAcesso através de diferentes dispositivos

DESIGN } UX / USABILIDADE

Responsive Web Designby Ethan Marcotte May 25,

2010http://alistapart.com/article/responsive-web-design

DESIGN } UX / USABILIDADE

Smartphones:Mobilidade, períodos mais curtos de utilização, com grande imersão e pouca precisão. auxilia na aprendizagem social (chat)

Computadores:Laptop ou desktop nenhuma ou pouca mobilidade. maior precisão, menor imersão, períodos mais longos de utilização (fórum)

Tablets:Sua flexibilidade, portabilidade e conectividade o torna a melhor escolha para a aprendizagem e atividades com mobilidade, permitindo uma imersão próxima a do smartphone, porém com mais precisão na utilização das interfaces.

DESIGN } UX / USABILIDADE

Design centrado em quem ?

DESIGN } UX / USABILIDADE

*SHARP; ROGERS; PREECE – 2005-pg. 41

USABILIDADEfundamentais para o design.Capacidade do software em atender as metas do usuário+objetivas

EficáciaAcurácia com que alcançam a completude das tarefas

Eficiênciarecursos gastos para alcançar seus objetivos (whatsapp)

Satisfação

*SHARP; ROGERS; PREECE – 2005-pg. 41

EXPERIÊNCIAMetas decorrentes da experiência do usuário.+subjetivas

Aspectos: atenção, ritmo, jogo, interatividade, controle consciente e inconsciente, envolvimento e estilo de narrativa.

Satisfaçãoausência de desconforto e presença de situações/atitudes positivas na realização destas tarefas (afetividade)(*cheiro pra você)

DESIGN } UX / USABILIDADE

DESIGN } UX / USABILIDADE

Engajamento do AlunoModelo pedagógico + Conteúdo + Design + Ted + Tutoria

Acessibilidade na webPrática inclusiva que permite a todas as pessoas, ter igual acesso à informação e funcionalidade de um site, tenham elas necessidades especiais ou não.

DESIGN + ELABORAÇÃO + DESENVOLVIMENTO } ACESSIBILIDADE

Exemplo Acessibilidade no Moodle

DESIGN + ELABORAÇÃO + DESENVOLVIMENTO } ACESSIBILIDADE

Recomendações para o uso adequado da tecnologia:Na Internet o termo acessibilidade refere-se também a recomendações do W3C, que visam permitir que todos possam ter acesso aos websites.

e-MAG - Cartilha do governo federal para Acessibilidade

e-PWG - Cartilha do governo federal para Usabilidade

DESIGN + ELABORAÇÃO + DESENVOLVIMENTO } ACESSIBILIDADE

Quanto maior a compreensão sobre o(s) usuário(s), melhor as soluções interativas e mais memorável é a experiência de aprendizagem.

MÃO NA MASSAfluxos, editores, bootstrap, grid, css, addons, extendendo temas, dicas

RESULTADO DA OFICINA DO TEMADe grão em grão, se faz um milho.fluxos, editores, bootstrap, grid, css, addons, extendendo temas, dicas

2 Temas Base responsivos como

extensão do tema Clean

Tema final, criado e instalado

:)oficina realizada no período de

01-09-2016 à 05-06-2016