do webdesign ao mediadesign: idéias para repensar o branding na internet

64

Upload: gustavo-fischer

Post on 22-Jun-2015

502 views

Category:

Education


1 download

DESCRIPTION

Apresentação feita para o 8o forum de comunicação da UNIFRA/Santa Maria.

TRANSCRIPT

Page 1: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 2: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 3: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Vídeo

Did you Know 4.0

Page 4: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 5: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Internet

Web

Design

Webdesign

Mídia

Interfaces

Branding

Page 6: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A evolução da

computação está

ligada ao cálculo e

armazenamento.

Page 7: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

O computador realiza operações. Essa

faceta de máquina de processar, calcular,

buscar resultados é fundamental para

pensarmos a Internet.

Page 8: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 9: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 10: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Computadores contém dados.

Internet conecta redes de

computadores com dados.

Computadores são organizáveis

em redes.

Page 11: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 12: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

2008

Professor at the Visual Arts Department, University of California - San Diego (UCSD).

Page 13: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A tela é uma tecnologia muito anterioràs possibilidades recentes que tomamos

contato hoje, da Renascença ao cinema do

século XX.

Page 14: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A cultura visual do período moderno é

caracterizada por um intrigante fenômeno – a

existência de um outro espaço virtual, um outro

mundo tridimensional fechado por uma

moldura e situado dentro do nosso espaço

normal.

Page 15: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A moldura (frame)

separa dois espaços

absolutamente

diferentes que de

alguma forma

coexistem.

Page 16: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Herança da pintura: pensar nas proporções e

nas nomenclaturas portrait e landscape usadas

hoje.

Page 17: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A tela que disponibiliza uma imagem que muda no tempo. A tela do cinema, tv, vídeo.

Impõe uma outro protocolo de visualização entre a imagem e o espectador.

Page 18: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Já aparecia na tela clássica, mas agora

aumenta a noção de “preenchimento

completo da tela pela

imagem”, descarte do espaço

“ao redor” da tela pelo foco que a mesma

requisita. Imersão.

Page 19: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A tela é agressiva.

Ela filtra o entorno.

Page 20: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Esta relação-protocolo de visualização (tela

quer sua atenção total) é desafiada

com a chegada da tela do

computador.

Page 21: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Ao contrário da fotografia e do cinema (imagens estáticas, ou imagens estáticas em seqüência), vemos pela 1ª vez uma tela cuja imagem pode mudar em tempo real, mostrando mudanças no referente (posição de objeto ou mudança nos dados do computador).

Page 22: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A tela de tempo real é

o terceiro tipo de tela, inaugurada pelo radar.

Page 23: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Janelas coexistentes no lugar de uma única imagem, princípio da Graphical User Interface (GUI).

Page 24: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A concentração da visualização deixa de ser

em apenas uma imagem.

Blocos de dados de texto,

imagem, vídeo sugerem que a

tela do computador tem mais a

ver com design gráfico e janelas.

Page 25: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

A informação processada passa a ser

representada na tela de tempo real: lugar de

inserir e retirar informação de um computador.

Page 26: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Ao mudar

algo na tela,

mudamos

algo na

memória do

computador

Page 27: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Clássica

Dinâmica

– Real time –

Interativa

Page 28: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 29: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 30: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Sistema que faz a mediação de um

usuário solicitante com um

sistema pré-programado que

busca atendar as demandas do primeiro.

Duas áreas gostam de lidar muito com a

interface: Design + estudos de HCI

(Human-computer Interface)

Page 31: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Quando estamos diante de uma tela

clássica+dinâmica+realtime

+interativa provavelmente temos uma interface digital na

nossa frente.

Page 32: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Criada em 1991 por Tim-Berners Lee

espaço hipertextual global e aberto, no qual qualquer informação pudesse ser acessada através de um único Universal Document Identifier (Identificador

Universal de Documentos).

A web fez pela Internet o que o Windows fez pelo computador, tornou a interface “amigável”.

Page 33: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Os softwares chamados

navegadores, permitem que se

acesse os documentos HTML

que universalizam a forma de

“recepção” do conteúdo que se

desejasse fazer circular pela

Internet. Textos, imagens,

sons, vídeos começam

a aparecer nas

interfaces digitais da

web.

O usuário ao requisitar uma

página, faz um “pedido” ao

servidor que a disponibilize.

Page 34: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

GRIDS

Page 35: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

O [uso do] grid é a

manifestação mais vívida

do desejo de ordenar

no design.(Vinh e Boulton, 2007)

Page 36: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Ordem total na experiência?

Nunca terão.

Page 37: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Ainda assim, a web é o lado

mídia da Internet.

Mas...o que é mídia?

Page 38: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 39: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 40: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

QUANTO MAIS O HOMEM DESEJA ATINGIR

O REAL, MAIS “MÍDIAS” CRIA PARA CHEGAR

LÁ.

TÉCNICAS, FORMAS E

SIGNIFICADOS SÃO LEVADOS,

REMIXADOS, ABSORVIDOS DE UMA MÍDIA

PARA O OUTRA. DA ANTIGA PARA A NOVA E

VICE-VERSA.

Page 41: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Atos de remidiação:

empréstimo,

arquivamento,

remodelagem,

absorção.

Page 42: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

As chamadas mídias digitais podem ser

melhor compreendidas pelas formas pelas

quais homenageiam,

rivalizam e revisam a

pintura em perspectiva, fotografia, filme,

televisão e impresso. O que é novo sobre

as “novas mídias” seria a forma particular

com que estes aspectos são tratados entre

as mídias novas e antigas.

Page 43: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Tudo isso está

acontecendo nas

experiências que se

passam nas interfaces,

que carregam o lado

mídia da internet na

web, ou agora nos…

Page 44: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

…APPs

Page 45: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Ou

touch

sites

Page 46: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Photo: Woodlywonderworks (Flickr)

Page 47: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Internet

Web

Design

Webdesign

Mídia

Interfaces

Branding

Page 48: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Não conte para os

colegas do curso de

Design, mas eu

vou resumir

8 semestres em

uma frase.

Page 49: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

DESIGN É PROJETO.

#prontofalei

Page 50: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

E se o publicitário

pensasse MENOS em

peça/formato/veiculação e

MAIS em projetar

experiência/engajamento

e conteúdo?

Page 51: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Mediadesign seria

projetar a

comunicação nas telas

pensando que a

experiência está

acontencendo antes,

durante e depois delas.

Page 52: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

“Atividade de associação do

nome da marca à significados,

emoções, imagens que são

relevantes para o processo

decisório dos consumidores e

stakeholders em geral” (Keller e

Machado, 2006).

Objetivo disso tudo:

BRANDING

Page 53: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 54: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 55: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

CASES, EXEMPLOS

Page 56: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 57: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 58: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 59: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 60: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet
Page 61: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

We choose the moon

Let´s Colour (Dulux)

Page 62: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Google TV

IAd

Page 63: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

As telas digitais misturaram as mídias e

acrescentaram os softwares

Projetar experiências é pensar para além da

zona de segurança dos menus, colunas e

“sacadinhas”.

Projetar a mídia como participante da

experiência, se a web estiver junto, tudo bem.

Acompanhar o Google Labs e não só os TTs

do Twitter ou o que disseram no festival de

publicidade de gramado.

Page 64: Do Webdesign ao Mediadesign: idéias para repensar o branding na internet

Twitter/gusfischer

Slideshare.net/gusfischer

[email protected]

Unisinos.br/design