ANÁLISE DE ÍCONES NOCONTEXTO DAS INTERFACESGRÁFICAS DIGITAIS

TRABALHO DECONCLUSÃODE CURSO

MARLON LEMES DE ALMEIDAPROF. DR. CRISTIANO ALVES

DESIGN GRÁFICOSOROCABA / SP // 2011

UNIVERSIDADE DE SOROCABA

• CRESCIMENTO E DESENVOLVIMENTO DAS INTERFACES

• DESIGN DIGITAL

• MELHORA A VIDA DAS PESSOAS

MOTIVAÇÃO

ABOUT

• REVISÃO BIBLIOGRAFICA A RESPEITO DOS TERMOS E CONCEITOS QUE CERCAM A TERMINOLOGIA DO ÍCONE.

• AVALIAR O POTENCIAL SINTÁTICO E SEMÂNTICO DE ÍCONES INTERFACIAIS UTILIZANDO CONCEITOS BÁSICOS DA SINTAXE VISUALE DA SEMIÓTICA.

• COMO SE DEU O ÍCONE E SUAS ATRIBUIÇÕES ATÉ A INTERFACE GRÁFICA?

• QUAL A CAPACIDADE DE REPRESENTAÇÃO DOS ÍCONES NAS INTERFACES GRÁFICAS?

QUESTÕES EOBJETIVOS

REPRESENTAÇÕESGRÁFICAS

• HISTÓRIA DA REPRESENTACAO GRAFICA

• USO DA REPRESENTAÇÃO GRAFICA

• EVOLUÇÃO DA REPRESENTAÇÃO GRAFICA

ÍCONE IMAGEMEIKON

ABOUTREPRESENTAÇÕESGRÁFICAS

ABOUT

NA INTERFACE, O TERMO ÍCONE É EMPREGADO PARA TODA PEQUENA IMAGEM DESTINADA A SUBSTITUIR

UMA LINHA DE COMANDO OU ENCAMINHAR UMA SEQÜÊNCIA DE PROCEDIMENTOS.

ÍCONESINTERFACIAIS

CLI (INTERFACES DE LINHA DE COMANDO)

GUI (INTERFACE GRÁFICA DO USUÁRIO)

METÁFORASDE INTERFACE

TRANSPOSIÇÃO DAS IMAGENS DO MUNDO REAL PARA O VIRTUAL.

• PODER DE SINTESE, RÁPIDA DECODIFICAÇÃO;

• COMPOSTO POR FORMAS SIMPLES, CONSISTENTES E SIGNIFICATIVAS;

• NA INTERFACE SÃO PONTOS DE INTERAÇÃO COM O USUÁRIO;

• SÃO FAMILIARES TANTO QUANTO AS PALAVRAS, MAS TRABALHAM MAIS EFICIENTEMENTE.

PROPRIEDADES

“ÍCONES TRANSMITEM SEU SIGNIFICADO RAPIDAMENTE E COM ISSO NÃO TEMOS DE LÊ-LOS ANALISÁ-LOS OU TRADUZI-LOS”

(HORTON, 1994)

SEMIÓTICA

O APROFUNDAMENTO NESTE CAMPO TORNOU-SE DE GRANDE INTERESSE, POIS FORNECE

EMBASAMENTO SOBRE OS PROCESSOS DE INTERPRETAÇÃO, AJUDANDO A ENTENDER A MENTE

DOS USUÁRIOS E CONSEQUENTEMENTE A CONSEGUIR UMA MELHOR EFICÁCIA NA

INTERAÇÃO EM UM PROJETO DE INTERFACES GRÁFICAS.

CHARLES SANDERS PEIRCE

“O SIGNO É UMA COISA QUE REPRESENTA UMA OUTRA COISA: SEU OBJETO. ELE SÓ PODE FUNCIONAR

COMO SIGNO SE CARREGAR ESSE PODER DE REPRESENTAR, SUBSTITUIR UMA OUTRA COISA

DIFERENTE DELE.” (SANTAELLA, 2003, P.20), ALÉM DE PRODUZIR INTERPRETANTES DE ACORDO COM

O REPERTORIO DO OBSERVADOR.

SIGNO

1. Signo ou representamem

2. Objeto

Efeito que esta representaçãoprovaca na mente potêncial.

3. Interpretante

SIGNO

TRICOTOMIAS DE PEIRCE

TRICOTOMIAS

A ESTRUTURA DO SIGNO DESDOBRA-SE NA CLASSIFICAÇÃO DOS SIGNOS, QUE SÃO TRÊS DIFERENTES

TIPOS DE RELAÇÕES DO SIGNO: O SIGNO EM RELAÇÃO A SI MESMO, O SIGNO EM RELAÇÃO AO SEU

OBJETO, E O SIGNO EM RELAÇÃO AO SEU INTERPRETANTE.

• OS APLICATIVOS ANALISADOS TRABALHAM COM A CAPTURA EDIÇÃO DE IMAGENS

• EVOLUÇÃO NO PROCESSO FOTOGRAFICO;

• POPULARIZAÇÃO DA FOTOGRAFIA / BANALIZAÇÃO DO PROFISSIONAL;

• O CASO DAS CAMERAS POLAROID.

IPHONE E IPAD EXPOSIÇÃO FOTOGRAFICA

CONTEXTUALIZAÇÃODOS OBJETOSDA ANÁLISE

• RELAÇÃO COM A UTILIDADE

• FORMAS ARREDONDADAS

• LARGURA E ALTURA LIMITAS

• IMAGENS VETORIAIS

TELA DO COM APLICTIVOS INSTALADOS IPAD

ESPECIFICAÇÕES GERAIS DOS ÍCONES

OS TRÊS ÍCONES ANALISADOS SÃO DENOMINADOSPHOTO EFFECTS HD, FILTERSTORM E INSTAGRAM,COMO PODEMOS OBSERVAR ABAIXO.

ANÁLISE DOS ÍCONES

ANÁLISES:PHOTO EFFECTS HD

ANÁLISA-SE AQUI AS QUALIDADES DO

SIGNO, NO CASO:

• CORES

• FORMAS

• CONTRASTES

• PROFUNDIDADE

PRIMEIRIDADE

ANÁLISES:PHOTO EFFECTS HD

ANÁLISA-SE AQUI AS QUE O REFERÊN-

CIAS QUE O SIGNO FAZ COM O OBJETO

REAL, O EXISTE. NESTE CASO:

• CAMERA FOTOGRÁFICA

• STUDIO FOTOGRÁFICO

SECUNDIDADE

ANÁLISES:PHOTO EFFECTS HD

ANÁLISA-SE AQUI ASPECTOS DE LEI, DE

GENERALIZAÇÃO, NESTE CASO:

• A INSCRIÇÃO HD

• A IMAGEM DA CAMERA FOTOGRÁFICA

TERCERIDADE

• GRADAÇÃO DE CORES

• FORMAS

• SEMELHANÇAS

• LUMINOSIDADE

• BRILHO

• PROFUNDIDADE

• INSCRIÇÕES POUCO DESTACADAS

PRIMEIRIDADEANÁLISES:FILTERSTORM

• LENTE FOTOGRÁFICA

• FILTRO FOTOGRÁFICO

• LENTE DE AUMENTO

• VIDRO OU ESPELHO

• TAMPA

• BOTÃO

SECUNDIDADEANÁLISES:FILTERSTORM

ANÁLISES:FILTERSTORM

• LENTE FOTOGRÁFICA

• INDICAÇÃO DE MODELO DE FILTRO

• FILTRO FOCAL

TERCERIDADE

• FORMAS

• LINHAS

• CORES

• RELEVOS

• SOMBREAMENTOS

• PROFUNDIDADE

• SIMPLICIDADE

• LUMINOSIDADE

• CONTRASTE

• TEXTURA

• EQUILIBRIO

PRIMEIRIDADEANÁLISES:INSTAGRAM

• CAMERA FOTOGRAFICA COMUM

• CAMERA FOTOGRAFICA POLAROID

SECUNDIDADEANÁLISES:INSTAGRAM

• INSCRIÇÃO “INSTA”

• A IMAGEM DA CAMERA

ANÁLISES:INSTAGRAM TERCERIDADE

CONCLUSÃO GERAL DASANÁLISES

- O ÍCONE INTERFACIAL DO APLICATIVO FILTERSTORM NÃO POSSUI BOA REPRESENTIVIDADE, POIS É REP-

RESENTADO POR UM SIGNO ICÔNICO, ALÉM DE LEGI-SIGNOS QUE NECESSITAM DE MUITO REPERTORIO.

- O ÍCONE INTERFACIAL DO APLICATIVO PHOTO EFFECTS HD TEM RELAÇÃO DIRETA COM AS PRÓPRIAS

CARACTERÍSTICAS DOS OBJETO GERADOR, CUMPRINDO A FUNÇÃO REAL DO ÍCONE INTERFACIAL, SEM

RUÍDO ALGUM NA MENSAGEM.

- O ÍCONE INTERFACIAL DO APLICATIVO INSTAGRAM APESAR DE TER MUITA CARGA SIMBÓLICA, APRE-

SENTA A MELHOR REPRESENTATIVIDADE E INTERPRETAÇÃO. TANTO PELA ABSTRAÇÃO GRÁFICA DO DE-

SENHO DA CÂMERA POLAROID, QUANTO PELA METÁFORA QUE É CRIADO A PARTIR DESTE MESMO DE-

SENHO JUNTO AO SEU FUNCIONAMENTO INSTANTÂNEO DO PROCESSO FOTOGRÁFICO.

ABOUTCONSIDERAÇÕESFINAIS

• COMO SE DEU O ÍCONE E SUAS ATRIBUIÇÕES ATÉ A INTERFACE GRÁFICA?

- ÍCONES SÃO ABSTRAÇÕES DE UMA IDEIA OU CONCEITO OU AÇÃO, INDEPENDENTE DO CONTEXTO: SEJA RELIGIOSO, PICTOGRAFICO, COMPUTACIONAL OU SEMIÓTICO. ALÉM DE QUE NO CONTEXTO DA SEMIÓTICA, OS ÍCONES INTERFACIAIS ESTÃO NO LUGAR DO OBJETO DINÂMICO, PORTANTO OCUPAM A SEGUNDA TRICOTOMIA PEIRCEANA, QUE FAZ RELAÇÃO COM O OBJETO.

• QUAL A CAPACIDADE DE REPRESENTAÇÃO DOS ÍCONES NAS INTERFACES GRÁFICAS?

- AS ANALISES MOSTRAM QUE CADA ICONE OCUPA REPRESENTA UMA CATEGORIA DO SIGNO DENTRO DA TRICOTOMIA PEIRCEANA, SENDO QUE O MELHOR ABSTRAI O CONCEITO E IDEIA TANTO EM RELAÇÃO AO ÍCONE, QUANTO AO SEU FUNCIONAMENTO É O INSTAGRAM. MAS PERCEBEMOS QUE NENHUM DELES INDICA A AÇÃO DE MANIPUAÇÃO DAS IMAGENS QUE ESTES APLICATIVOS TAMBÉM OFERECEM.

ABOUT

• COMO SE DEU O ÍCONE E SUAS ATRIBUIÇÕES ATÉ A INTERFACE GRÁFICA?

- ÍCONES SÃO ABSTRAÇÕES DE UMA IDEIA OU CONCEITO OU AÇÃO, INDEPENDENTE DO CONTEXTO: SEJA RELIGIOSO, PICTOGRAFICO, COMPUTACIONAL OU SEMIÓTICO. ALÉM DE QUE NO CONTEXTO DA SEMIÓTICA, OS ÍCONES INTERFACIAIS ESTÃO NO LUGAR DO OBJETO DINÂMICO, PORTANTO OCUPAM A SEGUNDA TRICOTOMIA PEIRCEANA, QUE FAZ RELAÇÃO COM O OBJETO.

• QUAL A CAPACIDADE DE REPRESENTAÇÃO DOS ÍCONES NAS INTERFACES GRÁFICAS?

- AS ANALISES MOSTRAM QUE CADA ICONE OCUPA REPRESENTA UMA CATEGORIA DO SIGNO DENTRO DA TRICOTOMIA PEIRCEANA, SENDO QUE O MELHOR ABSTRAI O CONCEITO E IDEIA TANTO EM RELAÇÃO AO ÍCONE, QUANTO AO SEU FUNCIONAMENTO É O INSTAGRAM. MAS PERCEBEMOS QUE NENHUM DELES INDICA A AÇÃO DE MANIPUAÇÃO DAS IMAGENS QUE ESTES APLICATIVOS TAMBÉM OFERECEM.

CONSIDERAÇÕESFINAIS

OBRIGADO! ;)