ergonomia design gráfico

Transcrição

ERGONOMIA
DESIGN GRÁFICO
Sistema técnico de
leitura ergonômica
DESIGN GRÁFICO
Leitura Ergonômica
Sistemas de Comunicação e Informação
Design Gráfico
Categorias e Tipos de produtos
Design Gráfico / Sistemas de Comunicação e Informação
1 Sistemas de Comunicação Social
Mídias impressas e mídias digitais > Editoração > Publicidade > etc.
 Produtos diversos
2 Sistema de Identidade Visual Corporativa
Empresas / Meio ambiente urbano – Aplicações
 Produtos diversos
3 Sistemas de Orientação e Sinalização
Sinalização viária Institucional: trafego, transito – veículos e usuários
Sinalização em empresas / Sinalização no meio ambiente urbano
 Produtos diversos: convencionais e digitais
Design Gráfico / Produtos
Editoração / Publicidade
1 Sistemas de Comunicação Social
 Produtos Graficos Diversos
Marcas / Logotipos
Marcas / Logotipo: Aplicações
3 Sistemas de Orientação e Sinalização
Obs: É um conjunto de conceitos aplicavel a
qualquer análise ou projeto ergonômico.
Sobre qualquer tipo de produto ou sistema de
objetos (produtos gráficos, ambientes, postos de
trabalho etc.).
No seu todo ou em partes específicas.
Sistema técnico de leitura
ergonômica
.............................................
Aparato conceitual
REFERÊNCIA: CONCEITOS PRIMORDIAIS:
ERGONOMIA
> Segurança
> adequação e confiabilidade da informação
> Conforto
> bem estar visual na leitura da informação
> Funcionalidade
> eficácia visual da informação
GESTALT
> Equílibrio
> forças visuais contrabalanceadas
> Harmonia
> forças visuais ordenadas, regulares e compátiveis.
> Contrastes
> forças antagônicas : coerência vidual .
> organização da melhor legibilidade e acuídade visual
> Movimento
> Instigação psicológica. Desperta atenção.
> Pregnância
> índice de leitura visual : baixo, médio ou alto.
Sistema técnico de leitura ergonômica
Requisitos de Projeto
Ações de Manejo
Tarefa
Manuseio
Limpeza
Segurança
Conforto
Manutenção
Arranjo Espacial
Estereótipo
Envoltórios Alcances Físicos
Postura Corporal
Ações de Percepção
Visual
Auditiva
Aplicação de Força
Materiais
Climatização
Tatil
Cinestésica
Vibração
Tarefa
Segurança
Tátil
Esteriótipo
Envoltório
Postura
Força
Materiais
> objetivo do produto gráfico (tipo da informação etc)
> na transmissão funcional da informação
> nas características de manuseio do papel ou qq substrato
> nas práticas de uso consagradas
> não aplicável
> condições (posição no espaço: braços, mãos, dedos, etc.)
> não aplicável
> tecnologia: tipo de substrato, gramatura, tinta, impressão etc
Ações de Manejo
Manuseio
Limpeza
Manutenção
Arranjo Espacial
> tipo de uso (abrir, fechar, folhear etc.)
> impregnação ou transmissão de sujeira.
> não aplicável
> organização da informação, layout, diagramação
Visual
> apreensão e legibilidade da informação: texto e/ou imagem
(índice pregnância).
Auditiva
> não aplicável
Tátil
> transmissão da informação (relevos, rugosidade, lisura etc.)
Cinestésica
> não aplicável
Vibração
> não aplicável
Signos Visuais
Identificação
> Nomeação e/ou identificação de coisas de modo geral
Orientação
> locomoção de veículos e usuários no espaço público e privado
Publicitário
> veiculação de mensagens. Venda de produtos e serviços.
Simbólico
> Conotação de significados diversos
Naturais
> Identificação de informações importantes - Marcos visuais
Compostos
> Combinações de dois ou mais signos.
Localização
> Posicionamento estratégico do signo no espaço ou ambiente.
Códigos Visuais
Tipográfico > Textos, subtextos, títulos, vinhetas, etc.
• Família de letras, números e outros sinais e caracteres.
• Conceito de uso funcional, artístico, decorativo, etc.
Morfológico > Organização visual da informação
• Composição e diagramação da comunicação visual
• Gestalt do Objeto
Cromático > definição e utilização de cores
• Cores quentes, frias, pasteis, etc
• Função psicológica no uso das cores
• Uso institucional
Tecnológico > Processos de produção, reprodução
e transmissão da informação
• Materiais. Tipos de substratos. Processos de produção
Gestalt / Categorias principais
Harmonia > Ordem, regularidade, unificação.
Desarmonia > Desordem, irregularidade, desunificação
Equilíbrio > Compensação mutua de pesos visuais – direções axiais.
Desequilíbrio > Descompensação de pesos visuais – direções axiais
Contraste > Oposição. Contrario.
Figura / fundo
Cor
Luz e Tom
Movimento
Pregnância da Forma > Qualificação da compreensão visual da forma.
Alta / Média / Baixa
Mídias Impressas
Códigos Visuais / Produtos Gráficos
Gestalt
Tipográfico / Morfológico / Cromático / Tecnológico
Categorias principais
Gestalt
Mídias Impressas
Mídias Impressas
Gestalt
Gestalt
Mídias Digitais
Sistema técnico de leitura ergonômica Interface gráficas DG & DP
Gestalt
Sistema técnico de leitura ergonômica Interface gráficas DG & DP
Gestalt
Metodologia
Leitura e análise ergonômica
Exemplos
Sistema técnico
Técnicode
– Leitura
leitura ergonômica
e interpretação
- JORNAL
do produto gráfico
Ações de Manejo
Tarefa > informação: texto e imagem
Manuseio > mãos, dedos
Segurança > higiene e limpeza
Limpeza > transmissão de sujeira no uso
Conforto > portabilidade, folheamento
Esteriótipo > na Leitura e no folhear
Manutenção > irrelevante
Envoltórios Alcances Físicos > abrir e fechar
Arranjo Espacial > composição e diagramação
Postura Corporal > em pé, sentado, deitado.
Aplicação de Força > irrelevante
Materiais > papel
Climatização > Irrelevante
Gestalt
Códigos Visuais
Visual > leitura
Tipográfico > função das fontes utilizadas
Auditiva > irrelevante
Morfológico > modo de diagramação
Tatil > manuseio
Cromático > função das cores utilizadas
Cinestésica > irrelevante
Tecnológico > tipo de papel, processo de
Vibração > irrelevant
impressão, tipo de tinta
Sistema técnico de leitura ergonômica - HOMEPAGE
Ações de Manejo
Tarefa > informação: texto, imagem e som.
Manuseio > mãos e dedos.
Segurança > eficácia da legibilidade
Conforto > luminosidade, brilho
Limpeza > sujeira no uso
Esteriótipo > leitura e navegação, percurso
Manutenção > problemas técnico
cognitivo
Envoltórios Alcances Físicos > irrelevante
Materiais > tipo de tela lcd, plasma, led etc.
Gestalt
Códigos Visuais
Visual > leitura
Auditiva > sinais sonoros
Morfológico > modo de diagramação
Tatil > touch screem
Tecnológico > informática, eletro-
Vibração > irrelevante
eletrônico, tipo de tela etc.
Sistema técnico de leitura ergonômica - CARTAZ
Ações de Manejo
Tarefa > > informação: texto, imagem
Manuseio > mãos.
Segurança > irrelevante
Conforto eficácia da legibilidade.
Limpeza > irrelevante
Esteriótipo > na leitura.
Arranjo Espacial > composição e diagramação.
Materiais > papel
Gestalt
Climatização > irrelevante
Códigos Visuais
Visual > leitura
Auditiva > irrelevante
Morfológico > diagramação em linha.
Tatil > manuseio
Vibração > nenhuma
Tecnológico > papel, Impressão
rotogravura.
Sistema técnico de leitura ergonômica - MOSTRADOR
Ações de Manejo
Tarefa > indicação horas, minutos segundos.
Manuseio > mãos e dedos I pulso.
Segurança > a prova dágua
Conforto > legibilidade – acuidade.
Limpeza > condições de facilidade
Esteriótipo > na Leitura.
Manutenção > eventual
Envoltórios Alcances Físicos > nenhum
Materiais > plástico, tecido, aço.
Gestalt
Códigos Visuais
Visual > leitura
Morfológico > diagramação circular.
Tatil > dispositivos de uso
Tecnológico > mecânica, eletrônica.
Vibração > eventual
Sistema técnico de leitura ergonômica - LIVRO
Ações de Manejo
Tarefa > informação: texto, imagem.
Manuseio > mãos.
Conforto > legibilidade.
Materiais > papel
Gestalt
Códigos Visuais
Visual > leitura
Auditiva > nenhuma
Morfológico > diagramação .
Tatil > folher no uso
Tecnológico > papel, Impressão, .....
Sistema técnico de leitura ergonômica - REVISTA
Ações de Manejo
Manuseio > mãos.
Materiais > papel
Gestalt
Códigos Visuais
Visual > leitura
Auditiva > nenhuma
Morfológico > diversificado
Tecnológico > Papel, Impressão, .....
Sistema técnico de leitura ergonômica - TOTEM
Ações de Manejo
Manuseio > mãos.
Segurança > legibilidade. Interpretação.
Conforto > legibilidade. Acuidade.
Esteriótipo > contraditório.
Manutenção > qualidade dos componentes.
Postura Corporal > em pé, sentado - usuário.
Aplicação de Força > manutenção componentes.
Materiais > durabilidade, limpeza, estética ...
Climatização > conservação componentes.
Gestalt
Códigos Visuais
Visual > leitura
Morfológico > informação vertical
Tatil > irrelevante.
Tecnológico > materiais. Processo de
fabricação e de impressão.
Sistema técnico de leitura ergonômica - EMBALAGEM
Ações de Manejo
Manuseio > mãos, dedos.
Segurança > ferimento (eventual)
Esteriótipo > contraditório.
Manutenção > irrelevante.
Envoltórios Alcances Físicos > mãos.
Postura Corporal > mãos, dedos.
Aplicação de Força > forte (muitas vezes)
Materiais > durabilidade, limpeza, estética ...
Gestalt
Códigos Visuais
Visual > leitura
Auditiva > nenhuma
Morfológico > diversificado
Tecnológico > papel, Impressão, .....
Estrutura do trabalho
Exemplo
Trabalho prático de ergonomia - METODOLOGIA
Trabalho Prático sugestão
de temas:

Jornal : capas dos principais cadernos

Revista : Capa e principais seções

Livro : capa e principais capítulos

Manual de instruções - eletroeletrônicos e similares : capa e principais seções.

Sistema de Embalagem - kit de produtos : lados da embalagem.

Sistema de orientação e sinalização – meio ambiente urbano: cidade.

Sistema de orientação e sinalização – Parques, aeroportos, estações, empresas etc.

Site : Página principal e secundárias

Software : percurso cognitivo da navegação (celular, rádios automotivos etc)

Outros
Obs: análise envolvendo: textos, imagens e ícones diversos.
Trabalho prático de ergonomia - METODOLOGIA
1. Escolher o produto gráfico – Imagem
a) Produto sistêmico
2. Estudos: aplicar o Sistema Técnico de Análise Ergonômica:
a) Fatores Ergonômicos Básicos FEB’s
b) Códigos Visuais.
c) Gestalt – categorias principais
3. Elaborar a tabela de leitura e análise ergonômica
a) Resultados conclusivos da tabela – utilizar para descrever o conteúdo
4. Elaborar Relatório
a) Texto descritivo do conteúdo da leitura e análise ergonômica do produto
Metodologia de análise
Preliminar
................................................
Tabela síntese de
leitura e análise ergonômica
Nota: Abordagem apenas dos itens
pertinentes do produto
É obrigatória a elaboração da tabela analítica:
 Facilita o trabalho intelectual.
 Contribue para a análise do objeto como um todo.
 Ajuda a sintetizar a conclusão sobre a qualidade do objeto
analisado.
Tabela Analítica
Exemplo de aplicação:
para o Design Gráfico
Itens de Leitura
Produto
Folha.com.br
Tabela síntese de leitura e análise ergonômica
Adeq
Inad Aceit
Irrel
Justificativa
Tarefa
x
Segurança
Conforto
Esteriótipo
Envoltórios Alcances Físicos
Postura Corporal
Aplicação de Força
Materiais
Climatização
Ações de Manejo
Manuseio
Limpeza
Manutenção
Arranjo Espacial
Visual
Auditiva
Tátil
Cinestésica
Vibração
Legenda:
Adeq = adequado
X : Marcação do item analisado
Inad = Inadequado
Aceit = Aceitavel
Irrel = Irrelevante
Itens de Leitura
Produto
Folha.com.br
Tabela síntese de leitura e análise ergonômica
Adeq
Inad Aceit
Irrel
Justificativa
Códigos Visuais
x
Tipográfico
Morfológico
Cromático
Tecnológico
Categorias Gestalt
Harmonia
Desarmonia
Equilíbrio
Desequilíbrio
Contrastes:
Figura/Fundo
Cor
Luz e Tom
Movimento
Pregnância da Forma;
Alta
Média
Baixa
Legenda:
Adeq = adequado
X : Marcação do item analisado
Inad = Inadequado
Aceit = Aceitavel
Irrel = Irrelevante
Sistema técnico de leitura ergonômica - Aplicação
CONVENÇÃO / LEGENDA:
ADEQ = Adequado:
 Quando o produto, ou a informação, está satisfatóriamente resolvido.
INAD = Inadequado:
 Quando o produto, ou a informação, não está resolvido.
ACEIT = Aceitavel
 Quando o produto, ou a informação, não está satisfatóriamente resolvido mas
não compromente a funcionalidade da informação ou mensagem.
IRREL = Irrelevante
 Quando a informação não é importante. Não precisa ser considerada.
JUSTIFICATIVA = Conclusão
 Descrever o motivo da consideração realizada.
Sistema técnico de leitura ergonômica - Aplicação
Observação:
Descrição do Trabalho
1. Uma vez preenchida a tabela obtem-se um “ retrato visual ” da Análise
preliminar realizada.
2. Desse modo, fica extremamente facil descrever o conteúdo do trabalho
no Relatório com mais profundidade.
Estrutura do trabalho
RELATÓRIO
Estrutura do trabalho - RELATÓRIO
Conteúdo / configuração física:
Capa e contra-capa em plástico
Conteúdo / textos e imagens:
Papel sulfite ou de melhor qualidade
Texto digitado
Imagens escaneadas e tratadas
Diagramação:
Em Word / Indesign / etc.
Formato A4 ou outro.
CRIATIVIDADE
A criatividade diz respeito, com diferentes graus, à
inventividade e à engenhosidade dos indivíduos, de modo
geral, na resolução de problemas. Em qualquer instância da
vida ou setor de atividade humana.
A criatividade é um processo natural regido por leis e
fenômenos imprevisíveis, portanto, não pode ser ensinada.
Muito embora certos aspectos que conduzem a idéias ou
soluções originais possam ser treinados. A criatividade é
exercitada predominantemente como solução de problema
e manifesta-se frente a uma dificuldade concreta que
requer uma solução.
No design é alusiva ao poder de criação. Ela está implícita,
é um requisito fundamental. Permeia todas as fases do
processo de concepção do objeto: planejamento, projeto e
produção.
Aqui não se tem muita alternativa. Deter um maior ou
menor grau de criatividade é realmente uma qualidade
intrínseca à habilidade e ao talento do designer. Essa
qualidade é vinculada ao seu repertório cultural, técnico e
de experiência profissional acumulada que, quanto mais
extenso, pressupõe-se maior capacidade inventiva.
Estrutura do trabalho - RELATÓRIO
FOLHA DE ROSTO
PRIMEIRA PÁGINA
Informações/ exemplo:
Faculdade:
Curso:
Disciplina:
Título do trabalho:
Aluno (s):
Professor:
Local:
Data:
Páginas subsequentes : conteúdo do trabalho
Tabela, texto e imagens.
Bibliografia João Gomes Filho > Escrituras Editora. São Paulo
www.joaogomes.com.br
2008 8a ed. revisada
2007 1a ed.
255 páginas
135 páginas
2009
2a
ed. Revisada
255 páginas
Obrigado
pela atenção

ergonomia design gráfico

Transcrição

Documentos relacionados

forma e percepção visual - A Imagem na Sala de Aula

Manual do aluno - Fundação das Artes de São Caetano do Sul

A Teoria de Campo Gestalt

Artigo Roberta Chechetto - Diego Piovesan Medeiros | Design e

NR 17 - Ergonomia 17.1. Esta Norma Regulamentadora visa a

Aula 3 - Representação gráfica

1 – Ergonomia e Seguranca do Trabalho

Cal Poly State University Ecole d`Architecture

Parâmetro de ARTE

Entrevista na Íntegra