Embed Size (px)
Citation preview
Equipe de Design
O PLANETA ROODA é um Ambiente Virtual de Aprendizagemdisponível via web, voltado à Educação Infantil e ao Ensino Fundamental.
Caracteriza-se pela temática espacial, possibilitando:
- configuração da interface gráfica;
- comunicação síncrona e assíncrona;
- trabalho coletivo e
- publicação de arquivos.
O professor tem a opção de selecionar as ferramentas que mais se adaptam
a sua metodologia de trabalho e disponibilizar jogos e objetos de aprendizagem.
O Planeta
Equipe de Design
- Ambiente Virtual de Aprendizagem
- Software Social
- Plataforma de Chat
- MMORPG
Conceitos base
Equipe de Design
- Possibilitar um ensino interdisciplinar, fornecendo maior liberdade às
dinâmicas pedagógicas aplicadas ao AVA;
- Fornecer a manipulação de cenários em tempo real, gerando uma maior
interação entre usuários e interatividade usuário-AVA;
- Colaborar com a sociedade acadêmica, utilizando a tecnologia digital para
construir uma nova concepção de ambiente virtual de aprendizagem.
Objetivos
Equipe de Design
Fundamenta-se na perspectiva piagetiana de aprendizagem.
- O sujeito constrói conhecimento através da interação com o meio físico e
social.
- O trabalho coletivo possibilita as trocas com os outros sujeitos, o conflito de
idéias e o desequilíbrio cognitivo, necessários para a construção de novos
conhecimentos.
Fundamentação
Equipe de Design
“Design é uma atividade de projeto que consiste em determinar
as propriedades formais dos objetos a serem produzidos industrialmente.
Por propriedades formais entende-se não só as características exteriores,
mas sobretudo as relações estruturais e funcionais dos objetos.”
- Tomás Maldonado
Design
Equipe de Design
“Design é a atividade consciente de combinar, de modo criativo,
invenção tecnológica com inovação social, com o propósito de auxiliar,satisfazer ou modificar o comportamento humano.”
- Alexander Manu
Design
Equipe de Design
Design de interação é uma área do design especializada no projeto de
artefatos interativos, como websites, PDAs, jogos eletrônicos e softwares.
O foco do Design de Interação são as relações humanas tecidas através
dos artefatos interativos, que funcionam também como meios de
comunicação interpessoal.
Design de Interação
Equipe de Design
- Programação ActionScript e PHP
- Servidor Local e Remoto
- Uso de avatares
- Multi Ambientes
- Personalizável
- Hierarquia Flexível
Constantes
Equipe de Design
Metodologia
Equipe de Design
Metodologia
- Definição do Problema
- Análise do Problema
- Pesquisa
- Levantamento de Dados
- Análise de Similares
- Avaliação de Similares
- Geração de Alternativas
- Seleção de Alternativa
Equipe de Design
Conjunto de elementos gráficos que representam visualmente,
e de forma sistematizada,
um nome, idéia, produto, empresa, instituição ou serviço.
Identidade Visual
Equipe de Design
Identidade Visual - Logotipia
Atual
Tipografia fantasia de difícil entendimento e leitura.Tipos amorfos, conotando mais falta de refino doque a referência infantil desejada.
Grafismo remetendo a planeta.
Cores conflitantes
Uso de elementos em relevoe elementos planares
Estruturas comformas aleatórias
Equipe de Design
Dados obtidos
- Definir gama de cores para utilização;
- Estabelecer conjunto de grafismos e formas gráficas padrão;
- Gerar hierarquia de informações gráficas às telas;
- Pontuar parâmetros fixos para as interfaces.
Identidade Visual - Logotipia
Equipe de Design
Objetivos
- Representar o Planeta ROODA;
- Demonstrar a sua abrangência;
- Delimitar os elementos gráficos para as interfaces;
- Preordenar as informações visuais;
- Referenciar o software de modo consistente e simples.
Identidade Visual - Logotipia
Equipe de Design
Tipografia
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Tipografia estilo estrusca.Remete à estrutura de tipos modernos,porém isento de serifas, conferindo um traço mecanizado,facilmente refenciada à objetos de alta tecnologia.
Grafismos descendentes deformas básicas,de simples entendimento e reprodução.Referência à estrutura de planeta eórbitas celestes.
Cores básicas dasíntese aditiva,Com atenuações paramenor estresse visual.
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Logotipia
Equipe de Design
Identidade Visual - Grafismos
Diretrizes
- Manter as definições da Logotipia;
- Simbolizar elementos da metáfora;
- Servir de suporte de identificação do Planeta ROODA;
- Auxiliar na construção e hierarquia das interfaces.
Equipe de Design
Identidade Visual - Grafismos
Equipe de Design
Identidade Visual - Grafismos
Equipe de Design
Identidade Visual - Grafismos
Equipe de Design
Identidade Visual - Grafismos
Equipe de Design
Identidade Visual - Grafismos
Equipe de Design
Identidade Visual - Interface
O conceito de Interface se expressa pela presença de uma ou mais
ferramentas para o uso e movimentação de qualquer sistema de
informações, seja ele material, seja ele virtual.
Equipe de Design
Identidade Visual - Interface
Uma interface com usuário que recorre ao mouse e gráficos demapa de bits para simplificar grandemente as operações básicas
do computador para os usuários iniciantes.
Os recursos típicos da interface gráfica são os quadros de
advertência, clipboard ou áreas ou área de transferência,
os acessórios, de mesa, a metáfora do desktop,
os quadros de dialogo, as setas de paginação, a possibilidade de
utilização de diversas fontes na tela, a equivalência entre conteúdo
da tela e a página impressa e a abertura de várias janelas na tela.
Equipe de Design
Identidade Visual - Interface
Metodologia
- Análise de Requisitos
- Análise de Similares
- Prototipagem rápida
- Testagem
- Prototipagem média
- Testagem
- Wireframes
Equipe de Design
Identidade Visual - Interface
Nova Interface Principal
- Tela de Navegação padrão
- Tela de Navegação por avatar
- Ações do usuário
- Ações do avatar
- Acessos múltiplos
- Centralizar informações
- Permitir maior interação
Equipe de Design
Identidade Visual - Interface
Equipe de Design
Identidade Visual - Interface
Botão / Opção
Caixa de informação
Entrada de informação
Dados textuais
Tela de Avatar
Equipe de Design
Identidade Visual - Interface
Wireframes
- Estrutura de linhas e caixa
- Composição de opções da interfaces
- Eliminação de metáfora gráfica
- Análise da estrutura funcional
Equipe de Design
Identidade Visual - Interface
Equipe de Design
Identidade Visual - Interface
Equipe de Design
Identidade Visual - Interface
Equipe de Design
Identidade Visual - Interface
Equipe de Design
Protótipo
Equipe de Design
Hierarquia e Herança
Nível 0
Equipe de Design
Hierarquia e Herança
Nível 0
>
Equipe de Design
Hierarquia e Herança
Nível 0 Nível 1
>
Equipe de Design
Hierarquia e Herança
Nível 0 Nível 1
>>
Equipe de Design
Hierarquia e Herança
Nível 0 Nível 1
> Nível 2
Nível 2
>
Equipe de Design
Hierarquia e Herança
Nível 0 Nível 1
> Nível 2
Nível 2
>>
Equipe de Design
Hierarquia e Herança
Nível 0 Nível 1
> Nível 2
Nível 2
>Nível 3
>
Equipe de Design
Hierarquia e Herança
Nível 0 Nível 1
> Nível 2
Nível 2
>Nível 3
> >
Equipe de Design
Hierarquia e Herança
Nível 0 Nível 1
> Nível 2
Nível 2
>Nível 3
> Nível 4
>
Nível 4
Equipe de Design
Estágio Atual
- Construção do sistema do protótipo do ambiente virtual;
- Planejamento das interfaces;
- Estruturação das novas funcionalidades;
- Testagem.
Equipe de Design
Núcleo de Tecnologia Digital Aplicada à Educação
http://www.nuted.ufrgs.br
