Atividade: Gêneros Educativos [Edutainment]

Procure completar a tabela abaixo, com programas do tipo edutainment, que você observa atualmente (ou já passados) na programação da televisão brasileira. 

Ficha - Gêneros Educativos
TIPOS	EXEMPLOS	PÚBLICO-ALVO	OBSERVAÇÕES
Narrativos	Filme: As crônicas de Narnia	Crianças e Adolescentes	Narra a história de três irmãos envolvidos em um universo fantástico, onde são observados os seguintes valores: fraternidade e coragem. Contribui para o exercício da imaginação. É considerado um clássico da literatura.
Drama	Filme: Bullyng-provocações sem limites	Adolescentes e Jovens	Conta a história de Jodi, que vira alvo de piadas e brincadeiras de mau gosto por parte de um grupo de alunos da sua sala.
Aventura	Filme: Os Goonies	Crianças e Adolescentes	Narra a história de cinco amigos em busca de um tesouro perdido. Eles enfrentam bandidos e armadilhas fortalecendo a amizade entre eles.
Comédia	American Pie	Adolescentes	Aborda a busca de cinco amigos para perder a virgindade. Mostra as dificuldades, trapalhadas e os sentimentos em torno da sexualidade.
Novela	Malhação Meu Pedacinho de Chão	Adolescentes Público Geral	Aborda temas atuais e relevantes que são de preferencia desta faixa etária: gravidez, drogas, etc. Em tom de fábula, a novela trata de educação, analfabetismo, coronelismo, política e as crianças vivendo sua infância num mundo a parte.
Situacionais	Profissão Repórter	Adolescentes, Jovens e Adultos	Com reportagens aborda os principais problemas sociais, políticos, educacionais do dia-a-dia, além de outros.
Desenvolvimento de competências/profissionalizantes	Telecursos Ensino Fundamental; Médio e profissionalizante	Jovens e Adultos	Teleaulas que são transmitidas pela Rede Globo. O problema se esbarra no horário, que vai de 5 da manhã até as 7h
Viagens	O site Revista Estilo do Banco do Brasil http://revistaestilobb.com.br/	Público Geral	Fala sobre viagens, cultura, design, moda e gastronomia. Dá várias dicas de rotas, hotéis, nacionais e internacionais. Ex :Brasil Imperial: Tiradentes, uma das cidades históricas do Brasil Império, traz opções sofisticadas e intimistas para o turismo.
Híbridos	Novela Lado a lado	Adulto	Novela e drama que aborda a vida de duas mulheres que apesar de originárias de mundos totalmente diferentes, caminham na mesma direção: buscam conciliar amor e liberdade na conservadora sociedade carioca do início da República.
TV+ Internet	Canais de tvs por assinatura: Tv Cultura; Futura; Discovry Kids; Tv Escola	Crianças e adolescentes	Esses canais possuem uma programação educativa e de entretenimento para crianças. Além disso, oferecem no site um vasto conteúdo educativo, como historinhas, jogos e brincadeiras. A Tv Escola disponibiliza no site os programas transmitidos na televisão. O ruim é que o acesso é que tem pagar a assinatura desses canais

Tarefa: Completando o Projeto de Interface

Utilizando um editor de texto ou editor de apresentações, elabore uma tela para o Google Kids -  http://google-kids.com, de acordo com o estudo sobre usuário e especificações realizado anteriormente. Poste aqui sua atividade, fazendo o envio do arquivo em formato Word ou Power-Point.

Tarefa - Análise do layout e do uso de imagens em páginas web

a) Analise as páginas abaixo e descreva as principais diferenças observadas, buscando justificá-las a partir do que estudamos sobre estrutura da interface.

Microsoft Brasil: http://www.microsoft.com/pt/br/default.aspx
Microsoft Israel: http://www.microsoft.com/he/il/default.aspx

b) De acordo com as teorias de utilização das imagens, estas podem ser empregadas com uma função ilustrativa, taxonômica, de sinalização, ou operativa. Analise as imagens que aparecem com rótulos Imagem 1: bandeira e brasão brasileiros,  Imagem 2: moldura cinza na qual se encontra o título República Federativa do Brasil, a bandeira e o brasão, etc.. Na porção de página abaixo e descreva como cada uma está sendo utilizada.

a)            Estudamos que as áreas que olhamos primeiro são as de maior importância e que por isso, influencia diretamente na leitura. Em sites, as áreas que chamam mais atenção são utilizadas para indicar a forma de como o usuário deve se orientar na navegação.

                As diferenças entre as duas páginas se apresentam logo na forma de como é feita a leitura visual. Por se tratar de culturas distintas, a forma como de lê também é diferenciada. Observei que os logotipos das páginas estão localizadas em lados opostos. A página do Brasil do lado esquerdo e a do outro país do lado direito, assim como os ícones com as principais funções estão dispostos em lados opostos. As duas páginas apresentam letras e cores que combinam e permitem boa leitura, a diferença está apenas na cor. Na página do Brasil a cor é branca sobre o fundo vermelho e a do outro país, o branco está sobre o azul. As imagens de ambas as páginas estão dispostas no centro, assim como as informações de como explorar as vantagens sobre as diversas funcionalidades apresentadas sobre a Microsoft. A diferença novamente está nos lados que cada pais adota. A parte inferior de casa página possui um fechamento diferenciado. A do Brasil se localiza no canto inferior direito e a do outro país, no canto inferior esquerdo. São diferenças puramente culturais.

b)            No meu ponto de vista, as imagens da Bandeira e do Brasão da República estão repletas de significados. As cores utilizadas ilustram marcas de nossa cultura, história e geografia. As duas imagens vem acompanhadas de frases que também tem forte representação história e cultural. Essas frases, dentro do que estamos estudando, podem ser chamadas de rótulos, nesse caso, resumem os lemas de nossa pátria e os seus significados, por exemplo, na Bandeira do Brasil, a cor verde representa as florestas; o amarelo simboliza o ouro e as riquezas; o azul representa o céu; o Branco que pela nossa cultura simboliza a paz; além das estrelas representando nossos estados; assim como Brasão também tem finalidade de identificar a nossa nação. 

TAREFA: Análise de telas com ícones e diferentes formatações de texto

As telas a seguir contêm uma série de exemplos de bom e/ou mau uso de ícones e formatação de textos. Analise cada um dos exemplos justificando suas respostas.

a) A interface do Office 2010 mudou bastante com relação à versão anterior do sistema. Dentre as várias mudanças, podemos observar ícones diferentes, principalmente em questão de tamanho. O que você pensa desta mudança?

b) O texto abaixo está apresentado de 2 maneiras diferentes. Comente-os, falando sobre vantagens e desvantagens de cada um.

c) Traga a tela de alguma apresentação feita por você mesmo (Word,Powerpoint, BrOffice ou outros) e analise nela a formatação de texto de acordo com os critérios e observações apresentadas no curso.

a) Penso que as mudanças foram significativas, pois no modelo de Word 2000 os ícones ficavam todos juntos nas barras de menus e tarefas, já no modelo 2010 os ícones estão agrupados por categorias afins. Essa mudança facilitou a localização mais rápida de uma variedade de recursos, o que facilitou o seu uso. Na barra de fica na parte superior também conhecida como barra de títulos, o usuário pode personalizar ao seu modo, adicionando ícones que são mais usados pelo usuário. Essa possibilidade foi, no meu ponto de vista, uma mudança muito prática. O tamanho e a cor dos ícones ficaram mais destacados e evidentes, contribuindo para a sua fácil localização e identificação, o que tornou o ambiente da interface agradável de trabalhar. Outra mudança que me chamou bastante atenção foi o fato de podermos visualizar uma alteração no texto ou no que está sendo trabalhado antes de concluir aquela tarefa. É o caso da função colar, alterar a cor da fonte, bastando que se passe o mouse em cima daquela alteração, evitando o uso do botão desfazer.

b) os textos apresentados demonstram claramente que estamos estudando nesta etapa. Nos casos apresentados, por exemplo, observo a questão do mau uso das cores: no segundo exemplo temos a legibilidade do texto prejudicada, já que ela é o fator mais rapidamente percebido pelo usuário. A letra branca sobre o azul não é recomendado. O primeiro texto tem uma aparência para uma leitura mais agradável. Na formatação do segundo exemplo, o texto está fora dos padrões visuais da nossa cultura, que é marcada por textos alinhados da esquerda para a direita, o texto em questão está alinhado à direita, o que provoca um efeito desagradável na leitura, e fere os elementos de uma boa comunicação visual. A forma como os textos são colocados se assemelham a figuras, ou “linhas invisíveis” e isso deve ser usado em favor daquela mensagem a ser transmitida de modo que não confunda o leitor.

c) como imagem a ser analisada apresento a interface de meu blog, onde posto as principais atividades realizadas neste curso. No título fiz uma breve descrição do objetivo do blog, utilizando fonte e tamanho da fonte legível. As letras brancas sobre o fundo vermelho permitem boa legibilidade. O blog obedece aos princípios de proximidade e alinhamento, onde separo por colunas informações gerais, e outra somente para as atividades. Cores e contrastes chamam a atenção para os títulos das postagens na estrutura da interface do blog. Coloquei do lado esquerdo uma espécie de mapa, onde coloco primeiramente informações pessoais, os seguidores e mais abaixo todos os arquivos armazenados no site. Tenho uma fotografia do lado superior esquerdo. Do lado direito – menos visualizado – destinei para ações pessoais como editar, colocar nova postagem e fazer alterações de configuração da minha conta. No centro do blog estão as atividades que estou postando durante o curso. Nele contém textos e imagens. Acredito que a interface com letras, tamanho, ícones e cores estão dentro dos padrões de boa comunicação visual.

           

Tarefa: Avaliação do design de software educacional

Agora que você conhece os princípios de design, ergonomia, linguagem visual e usabilidade, que tal aplicar estes conceitos no objeto instrucional apresentado? Faça uma análise crítica do material sugerido, observando a carga de trabalho, utilização de cores, destacando qualidades de interatividade e linguagem visual, bem como a conformidade com os requisitos de usabilidade e de ergonomia.

É notória a tendência de se construir softwares educacionais e de aprendizagem. Eles são excelentes ferramentas de apoio à aprendizagem vários aspectos. Contudo, o avanço desse conhecimento e da elaboração dessas ferramentas deve atender a certos requisitos para que possam atingir objetivos de maneira plena.

O mais importante é garantir a satisfação e a interação do usuário com aquela ferramenta, principalmente se for destinados a públicos diferentes e que possuem experiências e conhecimentos de informáticas diferentes.

Um software acima de tudo deve ser fácil de usar, dar motivação, ter clareza de informações e possibilitar a interação do usuário com a atividade proposta.

O software a ser analisado é bastante interativo, apresenta tópicos relacionados a dengue, cada um com seu conteúdo correspondente ao ser clicado, portanto, as informações primeiramente dispostas facilitam a interação, através de pequenos textos.

O mesmo é conciso, não é um software cansativo, com muita carga de informações ou de trabalho. As cores chamam atenção pela variedade, permitindo uma visualização da interface agradável. Na parte sonora tem uma música de fundo, mas se torna cansativa com alguns minutos, mas o software oferece a função de desabilitar o áudio.

Como pontos negativos, destaco o ícone de ajuda, que é muito pequeno e a fonte de todo conteúdo do software é muito pequena, isso faz com que o acesso a determinados usuários, como os com problemas visuais fique prejudicada.

Tarefa: Princípios da Gestalt e Níveis Cognitivos

Selecione 2 páginas da internet onde você pode encontrar algum dos princípios da Gestalt (área, proximidade, contiguidade, simetria, continuação). Explique sua resposta, dizendo como você interpreta o princípio da Gestalt identificado em cada página. Poste no Moodle um documento com cópia das imagens das páginas e sua explicação para cada uma.

Escolhi os seguintes sites:

1] BANCO DO BRASIL: acessado em 22/01/2014

DISPONÍVEL EM: http://www.bb.com.br/portalbb/home29,116,116,1,1,1,1.bb

No referido site, o princípio da proximidade é evidente quando as formas se agrupam permitindo ao usuário acessar sua conta bancária on-line, além disso, possibilita acesso a diferentes públicos, a exemplo dos deficientes visuais, através de ícones que estão bem próximos. Percebe-se a facilidade do usuário a localização rápida e fácil de sua conta no site.

2] SITE UOL MULHER-HORÓSCOPO: acessado em 22/01/2014

DISPONÍVEL EM: http://mulher.uol.com.br/horoscopo/

Neste site os grupos de informações possuem elementos diferentes, mas que se assemelham na forma como é visualizada. O principio da semelhança presente na estrutura desta pagina aparece nos desenhos dos signos do horóscopo que tratam de assuntos afins.

Fórum - Design Instrucional

Utilização das Cores

Pelo que foi estudado, as cores influenciam diretamente na percepção de nossa realidade. Segundo material de apoio "fundamentos": a memória utiliza-se de um vasto repertório para o reconhecimento de sinais e, de acordo com as experiências vividas, as interpretações são organizadas. Na figura em questão procurei utilizar cores que lembram a Bandeira do Brasil, justamente para chamar a atenção da criança que está realizando a atividade. São cores bastante familiares [verde, amarelo e azul] que já fazem parte do cotidiano delas.