O Wireframe

Depois de fazer alguns wireframes da home do site, com quadradinhos e “loren ipsum”s percebi que era necessário mais que quadrados para representar partes da home, foi ai que comecei a inserir conteúdos fictícios para servir de marcação. Acabei me empolgando e começando a pensar na direção de arte. O resultado foi:

O topo da home será a parte destinada a representação do conceito (crescimento, amadurecimento e aquela coisa toda), a idéia é que em cada página o topo mude mostrando o crescimento do girassol.

O Sitemap

A grande dificuldade desta etapa é ter que projetar todas as sessões do site, prever o que vai ter em cada uma, sem esquecer de nada! Mas está ai, depois de defazê-lo diversas vezes o sitemap está pronto.

Desdobrando o conceito…

Na aula retrasada, conversando com um dos professores sobre a idéia de conceito para o site, surgiu o questionamento de que o girassol talvez não fosse a melhor representação para crescimento.

Foi ai que o professor sugeriu que apartir das palavras-chaves do conceito (crescimento e amadurecimento) eu tirasse várias outras e a cada uma fosse associando imagens.

As palavras que cheguei foram: Responsabilidade; Evolução;Experiência; Autoconfiança; Aperfeiçoamento; Superação;Foco; Objetivo.

A partir destas palavras comecei a estudar mais sobre plantas, para ver qual delas se encaixava melhor em cada palavra. Li livros para ver como era o crescimento de algumas, se eram fortes, se suas raízes eram profundas, se o caule era torto ou reto, vi várias imagens e a conclusão que cheguei: O GIRASSOL AINDA É A MELHOR OPÇÃO!

Os motivos são vários: o caule é reto, o que representa FOCO, ele busca o sol, representando o OBJETIVO, ele se adapta bem a vários lugares, representando SUPERAÇÃO. Sem contar vários outros aspectos, como a semente que tem grande utilidade e é dela que é extraído boa parte do óleo de girassol. Ou como a raíz que apresenta um sistema que faz com que a planta atinja as camadas mais profundas do solo. E por aí vai!

Definido o conceito agora é a hora de começar a estruturar o site, começando pelo sitemap.

Abrindo a cabeça…

Bom…resolvi abrir a cabeça e sair da idéia de pensar apenas em vetores, e foi ai que cheguei a uma idéia de conceito que acredito ser bem interessante.

A chave do conceito seria CRESCIMENTO:
Crescimento que apresentei do inicio do curso até agora, bem como o crescimento que ainda vou apresentar no site durante esses 3 anos e meio, já que ele vai permanecer por um longo tempo e consequentemente crescendo e amadurecendo junto comigo.
Como estamos em constante crescimento, acredito que essa é uma idéia que não vai ficar ultrapassada com o passar dos anos e por este motivo é uma boa idéia para um site que tem como função, também, ser um portfolio (mostrando como os trabalhos foram “crescendo” com o tempo).

Para representar a idéia de crescimento pensei em uma planta, em que no decorrer do site o usuário fosse vendo o crescimento dela, por exemplo, na página dos links uma semente, na página das imagens a planta começando a brotar, no perfil a planta grande e assim por diante.
Mas não poderia ser qualquer planta, ela teria que me representar, afinal de contas o site é meu. Foi ai que pensei num girassol.
O girassol é uma planta que tem como principal característica buscar o sol. Esta sou eu, começando agora a carreira de comunicadora digital e buscando os meus objetivos, com persistencia, atitude e muita força de vontade.

A segunda aula…

É…acho que a coisa é mais complicada do que eu pensava, assim como não consegui explicar a idéia escrevendo, não consegui explicar falando. Tinha várias idéias na cabeça mas na hora não consegui falar nada, tive que dar o braço a torcer e concordar que sem escrever vai ser difícil.

Quando apresentei a idéia para os professores eles me deram a sugestão de buscar refêrencias, ver vários sites pessoais e ver o que mais eu gostava neles, e depois tentar descobrir o por quê eu tinha gostado.

Vi alguns sites e a conclusão que cheguei foi que os que eu mais gostava eram aqueles que tinham um estilo desenhado. Não sei se gostei porque gostei mesmo ou porque já estava com a cabeça nos vetores.

Daí resolvi ir atrás de vetores e ver como eu poderia usar isso ao meu favor, foi ai que eu encontrei uma imagem que ilustrava bem o que eu queria representar, e não tinha conseguido explicar.

Essa era a idéia, usar contrates (de cores, de imagens) para me apresentar como futura comunicadora digital, utilizando imagens vetorizadas para trazer a idéia de digital e a minha representação nesse mundo.

Vou tentar ilustrar a minha proposta para que o conceito fique mais claro e em breve colococarei a ilustração por aqui.

O começo…

Na sexta-feira, 16, tive a primeira aula de “Desenvolvimento de Produto I”, esta disciplina tem como objetivo auxiliar a desenvolver um site pessoal.

A tarefa para o fim de semana era começar a pensar num conceito para o site. O problema foi que passou sexta e eu não consegui pensar em nada, passou sábado e também não tive nenhuma idéia, cheguei a conclusão de que eu não conseguia ter nenhuma idéia pois não achava nada que me representasse ou que eu gostasse tanto que fosse característico meu.

Foi ai que entrei numa crise de personalidade, comecei a me desesperar, alguma coisa tinha que ser forte em mim, mas em vez de respostas só vinham mais dúvidas. Eu gosto de música, mas eu gosto de qualquer tipo de música, eu gosto de cinema, mas não tenho paixão por nenhum estilo, gosto de ação, mas também gosto de romance. Eu amo tecnologia e também amo natureza.

Não pude perceber nada que fosse característico meu, eu gosto de tudo e não achei nada que pudesse me representar, foi ai que tive uma idéia: se não tem nada que possa me representar, nada melhor do que eu mesma para fazer isso.

Talvez não seja nada revolucionário, mas está ai a minha primeira idéia de conceito para o site, utilizar a minha imagem para me representar e dizer quem eu sou quanto estudante de comunicação digital.

Achei isso pouco, usar a minha imagem para me representar? Ok! Mas como deveria ser essa minha imagem? Foi ai que tive outra idéia, que tal usar essa minha coisa de gostar de tudo, mesmo que sejam coisas opostas e botar isso em mim? Escrevendo talvez fique bem confuso, mas a idéia era utilizar a minha cara para mostrar dois extremos da minha personalidade. As idéias são muitas, acho que agora passou a crise de personalidade e estou pronta cara entrar de “cara” neste projeto.

Analisando o Hipertexto

As matérias publicadas no canal Terra Mundo foram as escolhidas para servirem de base para análise do canal. Nas notícias análisadas (Alemanha: 3 corpos de bebês são achados em congelador e Ondas arrastam e matam oito na Coréia do Sul), podemos perceber a ausência de hipertextos, sendo vistos apenas na lateral no módulo de últimas notícias.

As ligações semânticas que poderiam existir no texto (substituindo o módulo de últimas notícias) também não existem, eliminando a possibilidade de remeter a outras notícias, fazendo com que o texto das notícias sejam mal aproveitado para fazer ligações.

As expressões que viraram links deveriam ser escolhidas fazendo sentido, dando relevância para aquela expressão e, remetendo a uma outra notícia dentro do contexto da primeira. Se fossem escolhidas de forma aleatória, talvez não chamassem tanta atenção do usuário.

Pensando no usuário, o texto não estimula sua participação, porém, trabalha com imagens e um texto simples, facilitando a leitura. Os hiperlinks por sua vez, poderiam ajudar o usuário que se interessa pelo assunto tratado na notícia, fazendo com que fosse levado para outras de mesmo assunto.

Analisando o Hipertexto - parte 2

Baseado nas notícias: “Escândalo com Ronaldo ocupa metade de “mais vistos” do YouTube” e “Peste da internet, spam completa 30 anos de existência“, analisamos o canal de informática da folha online.

Nestas notícias há um contraste, numa os links são dispostos durante e no final do texto, já na outra, apenas no final, os chamados links estruturais.

Acreditamos que a notícia que possui links durante o texto é muito mais polêmica e tem muito mais conteúdo fora do próprio site da folha online e por isso há a necessidade de links estratégicos. Isto pode ser uma tentativa de não dispersar o usuário para outro sites e fazer com que ele permaneça na folha, quando o assunto não é pertinente.

Ambas as notícias apresentam links estruturais no final do texto, links que talvez não sejam nem percebidos pelos usuários, no entanto esse tipo de recurso se torna prático para o site que tem uma grande dimensão. Os links presentes durante a notícia vão para outras páginas da Folha ou no caso da notícia sobre o Ronaldo, somente para o youtube, limitando o trajeto do leitor.

Na primeira notícia analisada é percebido que o texto foi pensando para receber hipertexto, se utilizando de ligações semânticas para chamar a atenção de pontos importantes do texto.

Google Docs X Pacote Office

O Google Docs é um pacote de aplicativos do Google que permite a edição de textos, apresentações e planilhas pela web. Os arquivos feitos no Google Docs, ficam armazenados nos servidores Google e podem ser acessados de qualquer computador que tenha acesso à internet. Vantagens é o que não faltam neste serviço da Google - o que preocupa a grande Microsoft que ainda não se adaptou à web 2.0 e mantém seus produtos semelhantes offline.

Para usar o pacote Office da Microsoft, por exemplo, é necessário instalar softwares no computador, já no Google Docs isso não é necessário pois tudo é online, podendo assim ser acessado de qualquer computador.

Interatividade é o foco do serviço da Google. Vários usuários podem editar um único arquivo num mesmo instante, facilitando a comunicação e economizando tempo. Depois de começar a usar algo com esse conceito, acredite, é quase impossível voltar a utilizar o modo antigo.

A praticidade e facilidade de uso é notável no Google Docs! Quem nunca utilizou o serviço não terá grandes dificuldades. A interface amigável já é conhecida, pois segue os padrões de apresentação das funcionalidades do Google e de vários softwares já conhecidos.

A ferramenta ainda não é compatível com o Office 2007, no entanto os arquivos feitos no Google Docs podem ser baixados nos formatos mais comuns (.doc;.xls;.pdf).

O maior problema do serviço da Google talvez seja a impossibilidade de acessar os arquivos armazenados no Google quando não há conexão com a internet, no entanto, segundo o blog oficial do Google Docs: em breve isso será solucionado e os usuários poderão editar seus arquivos offline.

O Design e a Revolução Industrial

Ao contrario do que muita gente pensa, o design é bem mais do que a preocupação estética do produto, consiste também em um bom projeto e um conceito que explica o porquê do objeto ser feito daquela maneira e não de outra. E como toda boa inovação, surgiu em meio ao clima de mudanças de uma revolução: a Revolução Industrial.            Neste período acontecem melhorias na saúde, a expectativa de vida das pessoas aumenta, a riqueza não fica concentrada apenas no clero e isso gera um maior consumo por parte da população e começa ai a necessidade de produzir em grande quantidade, surgindo assim o design!

Ele trouxe-se diversas contribuições para a revolução industrial, principalmente no quesito armamento, as peças tornaram-se padronizadas e por tanto trocáveis, o que facilitava o conserto de armas e máquinas. Sem contar o planejamento que começou a ser feito antes e depois da produção, a criação de novas tecnologias e a mudança na forma de trabalhar e fabricar, com um baixo custo de produção a reprodução se tornava ilimitada.

Durante o Séc. XIX industrializaram-se França, Estados Unidos, Alemanha e algumas regiões e setores de vários outros países, incluindo o Brasil. Nos Estados Unidos, o processo de industrialização foi rápido devido principalmente a indústria armamentista. No Brasil a repercussão da Revolução Industrial demorou a chegar, ele continuava dependente dos europeus e a produção agrícola ainda era muito presente.