Novo visual e começo das interações com redes sociais.

Depois das interfaces finalizadas, pudemos rever o visual usado no pd. E a partir de agora usar um novo layout, principalmente nas redes sociais.

No twitter começamos a ação que terá ligação com a interface da Donzela. Frases de amor, acompanhadas da tag #twitteoamor

Entrega do Projeto de Design

Na última quarta feira, dia 31/03, fizemos a entrega do Projeto de Design. O projeto ainda tem um nome provisório, pois durante o desenvolvimento do conteúdo nós percebemos que ele ainda precisa de um ajuste.

A orientação de entrega foi rápida, com alguns comentários diretos.

- A orientadora Rachel nos questionou sobre a identidade visual do projeto. Ela disse ideal é que as referências para a construção da mesma tivessem vindo de forma mais direta do Painel Semântico, porém ao explicamos o processo de criação da identidade e a finalização do painel, ela compreendeu nossa idéia.

- O PD está muito textual ainda e por conta disso os orientadores não puderam avaliar muita coisa na orientação. Faltou colocar mais exemplos de como serão as interfaces e também wireframes explicando as interações.

- Para a próxima semana precisamos iniciar o desenvolvimento das interfaces . Cada integrante do grupo deverá fazer ao menos 2 estudos de cada interface. O objeto é além de desenvolvermos várias idéias, verificar se todos estão sincronizados com o processo de criação.

Já na orientação do professor Marcelo Falco no dia 01/04, conversamos um pouco mais sobre a Proposta de Design.

Primeiro, falamos da peça off-line. O professor gostou da idéia, porém ele pediu para tomarmos cuidado para não parecer uma adaptação da peça digital. Devemos explorar um pouco mais as possibilidades que o design gráfico pode nos dar. Ela deve ser um complemento da peça on-line e não uma adaptação.

Ele gostou da idéia de colocarmos o livro numa caixa ou um pequeno case, pois pode acontecer de ele ficar meio grosso ou pesado.

Quanto às tipografias, ele fez apenas um comentário do tipo da Honra: poderia haver algumas serifas.

Tratando de interfaces, conversamos de na mentira colocarmos interação com cuepoints no mouse-over do vídeo. A idéia é boa porém devemos ter cuidado ao construir a interface, por conta da tecnologia (vamos usar apenas aquele trecho em Flash ou a página toda?)

Quanto à interface da Cobiça, comentamos de o usuário poder se aprofundar em três "níveis" dentro de cada "ilha". Ele sugeriu uma maneira de abordarmos as três dentro do mapa de navegação: podemos fazer um círculo grande com as representações das "ilhas" dentro. Isso já demonstrará que são três "segmentos da interface" dentro de uma mesma interface.

Quanto à interface da Donzela, nela também haverão elementos que serão relativos ao caminho que o usuário está fazendo.

No mapa digital que montamos, poderiamos ter destacado os elementos clicáveis e não clicáveis.

Nas interações de transição, haverá um preloader para a próxima interface com elementos que representem a transição (textos, imagens, etc).

Orientações de ontem e hoje

Ontem finalizamos o Painel Semântico, finalmente!!
Segue a imagem com o resultado final:


Sendo assim, agora vamos dar continuidade ao PD, começando tarefas novas e concluindo as iniciadas domingo.

Fim de semana no CCSP

Ontem pela manhã nos reunimos no CCSP para finalizar as ligações do Painel Iconográfico e começar a discutir as tarefas do PD.

O resultado do Painel foi o seguinte:

Os grupos todos ficaram ligados de acordo com o esquema que definimos na última 4a feira durante a orientação. Esse esquema já é a base para a navegação do site que vamos criar, sendo que cada grupo é referente a uma interface.

Com isso feito, discutimos tipografia e paleta de cor que usaremos no projeto. Tiramos do painel fotos das referências que serão usadas na escolha de tipografia e também dos pedaços que serão referência de cor.

Finalmente, reorganizamos as tarefas do PD para serem feitas durante a semana.

Alterações no Painel Iconográfico

Na última orientação (dia 17/03), recebemos orientação na aula do TCC sobre o Painel Iconográfico.

Eles fizeram algumas observações importantes. Embora o conceito esteja bom, as imagens estão complicadas e o painel no geral está muito tímido. Tudo muito pequeno, simples. Além disso, as imagens estão subjetivas demais e fica dificil de entender.


Além de alterarmos as imagens, para a próxima orientação teremos que trazer já materiais do PD. Esta etapa exige atenção pois está um pouco atrasada.


Em cima disso, começamos a trabalhar na alteração do painel ainda na aula. Levantamos algumas idéias e dividimos o painel para que cada um ficasse responsável por uma parte.


Na quinta feira (dia 18/03) começamos a recortar e montar o painel. Aproveitamos as duas aulas do dia para isso, e também a primeira aula de sexta (19/03).


Na aula do prof. Marcelo Falco na quinta feira, ele também nos passou explicações sobre o desenvolvimento do PD.


No fim da sexta feira, o resultado parcial de alguns dos grupos do painel era o seguinte:

Donzela

Loucura

Materialismo

Batalha

Continuação do Painel Iconográfico

No fim de semana, cada um ficou responsável por algumas tarefas relacionadas ao PD. Já o Daniel ficou como responsável por terminar de montar as coisas do Painel Iconográfico, de acordo com o conceito que criamos na sexta feira. Já a Milena ficou responsável pelo grupo de Narrativa, o qual ela fez a postagem explicando o processo no último domingo.
Com isso, na terça feira usamos a aula de Direção de Arte do prof. Claudio Ferlauto para discutir o resultado final dos grupos, e ver a opinião do professor. Ele fez algumas questões como o conteúdo das imagens e também as ligações entre os 6 grupos. Quanto ao grupo de Narrativa, decidimos deixa-lo de lado por enquanto, pois acreditamos que ele dá a base para que o resto aconteça.
Após discutirmos as relações e fazermos algumas alterações, chegamos no seguinte resultado:

Mentira

Materialismo

Donzela

Loucura

Honra

Batalha

Amanhã precisaremos ver o que os orientadores acham do nosso painel. Nós acreditamos que houve uma evolução muito grande, e o conceito está muito bom. Claro que precisamos ver alguns pontos, como as ligações. Isso também será discutido amanhã.

Composição área 4 do painel.

Como disseram no outro post estou responsável por uma parte adjacente do painel iconográfico que centraliza as informações da área de hipermdia e tecnologia.

Essa composição partiu da parte central um circulo de arte cinetica que representa o dinamismo das informações em cima duas imagens se completam, apesar de serem bem distintas formando assim a co-autoria. O circulo tipográfico que sai do circulo de arte cinética representa a interação e saindo dele os ornamentos azuis/roxos descentralizam a composição pesando para o lado esquerdo, abaixo temos a multiplicidade de formas. Partindo para o lado direito temos o amarelo ressaltando hiperlinks e tecnologia. O circulo rosa representa um tunel, formado por informações trabalhando o multitemporal.
Nas laterais temos composições orgânicas que fecham a composição com o não linear e aleatório.
As cores se separam por áreas temos a direita a grande área azul/roxa a esquerda o rosa. O verde forma uma reta na diagonal da base, passando pelos links e chegando ao aleatório e o amarelo fica no intermédio  do verde com o rosa.

Tirando o atraso do Painel Iconográfico...

Na 5a feira (11/03) tivemos às 20h a orientação na aula do prof. Falco, que já nos pediu algumas entregas de PD para a semana que vem. Ele nos pediu para tomar cuidado com o Painel Iconográfico, pois muita coisa do PD está baseada nele e o atraso de um poderá acarretar no atraso do outro.

Depois, procuramos nos focar no Painel Iconográfico. Procuramos novas imagens, tentamos novas composições, porém ainda não obtivemos coisas muito concretas. Algumas idéias já surgiram e podem ser muito úteis. Já ficou clara a divisão de imagens de acordo com o Painel Iconográfico.

Já na 6a feira (12/03), a reunião foi bem mais produtiva. Conseguimos chegar em conceitos mais interessantes e concretos.

A partir dos três grupos definidos no Painel Semântico (Novelas, Picaro-Tragico e Herói), selecionamos 3 palavras para representar Novelas e 3 para Herói. Com isso, estamos caminhando para uma média de 6 ou 7 interfaces. Quanto ao grupo Picaro-Tragico, achamos que esse dará mais suporte a construção dentro dos outros grupos do que se for tratado isoladamente com mais interfaces. Por isso, montamos um esquema de relação entre os grupos e as palavras.

As imagens abaixo apresentam os esquemas desenhados pelo Daniel de acordo com nossa discussão e também a nova separação de imagens de acordo com as sensações que as palavras selecionadas provocam em nós. Estamos seguindo para uma vertente que valoriza muito a cromia. Para definir essa cromia, estamos estudando o que as imagens selecionadas apresentam de cores e a partir disso as escolheremos.


No final de semana, o Daniel contiuará o processo de definição desse Painel e precisaremos ainda buscar mais imagens para o mesmo. Já a Milena está responsável pelas imagens de um 4o grupo que também dará suporte para o trabalho, o de Narrativa.

Orientação TCC do dia 10/03

Quanto ao Painel Semântico, fizemos apenas algumas alterações e ajustes de acordo com as definições de ontem. Isso ficou a cargo das colegas Michelle e Milena.


Já os colegas Diogo, Mariana, Tamiris e eu iniciamos a montagem do Painel Iconográfico. Começamos a agrupar as imagens encontradas ontem.

Durante a orientação, os orientadores falaram pouco do Painel Semântico e muito mais sobre o Painel Iconográfico, pois eles perceberam que o painel estava muito cru ainda, com imagens muito objetivas e clichês. Isso estava fora da proposta, e de acordo com o cronograma, era para estarmos em um estágio mais avançado. Eles nos falaram para procurarmos imagens mais subjetivas ou pedaços de imagens que representassem de forma indireta aquilo que colocamos no Painel Semântico. A prof. Rachel também nos lembrou que o ideal era ter isso pronto 4a, para podemos prosseguir com o PD. Infelizmente nosso PD irá atrasar pois sem o Painel Iconográfico definido, não podemos definir muita coisa do PD.

Depois da orientação, começamos a discutir sobre a questão do Painel Iconográfico e fazer um levantamento do que poderiamos aproveitar das imagens atuais. Fizemos poucas definições e combinamos de aproveitar 5a feira e 6a feira (já que o prof. de Gerenciamento estava de licença e temos as outras aulas disponíveis para auxiliar o TCC) para tirar o atraso do painel.... bom, vamos ver no que dá!

Última orientação do painel na aula de Direção de Arte

Na última terça feira (dia 09/03), tivemos a última orientação para o Painel Semântico na aula de Direção de Arte.

A colega Michelle no fim de semana reorganizou os conceitos de acordo com as orientações da Prof. Rachel na última orientação do TCC. O resultado foi uma nova versão do painel, com ligações entre os grupos que haviamos feito e descarte final de algumas palavras.

Depois, dividimos o grupo em dois. Os colegas Michelle e Daniel continuaram a finalização do Painel Semântico. O professor Claudio Ferlautto também discutiu com eles a visão dele sobre o painel, dando algumas sugestões.

Enquanto isso o Diogo, a Mariana, a Tamiris e eu nos concentramos em buscar imagens para a Pesquisa Iconográfica, que está atrasada.

Quanto ao Painel Semântico, chegamos finalmente em um consenso. Porém, amanhã precisaremos de uma avaliação final dos orientadores do TCC. Quanto ao Painel Iconográfico, ainda estamos muito no começo. Amanhã teremos que correr!

Continuação do Painel Semântico

Hoje, na aula do prof. Claudio Ferlautto, montamos na parede o painel reeditado pela colega Mariana no fim de semana, de acordo com algumas conclusões nossas e opiniões de alguns professores discutidas durante a semana.

Depois de montar o painel, inciamos uma discussão para organizar as palavras-chave de acordo com o diagrama de Jay Doblin.

Com as palavras posicionadas nos quadrantes, o prof. Ferlautto deu a orientação dele em cima de algumas sugestões de acordo com seu ponto de vista. Ele nos falou também sobre tentarmos montar "guarda-chuvas" de palavras, uns em cima dos outros. Sendo assim, resolvemos reposicionar algumas palavras em novas estruturas, sem utilizarmos mais o diagrama de Jay Doblin. Montamos aproximadamente 22 "guarda-chuvas", que partiam de 3 principais.

Estes guarda-chuvas são compostos por palavras ou conceitos que são ligados por similaridade, e que podem ser ligados de certa forma a outros guarda-chuvas de forma hierarquica.

Depois de muito pensar e discutir (rs), conseguimos uma nova estrutura para mostrar para os orientadores amanhã!

Até!

Iniciando o Painel Semantico

Iniciamos hoje na aula de Direção de Arte o nosso painel semântico.

Michelle e Daniel

Materiais

Diogo e Michelle

Mariana e Tamires

Milena

Parte do painel

Depois de separar os pontos positivos e negativos por cores precisamos de mais uma parede para separar os pontos de acordo com o Diagrama de Jay Doblin, como o prof. Ferlauto nos explicou.
Que bagunça!!! rsrsrsrs
Não tinha mais espaço dentro do laboratório, então levamos todo o material para o corredor.
Pelo menos do lado de fora estava mais fresquinho do que dentro da sala (sauna).

















Discutindo a organização dos quadrantes






























Todo mundo trabalhando duro

Regra para as orientações na aula de Laboratório de Criação e Produção

O Prof. Marcelo Falco definiu algumas regras para os atendimentos:
1 - Ele realizou um sorteio e cada grupo vai ser atendido sempre no mesmo dia. No nosso caso, seremos atendidos em todas as quintas feiras.
2 - O horário será revezado. São 3 grupos por dia, então 1 será atendido às 7h30, outro às 8 e outro às 8h30. Ai na semana seguinte o primeiro grupo será o último e assim por diante.
Ele ficou de enviar o cronograma com os horários da próxima semana.
A partir da semana que vem, já começaremos a ter entregas.

Orientação de hoje na aula de Laboratório de Criação e Produção

Oie!
Na orientação de hoje, o professor nos pediu para "contarmos" o nosso trabalho. Explicamos os motivos de escolhermos Dom Quixote, o que descobrimos, nosso foco e conclusão - principalmente este último.
Explicamos para ele que o nosso foco caiu em intertextualidade e relação de imagem e texto: esses temas podem ser relacionados com o que temos na Hipermídia.
Mencionamos também alguns rumos que deixamos de tomar na pesquisa.
Ele já teve algumas idéias, e disse que dá pra trabalhar bastante coisa (ufa! rsrs). Ele falou que vai contar as idéias apenas mais para a frente para isso não influenciar no Painel Semântico.
Comentamos com ele o fato de ainda não temos uma idéia concreta do que iremos fazer. Mas com o andar do desenvolvimento do Painel, as idéias ficarão mais claras e poderemos tomar um rumo.
Eu argumentei com ele algumas questões que estavam na minha cabeça e também algumas coisas mencionadas em conversas informais que tivemos sobre o trabalho, mas tive o cuidado de mencionar que eram apenas idéias, nada definitivo. Falei primeiramente de um aspecto que tem me chamado muito a atenção na análise da pesquisa, que é a questão de realidade e ilusão. Percebi o quanto isso é importante, por mais que tenhamos deixado de fora. A Tamy lembrou que dentro das análises de imagem fala-se brevemente sobre isso e o Prof. Falco nos disse que podemos tentar resgatar um pouco disso em nosso trabalho, mesmo se não tivermos muito aprofundamento. Só não podemos inventar conteúdo, temos que trabalhar em cima do que temos.
Depois disso, falei de várias idéias que foram mencionadas por integrantes do grupo em reuniões e conversas. Comentei sobre a idéia de usuários enviarem textos ou construirem parte da narrativa. Ele achou isso bastante interessante, pois trabalha intertextualidade e interação. Ele disse até que não precisa ser algo tão direto... o usuário pode criar uma narrativa através de suas interações no site.
Outra coisa que mencionei foi o fato de usarmos os trechos selecionados e partes da história. Ele disse que não precisamos nos prender a isso, que ao longo do processo Dom Quixote vai se afastar gradualmente. Precisamos nos focar no que retiramos do livro.
Mencionei brevemente a idéia de usarmos avatares, e ele disse que até lá vamos ver. Mas pediu para tomarmos muito cuidado com isso, principalmente pra não cair em games. Tem que ver o andar do trabalho.
Uma idéia breve que ele comentou que foi usada em um trabalho de TCC (o Sincrético) foi uma área do site que trabalha a relação imagem e texto através de interações com o Flickr: você passa o mouse em uma palavra e o site te traz uma imagem do Flickr relacionada a ela, no lugar da palavra.
A principio, pela análise do Prof., poderemos trabalhar bastante a intertextualidade, relação de imagem com o texto e ele gostou muito de realidade e ilusão. Mas, para trabalharmos essa última, precisaremos ver o que a pesquisa oferece de subsídio para isso.
E por fim (rsrs) ele pediu cuidado para não criarmos uma narrativa com final.

Orientação de hoje

O Nelson comentou alguns aspectos gerais sobre o desenvolvimento do trabalho. A principal novidade é que o PD será digital.
É importante ressaltar que a nota do TCC valerá para todas as matérias. Apenas Gestão em Design e Gerenciamento de Projeto que poderão ter nota mais baixa.
Mas por que isso? Todas as matérias estarão vinculadas ao TCC diretamente. Tudo o que produzimos em todas as aulas é voltado a isso.

Neste primeiro momento, estamos montando o Painel Semântico. O que deve ser feito por enquanto é a análise que o Ferlautto pediu. Só quero ressaltar que não precisa ser "3 aspectos negativos e 3 positivos por capítulo", mas sim ao menos três. Pode fazer quantos quiser ou achar necessário.
Na próxima aula do Ferlautto iremos começar o painel, e sempre o levaremos na quarta feira para o Nelson ver, fazer os comentários e ajustar da forma que achar melhor para mostrarmos para o Ferlautto na outra terça. Me parece que trabalharemos assim com todas as matérias, mas acredito que uma etapa por vez.
Depois de 3 semanas, faremos a Iconografia em 1 semana e finalmente o PD, em duas semanas. Mais detalhes serão colocados na agenda do grupo, de acordo com o calendário enviado pelo Nelson agora a noite.

O Painel Semântico é a metodologia que usaremos para iniciar/desenvolver o nosso projeto. Em aula, foram passados detalhes de como ela funciona. Conversaremos melhor sobre isso na próxima aula do Ferlautto. Em breve, ele irá disponibilizar a explicação.

Ele pediu para a sala organizar a ordem dos atendimentos pra não ficar a bagunça de antes. A Mica criou uma proposta que mostramos pra ele e ele pediu pra conversarmos com a sala segunda, na aula do Álvaro.

Estreando nosso blog!

Bom dia, boa tarde, boa noite, boa madrugada...rsrs.
Este é o primeiro post do nosso blog. Somos uma turma de 8o semestre do curso de Design Digital da Universidade Anhembi Morumbi. Nosso grupo tem 7 integrantes: Daniel, Diogo, Mariana, Michelle, Milena, Tamires e Tamiris.
Através deste blog iremos acompanhar o desenvolvimento da segunda parte do nosso TCC. Todo o projeto, informações sobre as reuniões e orientações poderão ser acompanhados por aqui.
E boa sorte a nós :).