5 RESULTADOS E DISCUSSÕES 93
5.1 EXEMPLO DE MATERIAL DIDÁTICO NO FORMATO DIGITAL PARA
Na coleta de dados com o público idoso, foi identificada como principal demanda para este público, no processo de inclusão digital, as atividades relacionadas á comunicação. Ainda, dentre as ferramentas de comunicação via internet, a considerada com maior nível de dificuldade de uso pelos idosos foi o Skype®, que permite, entre outras funções, realizar conversas de texto (chat), vídeo (videochamadas), ou voz (chamadas).
Com esta demanda definida, foram aplicadas técnicas de Design Participativo com pessoas deste mesmo público, a fim de desenvolver um exemplo de material didático no formato digital voltado ao público idoso, atendendo suas expectativas e necessidades específicas. Este material, ao final do processo foi disponibilizado no repositório online Arcaz. Ao ser disponibilizado desta forma, o material cumpre as quatro liberdades (“4 Rs”), citadas pelo REA Brasil (2012) que o definem como um Recurso Educacional Aberto:
• Usar: o material pode ser acessado de forma livre no repositório Arcaz, na área de Coleções11, e pode ser usado por idosos (ou outras pessoas) que queiram se apropriar mais da ferramenta de comunicação abordada no REA;;
• Aprimorar: com o objetivo de privilegiar a liberdade de adaptar este REA, está disponibilizado para download em um pacote com os arquivos de implementação (páginas HTML, arquivos CSS e de imagens) para que possam ser editados pelas pessoas que tenham interesse. Com uma ferramenta de edição de código – podendo ser esta de acesso livre, por exemplo, é possível alterar o conteúdo e até mesmo a estrutura das páginas;;
• Recombinar: conforme expresso no item “Aprimorar”, este REA tem o código disponibilizado para download e pode ser alterado e recombinado
11 O material está disponível no endereço <http://arcaz.dainf.ct.utfpr.edu.br/rea/collections/show/54>,
com outros materiais. Este material pode ser utilizado, por exemplo, para disponibilizar conteúdo para aprendizagem de outras ferramentas no computador, utilizando a sua estrutura de páginas e alterando apenas o conteúdo e as imagens;;
• Distribuir: para distribuição, este material possui uma licença Creative Commons - Atribuição 4.0 Internacional, que permite às pessoas compartilharem e adaptarem o material, desde que o autor original da obra seja informado.
O exemplo de material didático foi desenvolvido com base nos pontos de observação, resultado da aplicação das técnicas de DP, e nas recomendações de usabilidade e diretrizes de acessibilidade citadas na Tabela 8.
Além das informações citadas na Tabela 8, existem recomendações em Vechiato e Vidotti (2012), relacionadas ao princípio de Usabilidade denominado Visibilidade, que foram utilizadas na apresentação do texto do material digital desenvolvido como um dos resultados desta pesquisa. As recomendações são:
• Utilizar fontes não serifadas, como Arial ou Helvetica;;
• Para tamanho de fonte, utilizar 12 ou 14 pontos para o corpo do texto e 18 a 24 pontos para cabeçalhos;;
• Utilizar letras maiúsculas e minúsculas;; evitar o uso de trechos longos em caixa alta;;
• Utilizar negrito no texto;; evitar itálico;;
• Utilizar texto alinhado à esquerda;; evitar centralizado ou justificação completa;;
Utilizar contrastes negativos (texto preto sobre fundo branco).
O conteúdo do material está dividido em duas partes: conteúdo sobre a ferramenta (chamado neste material de “Sobre o Skype”) e instruções sobre como realizar atividades específicas dentro da ferramenta (chamado de “Aprenda a usar o Skype”). Por isso, a página inicial do material (Figura 14) contém apenas dois blocos, cada um contendo uma imagem, um texto curto e botões que, ao clicados, levam para estas outras páginas.
Figura 16: Página inicial do material
Fonte: Autoria própria
Nessa primeira página seguiu-se o ponto de observação número 1 citado no início deste capítulo, evitando o acúmulo de conteúdo e mantendo na página apenas as informações necessárias, e também está presente o ponto de observação número 8, que sugere utilizar uma linguagem visual simplificada.
Ao clicar no botão que está no bloco “Sobre o Skype” o usuário é direcionado para a página com conteúdo sobre a ferramenta com suas definições e características (features) (Figura 15).
Figura 17: Página com conteúdo sobre a ferramenta
Fonte: Autoria própria
Este conteúdo foi mantido em uma página a parte, seguindo o ponto de observação número 3 do início deste capítulo, para que estas informações estejam disponíveis e possam ser acessadas por aqueles que tiverem interesse, sem atrapalhar os usuários que queiram navegar pelo material e, de forma objetiva, acessar diretamente os conteúdos para aprender a realizar tarefas da ferramenta.
Nesta página também são apresentados os botões (controles) que permite aos usuários navegar pelas páginas do material. Os botões do material, seguindo o ponto de observação número 5, de combinar linguagem verbal com linguagem visual (setas direcionais) a fim de facilitar a compreensão dos usuários sobre qual ação o clique neste botão irá realizar.
Figura 18: Exemplo de botões de navegação usados no material Fonte: Autoria própria
Nos botões de navegação do material, também foram aplicadas recomendações de usabilidade citadas por Vechiato e Vidotti (2012, p. 14-18), relacionadas ao princípio de usabilidade Fácil aprendizado, seguindo a recomendação de utilizar distinção de cores para links visitados e não visitados. No comportamento de mouseover, ao passar o cursor do mouse sobre os botões, estes têm mudança de comportamento, tendo sua cor alterada (azul mais escuro) e facilitando a compreensão pelo usuário da mudança de status daquele botão (Figura 19).
Figura 19: Exemplo de comportamento de mouseover dos botões de navegação Fonte: Autoria própria
Para os botões de navegação também foram seguidas as recomendações de acessibilidade do WCAG 2.0 (W3C, 2008): nesse caso, seguindo o princípio de
acessibilidade “operável”, e a diretriz “fornecer formas de ajudar os utilizadores a navegar, localizar conteúdos e determinar o local onde estão” que consiste em oferecer rótulos (texto dos botões, p.ex. “Aprenda a instalar o Skype”) que ajudem o usuário a identificar a finalidade deste botão, como uma ação que será realizada ou para qual página o usuário pode navegar caso clique em um botão específico.
Ao navegar para o início do material e clicar no bloco “Aprenda a usar o Skype”, o usuário é direcionado para a página que contém um sumário com tutoriais, cada um contendo instruções para realizar uma atividade específica dentro da ferramenta (Figura 17). Pelo fato deste material ser um exemplo, foram apresentados apenas três tutoriais para representar como pode ser esta página.
Figura 20: Página com lista de tutoriais
Fonte: Autoria própria
Nesta página seguiu-se o ponto de observação número 2, de dividir o conteúdo de todos os tutoriais por páginas, se acumular muito conteúdo em uma mesma página. Com o conteúdo disposto desta forma, é disponibilizado um sumário onde o usuário pode consultar todo o conteúdo e navegar pelos tutoriais.
Para os tutoriais são apresentados dois modelos. O primeiro modelo trata de um passo-a-passo com imagens e texto (Figura 18).
Figura 21: Exemplo de tutorial 1
Fonte: Autoria própria
Neste tutorial com imagens e descrição de como realizar uma atividade passo-a-passo, segue-se também o ponto de observação número 2, pois o conteúdo está dividido em partes e o usuário precisa usar os controles de navegação “Ver passo anterior / Ver próximo passo” para visualizar todos os passos. Neste modelo o ponto de observação número 6 também é seguido, pois em cada um dos passos, junto à imagem indicativa da ação a ser feita, há um texto que complementa o significado da imagem e o conteúdo deste passo.
No segundo modelo de tutorial é apresentado um vídeo de curta duração, com duração de cerca de 40 segundos, demonstrando como realizar uma tarefa (Figura 19).
Figura 22: Exemplo de tutorial 2
Fonte: Autoria própria
Neste modelo de tutorial são seguidos os pontos de observação número 6, pelo mesmo motivo do modelo de tutorial anterior, e número 4, pois os vídeos ilustram como realizar uma única tarefa e por isso são de curta duração.
5.1.1 Descritivo de desenvolvimento do REA
Algumas informações sobre o desenvolvimento do REA desenvolvido estão listadas na sequência, relacionadas ao conteúdo, estrutura do código das páginas e layout.
Conteúdo
Os conteúdos de texto utilizados nas páginas do REA são de autoria própria, bem como os vídeos e imagens utilizadas nos tutoriais. As imagens utilizadas na página inicial foram retiradas de bancos de imagens de uso livre.
Estrutura de código das páginas
A base para a criação do protótipo, utilizando HTML e CSS, foi utilizando o framework Bootstrap12, que fornece opções de modelos de grid, fontes e cores que puderam ser utilizadas no desenvolvimento das páginas do REA. Este framework tem como característica o acesso aberto e livre à comunidade, e por isso se adequa ao contexto de desenvolvimento deste material.
O REA foi desenvolvido seguindo as recomendações de Lynch e Horton (2004), de que um protótipo deve conter como características: 1. HTML finalizado para todas as páginas, todo o conteúdo destas em seu devido lugar;; 2. Estrutura de navegação entre páginas finalizada;; 3. Todo o design gráfico, ilustrações e fotografias em seus devidos lugares.
Layout
A escolha de elementos do layout da interface, como cores e fontes, seguiu o estudo de Lesinhovski (2014) que traz algumas referências de estudos bibliográficos com indicações para o desenvolvimento de interfaces digitais para idosos. Algumas destas indicações, seguidas para o desenvolvimento deste REA, são:
• Cores: Em Arditi (2006), o autor recomenda contrastar cores escuras com cores claras de forma a melhorar a acessibilidade visual.
12 O Bootstrap é um framework de HTML, CSS, e Javascript, de código aberto, acesso aberto e livre,
que permite o desenvolvimento ágil de páginas para a web. Disponível em:
• Tipografia: Em Cybis (2003 apud CASSEB, 2007) e Nielsen e Tahir (2001 apud CASSEB, 2007), a recomendação é de que para os meios digitais sejam utilizadas fontes sem serifa, O tamanho das fontes deve ser entre 16 e 18 pixels, e para as pessoas com a visão parcial ou enfraquecida devem ser usadas fontes de tamanho 14 a 16 pontos (SCHRIVER, 1997 apud OLIVEIRA, 2001).
• Ícones: Foram utilizados os ícones disponíveis na biblioteca do Bootstrap. Os ícones foram utilizados em combinação com textos, seguindo a recomendação de Cheiran (2009): “Fazer links associados aos ícones, para auxiliar o reconhecimento das funções do ícone”.
5.2 VALIDAÇÃO DO REA COM USUÁRIOS IDOSOS
Os idosos que participaram da aplicação das técnicas de Design Participativo relatada no Capítulo 4 deste trabalho foram convidados para fazer a validação do REA desenvolvido com base nos pontos de observação que foram identificados e listados com base nas preferências dos usuários idosos na utilização de materiais didáticos no formato digital, identificados por meio da aplicação das técnicas de Design Participativo relatadas no Capítulo 4.
Para a validação do REA com os usuários idosos, o instrumento escolhido foi o questionário e o modelo de questionário apresentado em Jantsch et al. (2011). Este foi adotado por ter sido desenvolvido para aplicação com idosos - com o objetivo de verificar a aceitação deste público em relação à funcionalidade e usabilidade de uma interface de um serviço de saúde em domicílio, e por já ter sido aplicado com um grupo de 14 idosos entre 60 e 87 anos.
Este modelo de questionário foi escolhido por investigar as interações de idosos com interfaces digitais e permitir avaliar a experiência do usuário ao utilizar o REA e aferir a aceitação em relação às funcionalidades propostas no material, além de validar os pontos de observação citados no início do Capítulo 5.
O questionário (APÊNDICE 6) foi aplicado de forma individual com os mesmos três idosos que estiveram presentes na aplicação das técnicas de Design Participativo, relatada no Capítulo 4 deste trabalho. Antes de responder ao questionário, foi solicitado aos idosos que realizassem algumas tarefas específicas, com o objetivo de avaliar se estes teriam sucesso ao navegar entre as páginas e