possibilidades e criatividade em minha sala de aula Moodle Dicas de usabilidade para a elaboração de sua disciplina
República Federativa do Brasil Dilma Rousseff Universidade de Brasília Ivan Camargo Decanato de Ensino de Graduação Mauro Rabelo Diretoria de Ensino de Graduação a Distância Nara Pimentel Grupo de Desenvolvimento e Acompanhamento Pedagógico Débora Furtado Gabriel de Oliveira Alves Ivan Carlos Pereira Gomes Paola Rodrigues Paula Scherre Rafael Matos Diagramação e projeto gráfico Sanny Saraiva Weverson Rabelo
possibilidades e criatividade em minha sala de aula Moodle Moodle Apostila Dicas de usabilidade para a elaboração de sua disciplina. Versão 2.0 - Outubro/2014
Esta apostila faz parte do curso Moodle: possibilidades e criatividade em minha sala de aula virtual disponível em www.ead.unb.br
Dicas de usabilidade para a elaboração de sua disciplina Dicas de usabilidade para a elaboração de sua disciplina Ao pensar na construção de sua disciplina, uma questão que achamos muito importante a ser trabalhada é a usabilidade do ambiente virtual. Mas o que é usabilidade? De acordo com Jakob Nielsen e Noa Loranger (2007, p. xvi), usabilidade é um atributo de qualidade relacionado à facilidade de uso de algo que pode se referir à eficácia e rapidez dos usuários em utilizar alguma coisa. Se compreendermos esse algo como sendo a sua disciplina no Moodle, então, sim, você pode tornar o uso mais fácil pelos estudantes. Isso não é difícil! Apresentaremos a seguir algumas dicas para que você possa praticá-las. Organizando a disciplina... Independente do formato para a disciplina que escolher (tópico, social, semanal), é importante que você informe e mostre aos seus estudantes como organizará o ambiente virtual. Além disso, orientamos que você mantenha essa lógica de organização ao longo do semestre ou curso. DICA: Dê título aos tópicos ou semanas No Moodle, é possível você dar título aos tópicos e semanas (figura 1). Você pode inseri-lo de duas formas: ou modificando o sumário do tópico/semana ou utilizando o recurso Rótulos. É importante que esses títulos evidenciem como você vai organizar as informações no ambiente virtual. Figura 1 - Títulos dos tópicos ou semanas DICA: Insira imagens identificadoras nos tópicos ou semanas 5
Moodle: possibilidades e criatividade na minha sala de aula Você também pode inserir imagens nos sumários ou nos rótulos para auxiliar na identificação e diferenciação de cada tópico ou semana (figura 2). Figura 2 - Imagens identificadoras dos tópicos ou semanas DICA: Atualize as datas das atividades Quando você importa ou cria uma atividade, por exemplo, fórum, questionário, envio de atividade, em sua disciplina, é muito importante que atualize as datas das atividades (figura 3). A configuração das datas de início e de término das atividades deve ser feita diretamente nas atividades e também no plano de ensino. Figura 3 - Campos de atualização de datas de uma atividade no Moodle DICA: Utilize nomes representativos É importante que você cuide dos nomes das atividades, dos recursos e dos materiais criados. Esses nomes devem ser representativos do objetivo da atividade e ser facilmente reconhecível pelos estudantes. Veja a figura 4. 6
Dicas de usabilidade para a elaboração de sua disciplina Figura 4 - Utilize nomes representativos para estudantes DICA: Insira endentação para hierarquizar atividades, recursos e materiais em um tópico Outra função interessante que auxilia na organização visual da disciplina é inserir endentação em atividades, recursos e materiais. O que isso significa? Você pode mover as atividades um pouco para a direita ou um pouco para a esquerda mostrando que há hierarquia e diferenças entre elas (figura 5). Figura 5 - Endentação para hierarquizar um texto em relação a um fórum Cuidando das imagens... DICA: Verifique tamanho, formato e dimensões das imagens Você pode inserir imagens em sua disciplina, tanto em rótulos, como comentamos no início, quanto nas mensagens dos fóruns. Antes de inseri-las no ambiente virtual, verifique: O tamanho do arquivo. Sugerimos que não ultrapasse 300kb. Quanto mais leve, melhor! O formato do arquivo. Recomendamos que seja JPEG/JPG ou PNG. Verifique também a dimensão das imagens. Se for grande demais, dificultará a sua 7
Moodle: possibilidades e criatividade na minha sala de aula visualização pelos estudantes. Olhe só como fica uma imagem muito grande (figura 6). Figura 6 - Evite o uso de imagens grandes Perceba que o(a) estudante não conseguiria ver a imagem completa. Sendo assim, recomendamos que você utilize imagens com dimensões de, no máximo, 400 pixels de largura e uma medida proporcional de altura (figura 7). Figura 7 - Uso de imagens com dimensões que facilitam sua visualização e das demais informações da disciplina DICA: Insira um breve texto descritivo no campo Descrição da imagem Para contribuir com a acessibilidade das imagens, ou seja, com a facilidade de acesso, de 8
Dicas de usabilidade para a elaboração de sua disciplina navegação e de interação (W3C Brasil, 2013), quando você inseri-las no Moodle, na aba Geral, escreva um breve texto descritivo da imagem no campo Descrição da imagem (figura 8). Essa informação ajuda aos estudantes que utilizam leitor de tela para navegar a saber que imagem é essa e quais informações ela traz. Figura 8 - Inserindo descrição da imagem Veja o que acontece quando na navegação e interação as descrições textuais de imagens e de links não são inseridos na sua configuração, assista ao vídeo Acessibilidade Web: Custo ou Benefício?, disponível no endereço: http://acessodigital.net/video.html Cuidando dos textos: tipografia, tamanho e cores Ao escrever algum texto no Moodle, seja em um rótulo ou em um fórum, cuide de alguns elementos que ajudarão na legibilidade dos textos escritos, ou seja, vão aprimorar a facilidade de leitura e de visualização de textos e palavras (NIELSEN; LORANGER, 2007): DICA: Usando, no máximo, 2 tipografias diferentes Para evitar poluição visual em sua sala de aula virtual, ao escolher a tipografia ou fonte dos seus textos, recomendamos que você utilize, no máximo, 2 (dois) tipos diferentes de letras e que mantenha esse padrão ao longo do semestre ou curso. Veja o exemplo da mensagem de um fórum com o uso de muitas tipografias diferentes (figura 9). 9
Moodle: possibilidades e criatividade na minha sala de aula Figura 9 - Texto com o uso de várias tipografias Veja, no exemplo da mensagem de um fórum, o uso de apenas duas tipografias diferentes (figura 10). Figura 10 - Texto com o uso de duas tipografias diferentes DICA: Evite uso de todo o texto em LETRAS MAIÚSCULAS Evite escrever o texto todo em CAIXA ALTA, pois isso dificulta e reduz a velocidade de leitura de textos longos. Use-a com cuidado, apenas para ênfase de palavras, títulos curtos ou pequenas expressões. Veja o exemplo de um texto todo em letras caixa alta/maiúsculas (figura 11). 10 Figura 11 - Texto em CAIXA ALTA Veja o exemplo da mensagem de um fórum com apenas alguns termos em caixa alta (figura 12).
Dicas de usabilidade para a elaboração de sua disciplina Figura 12 - Partes do texto em CAIXA ALTA DICA: Utilize com cuidado negritos e itálicos Use, também com cuidado, negritos e itálicos no texto. O uso excessivo desses recursos de estilo de fonte dificultam a leitura e você acaba por não dar ênfase a nada. Veja o exemplo de um texto com muitos negritos e itálicos (figura 13). Figura 13 - Texto com muitos termos em negrito e itálico Veja o exemplo da mensagem de um fórum com apenas alguns termos em negrito ou itálico (figura 14). Figura 14 - Texto com alguns termos em negrito e itálico 11
Moodle: possibilidades e criatividade na minha sala de aula DICA: Esteja atento(a) ao tamanho da tipografia A variação de tamanho de tipografia (fonte/letras) também pode ser utilizada para ênfase a títulos e textos. Recomendamos que você use essa variação de tamanho de um texto com muito cuidado. Pois letras grandes demais ou pequenas demais podem gerar dificuldade de leitura dos(as) estudantes. Veja o exemplo de um texto com tipografias muito grandes e muito pequenas (figura 15). Figura 15 - Texto com tipografia muito grande e muito pequena Veja o exemplo da mensagem de um fórum a variação do tamanho da tipografia equilibrada (figura 16). Figura 16 - Texto com variação equilibrada de tamanho de tipografia Recomendamos que: Para títulos, seja utilizado tamanho entre 4 (14pt) a 5 (18 pt). Para textos longos, seja usado tamanho entre 3 (12pt) e 4 (14 pt). DICA: Utilize com cuidado as cores nos textos O uso de cores nos textos também pode auxiliar ou dificultar a leitura de termos e textos no ambiente virtual de aprendizagem. Evite o uso de cores claras em fundos claros ou cores escuras demais em fundo escuro. Cuide do contraste entre o texto e o fundo. 12
Dicas de usabilidade para a elaboração de sua disciplina O uso de cores pode ser usado para diferenciar textos e dar ênfases. Mas evite também o uso exagerado de textos coloridos, pois você pode acabar dificultando a leitura dos estudantes ou, até, os deixando confusos. Recomendamos que, para textos longos, você privilegie o uso de fonte escura com fundo claro, obtendo assim um alto contraste. Veja o exemplo de um texto com cores claras e fundo claro, cores escuras com fundo escuro e com muita variação de cor (figura 17). Figura 17 - Texto com cores claras e fundo claro, cores escuras com fundo escuro e com muita variação de cor em uma mesma frase Veja o exemplo da mensagem de um fórum com uso de cores de maneira equilibrada (figura 18). Figura 18 - Texto com o uso de cores mais equilibrado Finalizando... Quer saber mais dicas, informações e recursos que podem lhe auxiliar na construção de sua disciplina? Visite o espaço Moodle: Possibilidades e Criatividade na Minha Sala de Aula, disponível no endereço ead.unb.br. 13
Moodle: possibilidades e criatividade na minha sala de aula Referências e Recomendações Se você quiser saber mais sobre ergonomia e usabilidade na web, recomendamos as seguintes referências: CYBIS, Walter; BETIOL, Adriana Holtz; FAUST, Richard. Ergonomia e Usabilidade: Conhecimentos, Métodos e Aplicações. São Paulo: Novatec Editora, 2007. NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na Web: projetando websites com qualidade. Tradução Edson Furmankiewicz & Carlos Schanfranski. Rio de Janeiro: Elsevier, 2007. Se você quiser saber mais sobre acessibilidade na web, recomendamos os seguintes sites: Acessibilidade Brasil - http://www.acessobrasil.org.br/index.php?itemid=45 Acesso digital - http://acessodigital.net/video.html Governo Eletrônico (EGOV) - http://www.governoeletronico.gov.br/ W3C Brasil - http://www.w3c.br/home/webhome Decálogo da Web Brasileira - http://www.w3c.br/decalogo/ 14
Dicas de usabilidade para a elaboração de sua disciplina Acesse o curso pelo QR Code ou pelo site ead.unb.br 15