Eu já tentei várias vezes e é impossível de fazer na mesma fração de tempo que damos 3 passos (o tempo de passar por uma lixeira e sair do alcance dela).

Talvez por conta da suposta baixa adesão popular, o Shopping Pátio Belém, em Belém do Pará, desistiu da ideia de fazer essa coleta seletiva de lixo (essa foto foi registrada antes da remoção das plaquinhas).

É muito cômodo culpar o usuário (neste caso, o cliente do shopping) por não cooperar com a coleta seletiva, mas raramente se pensa na questão funcional que envolve esse processo.

Assim, fazer as pessoas lerem, não é exatamente o problema. Um número grande de ícones para representar todas as expressões escritas levaria ao mesmo problema.

O principal problema está na categorização e identificação dos detritos (ou taxonomia, para usar o termo correto).

Reparem que essa não é uma coleta seletiva tradicional. É apenas baseada na separação de restos de comida do restante do lixo. O que é imensamente mais simples do que uma coleta seletiva completa, que separa o papel do metal, do vidro, do plástico e do resíduo orgânico.

Todo o lixo reciclável seria, portanto, separado posteriormente. Enquanto os restos de alimentos seriam descartados totalmente. Isso é tudo. Mas mesmo assim a forma como classificaram as duas lixeiras não passa esse recado.

Ninguém anda com metais ou vidros no shopping, as pessoas carregam latinhas e garrafas de refrigerante (na verdade, apenas latinha, nao vendem garrafas em shoppings). Lata é a mesma coisa que metal? Tecnicamente, para qualquer pessoa, é óbvio que é. Mas no design, faz toda diferença. Da mesma forma, “lixo orgânico” não é o que as pessoas carregam em shopping. As pessoas levam alimentos, lixo é apenas depois que elas descartam.

Não é que o usuário seja preguiçoso, é que diante de tantos estímulos visuais, no momento da distração, o menor esforço interpretativo amplia enormemente a chance da mensagem ser captada.

Note a diferença que ocorre quando mudamos algumas expressões. A justificativa para usar preto e branco é porque não podemos usar as cores que convencionalmente são utilizadas para a coleta seletiva de lixo, pois associariamos incorretamente ao esquema de cor que identifica cada material reciclável. Ainda assim é possível fazer uso do contraste para marcar de maneira forte a diferença entre as lixeiras, aumentando a propensão à leitura das placas.

O formato de blog é diferente de páginas tradicionais pois ele se apresenta de forma decrescente: primeiro os posts mais recentes em seguinda os mais antigos. Essa inversão conceitual faz parecer que a navegação nunca está coerente com o lugar onde pretendemos chegar.

Tradicionalmente usa-se a metafóra de direção para apontar onde deveremos ir para encontrar determinada informação. E o que deveria ser um recurso de apoio, transforma-se justamente na maior charada do processo:

• A partir da home do meu blog, a expectativa do meu usuário para continuar acessando o conteúdo de post mais antigos seria ir para trás ou para frente?

Na minha interpretação seria ir para frente e, usando a metáfora de direção, frente corresponde a uma seta para direita. Por outro lado, essa metáfora vai de encontro com o conceito decrescente sobre o qual o formato blog foi projetado, onde o post mais antigo ficou para trás e, portanto, a opção inicial de navegação deveria apontar para a esqueda. Mas como entender que, a partir da página inicial de um blog, o usuário deve andar para trás?!

Outro modo de instrução é o verbal: posts antigo e posts novos. Entretanto posts antigos não significam necessariamente post desatualizado, pelo contrario, é muito normal que através de um mecanismo de busca o usuário salte a home e chegue direto a um post “antigo”.

Pessoalmente, prefiro imaginar o blog como páginas. Os posts mais recentes estariam, então, na página 1 e, os demais posts, dessa página em diante. Com a página 1 mais à esquerda e as demais apontando para a direita.

Mas várias outras maneiras são usadas e fiz uma pequena coletânea das mais comuns:

Acima, os modos mais comuns. Caracterizam-se por utilizar a expressão “antigo” (ou do inglês, previous entry). No primeiro a situação fica coerente, com a seta apontando para a esquerda. Mas a experiência de uso parece insinuar que a pessoa está na última página. O exemplo em seguida aponta “posts antigos à direita”, mas sendo posts são antigos, eles não deveriam apontar para uma direção à frente.

Retirar a expressão “antigo ou anterior” resolve parte do problema, especialmente no segundo exemplo. Mas se não entrarmos no blog através da HOME, não é possível indentificar para que lado é o post mais recente.

Numerar como se fossem página é uma solução interessante. Indica que a página 1 é a primeira e que, se ele não estiver na primeira, basta clicar sobre o número 1 para chegar onde deseja. “Ver todos os posts” é uma opção que resolve um problema, mas cria outro. Nessa situação ou todos os posts serão carregados numa lista enorme e pesada, ou o usuário será interceptado por outra dela com a distribuição dos posts por data para que selecione uma.

Acima minha preferência e a opção deste blog, uma analogia simples à páginas. Como o resultado de um mecanismo de busca o usuário, a partir da home, navega para a direita.

Situação semelhante que envolve metáfora de direção é o controle remoto da sua televisão. Alguns fabricantes agrupam volume e troca de canais, prevendo que essas são as funções principais que o usuário poderia acessar no controle (junto com ligar e desligar).

Existe estes dois diagramas de controle que alternam o volume e o canal entre direção vertical e horizontal:

As duas funções tem um carater crescente: o volume aumenta e, o canal, de certa forma também (ainda mais explicitamente que o volume, pois passamos do canal 7 para 13).

Isso de certa forma explica o diagrama 1, com o canal usando direcionamento vertical, suportamente mais alinhado com metáfora de aumentar os canais. E, uma vez que a barra de volume geralmente corre horizontalmente na tela, o controle reproduz a orientação horizontal do volume e ficaria tudo ótimo.

O problema é que, pelo menos no Brasil, ninguem que eu conheça “aumenta os canais”. As pessoas passam de canal. Enquanto o volume aumenta efetivamente, mais alto ou mais baixo. Nessa situação o volume no eixo vertical ficará e o canal no horizontal ficará muito mais alinhado com a ideia de aumentar o volume e mudar de canal.

De modo geral, as agência de propaganda manuseiam e transportam as informações referente as ofertas de produtos entre os departamentos de forma praticamente artesanal e muito dependente do operador.

No cenário atual, os dados são descontruídos e reconstruídos a cada copiar e colar para serem transportados entre os aplicativos e sistemas (Web, Indesign, Publish etc). Por último, é realizada a formatação do texto dentro do software de diagramação, geralmente o Indesign.

Tem-se um processo cíclico e, onde existe repetição de tarefas, existe a possibilidade de automatização de tarefas para que sejam realizadas num tempo muito menor.

Se as agências mantivessem um banco de dados estruturado e a criação tivesse acesso a estes arquivo em XML, onde todos os detalhes das ofertas fossem identificados com marcadores (tags), o Indesign seria capaz de identificar os dados e importá-los para dentro do layout já completamente formatado com a ajuda de estilo (falei mais sobre estilos neste post).

Esse fluxo de trabalho transformaria um processo tedioso e demorado em uma rotina quase que totalmente automatizada.

Veja como após o link

Este post apenas apresenta o esboço de projeto para essa finalidade. Procure mais informações sobre o funcionamento do XML integrado ao Indesign aqui e aqui.

O que é XML (eXtensible Markup Language)?
XML é uma linguagem de marcação (tags) capaz de descrever diversos tipos de dados. Seu propósito principal é a facilidade de compartilhamento de informações. Um documento em XML é um documento estruturado pois os dados tem significado e podem ser interpretados e transportados entre plataformas.

• XML não contém formatação.
• XML é simples e legível tanto para humanos, quanto para computadores.
• XML permite criação de tags sem limitação.
• XML é um formato aberto e rapidamente torna-se o padrão da indústria para web.

Fluxo de trabalho previsto:
Para que o fluxo de trabalho seja completo e possamos utlizar em plenitude os recursos de produtividade disponível, é necessário envolver toda a “cadeia produtiva”.

1. Através de um formulário de entrada, um banco de dados é constantemente alimentado com os novos aparelhos disponíveis. /atendimento
2. A cada nova demanda de trabalho, o atendimento seleciona as ofertas de celulares em um banco de dados, apenas atualizando preço e, quando necessário, outras informações que variam em menor número. /atendimento
3. As ofertas selecionadas são disponibilizadas para a criação através da exportação de um arquivo XML dinâmico, vinculado ao PIT (ex: YY-0932.XML). /criação
4. O arquivo XML é importado para o Indesign e automaticamente formatado através do uso de “estilos”. /criação

O arquivo XML não suporta fotos, no entanto suporta referências às fotos ou outros arquivos de dados com possibilidade de fazer um vínculo entre os dois através do caminho de localização no servidor. Neste caso, as fotos também podem ser inseridas automaticamente se houver padronização na nomeclatura dos arquivos de imagem dos aparelhos celulares.

Diagrama do banco de dados hipotético para um produto do segmento telefonia móvel

Modelo de interface para seleção de ofertas e edição de informações a partir do banco de dados. As features ficam disponíveis no banco de dados para futuras aplicações.

Printscreen do painel Structure no Indesign (que dá acesso ao arquivo XML).

O nome do aparelho no painel esquerdo é apenas arrastado para dentro do layout (direita) e a formatação aplicada automaticamente através de estilos pré-definidos. Se houver mudança de feature, basta o atendimento sobrescrever o arquivo XML para atualizar automaticamente o layout.

Benefício previstos

Para a criação

• Abolir a digitação manual e copiar/colar de ofertas.
• Abolir o hábito de abrir arquivos antigos para “aproveitar” features usadas em um anúncio anterior.
• Importar dados e aplicar automaticamente a formatação.
• Proporcionar segurança. Se o arquivo XML for alterado pelo atendimento, as ofertas serão automaticamente corrigidas no anúncio (arquivo com links).

Para o atendimento

• Consulta de ofertas em banco de dados, descartando a necessidade de consultar features na web e copiar e colar no Publish.
• Maior rapidez na seleção de ofertas e envio para a criação.
• Trabalhar com formulário irá forçar a organização das informações, possibilitando consultas, filtragem por tipo etc.
• Possibilidade de abrir o banco de dados para terceiros/fornecedor, para ajudar ou agilizar a identificação das ofertas de forma remota.

Coordenação do Gustavo Nogueira, programação do Fábio Silva e direção de arte minha. Para o lançamento do empreendimento Soul Batista Campos da Urbana Engenharia.

Por mim e France Rocha para a Mônaco Motocenter/São Luís.

Campanha de lançamento da Mônaco Motocenter (concessionária Honda) em São Luís/MA.

Acima, peça teaser. Pro mim e France Rocha.

Este livro foi uma agradável descoberta. Se tiver condições, não deixe de comprar!

Em promoção na FNAC – R$60