Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Workshop moodle rede de escolas - Cuiabá

166 views

Published on

Apresentação realizada na oficina da rede de escolas de saúde pública em Mato Grosso - Cuiabá.

Published in: Healthcare
  • Be the first to comment

  • Be the first to like this

Workshop moodle rede de escolas - Cuiabá

  1. 1. DESIGN } IDENTIDADE VISUAL PROCESSO CRIATIVO
  2. 2. 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
  3. 3. DESIGN } IDENTIDADE VISUAL
  4. 4. DESIGN } IDENTIDADE VISUAL
  5. 5. DESIGN } IDENTIDADE VISUAL
  6. 6. DESIGN } IDENTIDADE VISUAL
  7. 7. Nosso objetivo mediador do material e das interações administrativas, orientadas a tarefa e interações sociais na plataforma DESIGN } IDENTIDADE VISUAL
  8. 8. DESIGN } IDENTIDADE VISUAL } MOODLE
  9. 9. DESIGN } IDENTIDADE VISUAL } MOODLE
  10. 10. DESIGN } IDENTIDADE VISUAL } MOODLE
  11. 11. DESIGN } IDENTIDADE VISUAL } MOODLE
  12. 12. DESIGN } IDENTIDADE VISUAL } MOODLE
  13. 13. DESIGN } IDENTIDADE VISUAL } MOODLE
  14. 14. DESIGN } IDENTIDADE VISUAL } MOODLE
  15. 15. ALÉM DA IDENTIDADE VISUAL DESIGN } UX / USABILIDADE
  16. 16. 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
  17. 17. DESIGN } UX / USABILIDADE MULTI-TAREFAS | MULTI-DISPOSITIVOS | USO SIMULTÂNEO *www.thinkwithgoogle.com/research-studies/the-new-multi-screen-world-study.html
  18. 18. 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
  19. 19. RESPONSIVIDADE Acesso através de diferentes dispositivos DESIGN } UX / USABILIDADE Responsive Web Design by Ethan Marcotte May 25, 2010 http://alistapart.com/article/responsive-web-design
  20. 20. 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.
  21. 21. DESIGN } UX / USABILIDADE Design centrado em quem ?
  22. 22. DESIGN } UX / USABILIDADE *SHARP; ROGERS; PREECE – 2005-pg. 41 USABILIDADE fundamentais para o design. Capacidade do software em atender as metas do usuário +objetivas Eficácia Acurácia com que alcançam a completude das tarefas Eficiência recursos gastos para alcançar seus objetivos (whatsapp) Satisfação
  23. 23. *SHARP; ROGERS; PREECE – 2005-pg. 41 EXPERIÊNCIA Metas decorrentes da experiência do usuário. +subjetivas Aspectos: atenção, ritmo, jogo, interatividade, controle consciente e inconsciente, envolvimento e estilo de narrativa. Satisfação ausência de desconforto e presença de situações/atitudes positivas na realização destas tarefas (afetividade) (*cheiro pra você) DESIGN } UX / USABILIDADE
  24. 24. DESIGN } UX / USABILIDADE Engajamento do Aluno Modelo pedagógico + Conteúdo + Design + Ted + Tutoria
  25. 25. Acessibilidade na web Prá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
  26. 26. Exemplo Acessibilidade no Moodle DESIGN + ELABORAÇÃO + DESENVOLVIMENTO } ACESSIBILIDADE
  27. 27. 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
  28. 28. 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.
  29. 29. MÃO NA MASSAfluxos, editores, bootstrap, grid, css, addons, extendendo temas, dicas
  30. 30. RESULTADO DA OFICINA DO TEMA De grão em grão, se faz um milho. fluxos, editores, bootstrap, grid, css, addons, extendendo temas, dicas
  31. 31. 2 Temas Base responsivos como extensão do tema Clean
  32. 32. Tema final, criado e instalado
  33. 33. :) oficina realizada no período de 01-09-2016 à 05-06-2016

×