Você está na página 1de 65

UNIVERSIDADE CATLICA DE PELOTAS

CENTRO DE EDUCAO E COMUNICAO CURSO DE TECNOLOGIA EM PRODUO FONOGRFICA

DISCIPLINA DE DESIGN GRFICO E DIGITAL


PARTE 02: MDIAS ALTERNATIVAS, MEIO DIGITAL E DESIGN DIGITAL

Renata Oliveira Garcez


Pelotas, 2012

Publicitria, Ps-graduada em Marketing, Professora UCPel, IF, Mestre em Educao renatadeoliveira2@gmail.com

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

AGENDA Parte 02
3. Meio digital 3.1. Mdias alternativas 3.2. Caractersticas do meio digital 3.3. Redes sociais 3.4. Pginas pessoais em redes sociais

4. Design digital 4.1. Aspectos bsicos do design digital 4.2. Anlise conceitual de websites

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL

O QUE TECNOLOGIA?

O termo tecnologia refere-se a tudo aquilo que o ser humano inventou, tanto em termos de artefatos como de mtodos e tcnicas, para ampliar a sua capacidade fsica, sensorial, motora ou mental, facilitando e simplificando o trabalho do homem, alm de enriquecer suas relaes interpessoais

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL

Os homens desenvolvem tecnologias de acordo com sua forma de pensar, sentir e agir, buscando otimizar e/ou qualificar as condies de vida. Em nosso cotidiano, vrias tecnologias so utilizadas, desde o despertador que nos faz sair da cama pela manh, o chuveiro que usamos para higiene, a cafeteira e a xcara que utilizamos para tomar o caf.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL

O avano cientfico propicia que sejam desenvolvidas "novas tecnologias", cada vez mais sofisticadas, que modificam o relacionamento dos homens entre si e suas relaes em tempos e espaos. Para McLuhan (1979)... "[...] todas as tecnologias so extenses de nossos sistemas fsico e nervoso, tendo em vista o aumento da energia e da velocidade

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL Portanto, tecnologias so meios de interao entre as pessoas, que vo alm do uso como ferramentas.

As tecnologias facilitam e propiciam interao e comunicao.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

COMO DESPERTAR A ATENO DO CONSUMIDOR? DESAFIOS ATUAIS... + produtos = + anncios Mensagens com contedos desgastados O controle remoto facilita mudar o canal assim que entram os comerciais Outdoors que parecem paisagens urbanas

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESAFIOS ATUAIS...

Panfletos recolhidos no sinal de trnsito vo direto pro lixo O dia s tem 24 horas! A internet oferece informaes 24 horas, disputando parte do tempo das pessoas

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESAFIOS ATUAIS...

Impessoalidade Falta de contato pessoal Diminuio das relaes sociais = Uma sociedade mais carente!!

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL

Um brasileiro bombardeado por cerca de 2 milhes de comerciais de TV ao longo de seus 65 anos de vida

Hoje, 95% dos anunciantes desperdiam a verba de propaganda em aes ineficientes.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

Tente lembrar de 3 comerciais que voc viu ontem

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

EM MEIO A TUDO ISSO...


COMO ATINGIR ESSE CONSUMIDOR??? Televiso, rdio, mdia impressa, outdoors e internet. Diariamente somos bombardeados com um verdadeiro arsenal de mensagens publicitrias nos mais variados meios e de diversas espcies.

COMO SER DIFERENTE???

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

INVESTINDO EM MDIAS ALTERNATIVAS E NO MEIO DIGITAL, DE MANEIRA CRIATIVA


SENSAES LDICO CROSSMKT PRODUCT PLACEMENT

ARTE/ STREET MKT


CONSTRASTES

INTERATIVIDADE

PERSONALIZAO

TECNOLOGIA
BUZZ/VIRAL

BRAND EXPERIENCE

REDES SOCIAIS
MOBILE

ADVERTAINMENT

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

3.1 MIDIAS ALTERNATIVAS


BRAND EXPERIENCE
As mundialmente conhecidas sandlias Havaianas inauguraram sua primeira loja conceito (flagship store) no mundo, com 300m no luxuoso endereo da rua Oscar Freire, em So Paulo.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
BRAND EXPERIENCE

Em comemorao aos 50 anos da boneca mais famosas do mundo, a Mattel abriu a primeira loja conceito da Barbie, em Shangai, na China. So quase 3.000 m de puro rosa e glamour, num prdio de 6 andares repleto de detalhes, acessrios e roupas referentes a boneca, proporcionando um total envolvimento no mundo da Barbie para mulheres de todas as idades.

Brand experience da Barbie, em Xangai

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
ADVERTAINMENT Fuso das palavras advertising (propaganda) e entertainment (entretenimento). Trata-se de unir a propaganda ao entretenimento.

Evento + sampling + propaganda...

Significa inserir uma mensagem mercadolgica em uma atividade de entretenimento de tal modo que seja impossvel desassociar uma da outra.
Coca-cola buscou o pblico universitrio para divulgar seu energtico Burn. Para isso eles vo percorrer 35 universidades da Espanha fazendo mais de 250.000 testes de Sampling (amostragem de produto). Alm do trabalho de Sampling, foi criado um espao chamado Burn Day, que percorrer toda a Espanha, oferecendo para o pblico uma oportunidade de conhecer o produto e tambm usufruir de Bungee Jumping, looping bike e diversos quadriciclos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
PRODUCT PLACEMENT O product placement a incorporao de produtos e marcas em filmes, novelas, programas de televiso, em troca de patrocnio, concedido pelo anunciante.

No filme Nufrago, toda a histria se desenrola em torno das marcas FEDEX e da Wilson, que acabam por assumir o papel de personagens secundrios no filme.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
PRODUCT PLACEMENT Existem alguns tipos de product placement que so mais utilizados: visual (simples apario da marca), auditiva ou verbal (meno em dilogos), discurso direto (referncia elogiosa), contextualizada (integra a marca ou produto ao enredo, sem causar ruptura na linearidade da histria).

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
BUZZ/VIRAL
Principal inteno criar burburinho, colocar um tema em evidncia. O buzzmarketing deve ser iniciado com uma idia-vrus ou gerao de um fato que tenha potencial para desencadear o processo.

O passeio do carro da frmula 1 patrocinado pela RedBull pelo centro de So Paulo, que foi amplamente divulgado na internet, atravs do YouTube

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
BUZZ/VIRAL

o boca-a-boca com o uso da internet como meio e suporte.

Inicialmente, era feita por emails, hoje tambm ocorre por meio de chats, Orkut, Blogs, You Tube, Twitter, Facebook, etc.
Necessita cuidado! Pode ser positiva ou negativa!

Os Pneis Malditos, campanha da Nissan, conta com filme de 30 para TV aberta e fechada. Tambm h uma verso especial para internet que traz um extra bem humorado: Ser a Maldio do Pnei,

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
SENSAES por intermdio das sensaes que o expectador se relaciona com o anncio. Se ele puder senti-lo por meio do maior nmero de rgos sensoriais maior ser seu relacionamento com o anncio e com o produto/marca anunciado.

Olfato tato degustao audio - viso


TV e = IMAGENS INTERNET SONS
Por isso possuem fora de ateno, concentrao e adeso das pessoas por esses meios

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
SENSAES

Imagens fotocrmicas
(aparecem quando expostas ao sol)

MEIOS IMPRESSOS
Microencapsulamento de substncias Raspe e cheire Abra e cheire Levante e sinta Microvarnish (cheiro em toda
superfcie impressa)

IMAGENS Imagens fosfocrmicas (aparecem no escuro) TEXTURAS Imagens hidrocrmicas CHEIROS (aparecem quando molhadas) OBJETOS CORTES/FACAS
Origamis Dobraduras Mala direta objeto

spero, Sedoso Macio, Molhado Fofo, Raspadinhas


(aplicao de vernizes, laminaes, relevos, hotstamping...)

Facas/cortes diferenciados

Outdoor aromatizado

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
SENSAES
O Marketing Olfativo um fantstico recurso que visa criar empatia entre nossos clientes e seus consumidores, transformando ambientes em situaes coerentes ao conceito do seu negcio. Uma fragrncia chama positivamente a ateno, causa uma boa impresso ao local, refora os atributos de um produto ou marca, d uma assinatura olfativa a um empreendimento, a uma etiqueta ou a uma marca, cria uma atmosfera olfativa em conjunto com as cores, sons, texturas, etc. http://www.biomist.com.br/

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
SENSAES
Anncio da SKY na Playboy com uma pgina rasgada (a da entrevista do ms) onde Gisele Bndchen de KillBill impunha a espada, reforando e demonstrando de forma criativa o conceito.

Encarte TriFil Impuls Biofir (Agncia Babel) O encarte foi confeccionado com 4 pginas em papel couch. Na 2a pgina foi colado um pedao de plstico bolha. Veiculou na revista Nova Anunciante: Tri Fil

Anncios com etiquetas de aromas


Anunciantes: O Boticrio e Axe

Origamis Dobraduras Mala direta objeto

Encarte Skol Sensation com chip sonoro (Agncia F/Nazca) Uma canaleta com chip sonoro foi encaixada na lombada da revista. Para o leitor ouvir a gravao basta plugar o fone e acionar um boto na lateral. Anunciante: Skol

A Land Rover distribuiu para um mailing VIP um guia de sobrevivncia caso o motorista se perca em algum lugar inspito. O livro ensina a caar, usar bssola, montar acampamentos e ainda comestvel. Foi impresso em papel de farinha de batata e impresso com tinta a base de corante natural. Alm disso a embalagem reflexiva pode ser usada para fazer sinais e o espiral pode ser desenrolado e usado como espeto para um churrasco.

Encarte Budweiser Disco. Agncia Africa. O encarte foi confeccionado com dois auto falantes. O leitor pode encaixar o seu celular e amplificar o som do aparelho. O encarte ainda vem com um QR Code para o leitor baixar a msica 'Great Times' do cantor Will I am.

Encarte Budweiser Disco. Agncia Africa Encarte para o leitor destacar e reproduzir no toca-discos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
MOBILE

As mdias aproximam-se e complementam-se. No celular vrias opes aparecem. Os anncios assumem formas diversas, como a de jogos patrocinados para celular, portais de contedo mvel patrocinado, notcias patrocinadas, canais de TV e vdeos la carte patrocinados e exibidos diretamente na tela do seu celular. Vrias marcas tambm desenvolvem aplicativos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
MOBILE

O SMS tem como grande vantagem a compatibilidade com 100% dos aparelhos.
Porm, tambm tem suas limitaes, como interface pobre (138 caracteres) e barreira de uso (cerca de 45% das pessoas mandam SMS).

No lanamento de um carro em setembro do ano passado, a nica mdia nos primeiros 15 dias de campanha foi um mobile banner na home do portal de uma operadora (direto em celulares). A taxa de cliques foi de 4,3%, com mais de 255 mil visitas ao mobile site e um custo por clique 3 vezes menor do que um super-banner na home de qualquer portal web.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
MOBILE

Aplicativos A Nivea Sum utiliza um aplicativo para iPhone que combina informaes sobre a proteo da pele durante o vero, informa a temperatura do local onde a pessoa est, os raios de exposio UVA e UVB e identifica o fator de proteo ideal para cada tipo de pele. Alm disso, avisa, por meio de alarmes, os horrios necessrios para a reaplicao do protetor solar.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
ARTE/STREET MKT MKT DE GUERRILHA

Cada vez mais observamos aes de publicidade que utilizam coisas diferentes, como teatro, dana e projees em prdios. o que pode ser considerado de cross marketing ou marketing de guerrilha.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
ARTE/STREET MKT MKT DE GUERRILHA

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
ARTE/STREET MKT MKT DE GUERRILHA Quem no adora ficar batucando na mesa enquanto espera a comida? A Loducca sabe bem disso e aproveitou desse comportamento para criar uma ao para reforar o conceito A Msica No Para da MTV, onde os hashis da rede de restaurantes japoneses Kappa Sushi foram transformados em baquetas, e o jogo americano simulando uma bateria. Uma ideia simples e que aproveita de um momento de ociosidade para entreter o consumidor.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
ARTE/STREET MKT MKT DE GUERRILHA

Para divulgar o seu novo caf da manh reforado, o Massive McMuffin Breakfast, o McDonalds posicionou embalagens gigantes em pontos estratgicos de Auckland, na Nova Zelndia.

A criao da DDB neozelandeza, e foi uma boa ao que com certeza chamou a ateno!

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
ARTE/STREET MKT MKT DE GUERRILHA

Para promover o seu novo produto chamado Nutra.fruit, a Palmolive da Rssia colocou uma cabine com um chuveiro no centro de Moscou. Nessa cabine, uma modelo podia tomar banho e aproveitar o novo sabonete lquido

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
ARTE/STREET MKT MKT DE GUERRILHA

Parece que a Coca Cola quer mesmo espalhar o seu conceito de mquinas criativas que geram ainda mais admirao pela marca. A Mquina da Amizade, uma super vending machine de 3 metros para comemorar o Dia do Amigo ocorrido no ltimo dia 20 de julho.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MIDIAS ALTERNATIVAS
ARTE/STREET MKT MKT DE GUERRILHA

A ao criada pela Ogilvy ocorreu na Argentina, onde a pessoa precisava de um amigo para dar uma forcinha e alcanar os botes. O bom que a mquina liberava duas garrafas ao preo de uma.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
Nunca houve tanta informao disponvel. E nunca foi to difcil comunicarmo-nos com nosso receptor. O meio digital tornou-se essencial para auxiliar nessa comunicao.

3.2 Caractersticas do meio digital O novo formato, criado no sculo XX possui caractersticas muito peculiares e talvez a mais importante seja o fato de que praticamente todos os formatos de linguagem podem ser traduzidos para o digital.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.2 Caractersticas do meio digital Porm, no basta somente juntar informaes. Necessitamos de uma esttica da informao, buscando sempre a facilidade de acesso e obteno da informao. A unio entre base de dados e espaos navegveis que representem o acesso mais funcional possvel traz os melhores resultados. Ou seja, a maneira como as informaes esto disponveis ao internauta deve ser estudada e pesquisada, buscando adaptarse a cada tipo de leitor.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.2 Caractersticas do meio digital Ao entrar numa pgina na internet, sua leitura difere da leitura de uma narrativa em um livro, assistir a um filme ou escutar uma msica. O usurio atenta para construir um modo de raciocnio mental correlato ao modelo do computador. O usurio atravessa uma base de dados, seguindo links entre suas informaes como estabelecido pelo criador da base de dados. E este caminho tem que ter uma lgica, auxiliando o leitor para que ele encontre as informaes que necessita.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.2 Caractersticas do meio digital O design de informao na internet reduz-se a dois usos: encontrar a interface correta a uma base de dados multimdia, e definir mtodos de navegao funcionais atravs das representaes espacializadas criadas. Base de dados seria uma coleo estruturada de dados; organizados para busca rpida e recuperao, executadas atravs do computador.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.3 Redes Sociais O advento da comunicao mediado pelo computador alm de permitir aos indivduos comunicar-se, amplificou a capacidade de conexo, permitindo que redes fossem criadas e expressas nesses espaos. Uma rede social definida como um conjunto de dois elementos: atores (pessoas, instituies ou grupos) e suas conexes (interaes ou laos sociais).

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.3 Redes Sociais Redes Sociais so tecnologias e prticas on-line, usadas por pessoas (isso inclui as empresas) para disseminar contedo, provocando o compartilhamento de opinies, idias, experincias e perspectivas. Os sites de redes sociais so os espaos utilizados para a expresso das redes sociais na internet. Seus diversos formatos, atualmente, podem englobar texto, imagem, udio, e vdeo. So websites que usam tecnologias como blogs, podcast, wikis, videologs, ou mashups (aplicaes que combinam contedo de mltiplas fontes para criar uma nova aplicao), permitindo que seus usurios possam interagir instantaneamente entre si e com o restante do mundo.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.3 Redes Sociais Existem dois tipos de redes: a de filiao (que mantida pelo sistema, mais estvel e que exige menos esforo dos atores sociais para ser mantida) e as redes emergentes (que demanda um esforo dos atores para sua manuteno, visto que representada pelas interaes entre os atores nas ferramentas). Como redes de filiao, possuimos os sites de redes sociais como exemplo. Sites como Orkut, Facebook e Twitter so uma consequencia da apropriao das ferramentas de comunicao mediada pelo computador pelos atores sociais.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.3 Redes Sociais O Facebook faz grande sucesso pelo mundo h alguns anos caiu no gosto popular e foi responsvel por uma enorme migrao de usurios do Orkut para a nova rede social. O termo Curtir entrou para o vocabulrio do internauta.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.3 Redes Sociais O Twitter estruturado com seguidores e seguidos, onde cada usurio pode escolher quem deseja seguir e ser seguido. H ainda a possibilidade de enviar mensagens em modo privado para outros perfis. Permite tambm, divulgar vdeos, fotos e direcionar o leitor a outras pginas da web por meio de links.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.3 Redes Sociais O fcil acesso a plataformas mveis permitiu que as redes de geolocalizao se instalassem no Brasil. O FourSquare foi adotado por muitos usurios que utilizam aplicativos em smartphones com internet mvel para dar check-ins em todos os lugares possveis. A geolocalizao abriu espao para novas estratgias e aes que utilizem as plataformas mobile como base, adicionando ao catlogo uma nova forma de se fazer marketing.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.4 Pginas pessoais em Redes Sociais Vrias pessoas possuem cadastro nas redes sociais. Os objetivos so vrios sendo os mais comuns relacionamentos sociais, amorosos e profissionais. As pessoas publicam informaes baseadas na percepo de valor contida na informao que ser divulgada. Por exemplo, se um conhecido blogueiro colocar um link no twitter e dizendo vejam que legal, bastante provvel que vrios atores cliquem no link devido a grande influncia do blogueiro.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

MEIO DIGITAL
3.4 Pginas pessoais em Redes Sociais Portanto a reputao, popularidade e visibilidade de um ator esto diretamente ligadas ao contedo disponibilizado pelo mesmo e seu impacto na rede. E as empresas? O investimento em tecnologia para aprimorar o relacionamento hoje em dia deve contar, no s com respostas mais rpidas, como tambm dilogo pelo Twitter, Facebook e respostas adequadas para as dvidas mais frequentes. Por isso, ao abrir a comunicao com o consumidor, o profissional precisa, alm de falar corretamente, entender a necessidade do cliente e transform-la em oportunidade para a sua empresa.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.1 Aspectos bsicos do design digital O design sempre esteve ligado tecnologia de seu tempo, dependendo dela para poder desenvolver sua linguagem. No caso do design digital, um novo espao surge, com novas caractersticas fsicas e conceituais: o ciberespao, que o espao pelo qual navegamos, a matria da internet. As pessoas que atuam sobre esse espao so considerados os cibernautas, ou usurios. necessrio que tenha um cdigo que configure a matria da comunicao, a prpria matria do design: a linguagem.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.1 Aspectos bsicos do design digital Para que se produza relao entre o meio e os usurios existe a interface, ou seja, uma rea onde se d a comunicao. Esta uma rea possvel de ser trabalhada pelo design. importante considerarmos que cada tecnologia de comunicao faz uso de uma linguagem que serve a cultura do momento. E essa linguagem configurada pelo design. Portanto, o design digital influenciado por vrios outros, como o design grfico, editorial, industrial, de informao e de sinalizao.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.1 Aspectos bsicos do design digital O designer digital deve ser um profissional que faa a triangulao entre o papel de programador e desenvolvedor de software, o de design de usabilidade e de designer visual. Design de usabilidade: capacidade de um software ser compreendido, aprendido, utilizado e ser atraente para o usurio, em condies especficas de uso.

Por isso essencial que alm de bonito, um site tambm seja de fcil navegao.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.2 Anlise conceitual de websites A informao disponvel num site pode ser estruturadas e organizadas de vrias maneiras. As mais comuns so: Estruturas lineares: geram leitura sequencial. utilizada na maioria das vezes para as tarefas cotidianas do usurio no ciberespao.

Estruturas hierrquicas: permite ao usurio escolher entre um determinado nmero de opes para alcanar o nvel seguinte.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.2 Anlise conceitual de websites Estruturas aleatrias: geralmente utilizada em videogames ou sistemas abertos, onde o aprendizado complicado, dependendo da habilidade do ator com o prprio sistema.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.2 Anlise conceitual de websites Ainda existem estruturas que variam de acordo com a interatividade que o usurio tem com a estrutura. So: Estrutura fixas: pr-estabelecidas pelo editor do site, no podem ser modificadas. Estrutura relacional: utiliza dados conseguidos e os cruza para aproveit-los e adicion-los ao seu sistema. Um exemplo so os sites de livrarias, que aps colocarmos nossa senha a navegao fica de acordo com nossos interesses, previamente marcados. Estrutura contributiva: sites que permitem ao usurio participar e publicar diferentes contedos. Ex: fruns.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.2 Anlise conceitual de websites Qual a estrutura ideal? Em primeiro lugar, deve-se pensar no usurio, para depois definir a estrutura que mais tenha a ver com suas caractersticas. Outros aspectos a serem considerados no design digital de websites: Evitar que o usurio perca tempo buscando opes ou caminhos bvios; Fornecer pontos de referncia, para que o usurio ter sensao de estabilidade; Ter cuidado com cores e contrastes; Dar opo de contato direto, dar feedback ao usurio;

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.2 Anlise conceitual de websites Dar opo de retroceder; Reduzir tempo de espera; Possuir interface legvel, com corpos de letras adequados; Rastreamento do usurio; Incentivar a participao; Usar um layout limpo e elegante, clean; Manter um padro. Por exemplo, usar as mesmas cores, molduras, botes, fontes e demais elementos em todas as pginas; deixar a logomarca da empresa sempre na mesma posio, se o menu est esquerda, deixe-o l o tempo todo, se estiver direita, idem.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DIGITAL
4.2 Anlise conceitual de websites Manter espaos em branco. Auxilia o leitor, no cansando; Evitar becos sem sada, como links quebrados ou mortos; Evitar textos longos; O mesmo vale para as fotos dos produtos. Mantenha-as em tamanho minimizado na pgina principal de descrio do produto, mas faa um link para a imagem em tamanho grande para que seja possvel ver os detalhes do objeto. Existem vrias dicas de design de sites a disposio na internet. Porm, o que sempre deve ser considerado a adequao ao usurio.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

TRABALHO DE ANLISE DE SITES Peso 3,0


Em duplas. Escolher um site e efetuar a anlise em relao a:

Estrutura Responder as questes: Fornece pontos de referncia, para que o usurio tenha sensao de estabilidade? Tem cuidado com cores e contrastes? Da opo de retroceder? Possuir interface legvel, com corpos de letras adequados? Incentiva a participao? Usa um layout limpo e elegante, clean, mantendo um padro? Mantem espaos em branco, auxiliando o leitor, no cansando? Evita becos sem sada, como links quebrados ou mortos? Evita textos longos e fotos grandes demais, que custam a carregar?

Para ser feito em aula e entregue para a professora.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

TRABALHO FINAL Peso 7,0 Individual, em duplas ou trios. Escolher um artista, banda, etc e elaborar sua comunicao visual, composta das peas: Capa e contra capa de CD Mdia alternativa Proposta de hotsite Entrega: impresso, dia 27/11 Mais informaes via email.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

REFERNCIAS
Bibliografia Bsica
JAVIER PEREZ, Royo. Design Digital. Rio de Janeiro: 2AB, 2008. MEGGS, Philip B.. Histria do Design Grfico. 1. ed. So Paulo: Cosac Naify, 2009. RECUERO, Raquel. Redes sociais na internet. Porto Alegre: Sulina, 2009. Bibliografia Complementar DENIS, Rafael Cardoso. Uma introduo histria do design. 2. ed. So Paulo: Edgar Bluc her, 2004. DONDIS, Donis A. Sintaxe da linguagem visual. 3. ed. So Paulo: Martins Fontes , 2007. HURLBURT, Allen. Layout: o design da pgina impressa. So Paulo: Nobel, 2002. MCKNIGHT-TRONTZ, Jennifer; STEINWEISS, Alex; HELLER, Steven. For the record: the life and work of Alex Steinweiss. New York: Princeton Architectural Press, 2000. WILLIAMS, Robin. Design para quem no designer: noes bsicas de planejamento visual. 2. ed. So Paulo: Callis, 2006. http://www.odiario.com/blogs/publistorm/pesquisa-indica-perfil-do-internauta-brasileiro-nasredes-sociais

Você também pode gostar