Um site apaixonante

Descobri o site Digital Synopsis, e gostaria de compartilhar. É um site muito bom sobre design, com conteúdos sobre arte, infografia e dicas de design. Muito conteúdo sobre cor e tipografia. Enfim, uma aula de design com as tendências e muitas coisas de quem vive de design para quem vive de design e para quem simplesmente gosta de design.

Presentermedia e recursos legais

Estou com um curso in company engatilhado, e ontem bolei um reforço na comunicação interna da empresa. Entrei em minha conta do Presentermedia e procurei alguma novidade nos templates customizáveis.

Vejam que apropriada esta imagem para um mês de férias. Customizei as lombadas dos três livros para construir a mensagem.

Esse tipo de brincadeira tem de sobra no Presentermedia. Uso muito, porque considero um recurso barato, a gente paga uma taxa anual e usa à vontade, baixando imagens, cliparts, vídeos, animações, templates, muita coisa bacana para apresentações!

Técnica das três etapas

Fala-se muito de Steve Jobs e suas técnicas fantásticas de apresentação. O colunista da revista Forbes especialista em comunicação, Carmine Gallo, destrincha a técnica de Jobs em um vídeo muito rápido. Sugiro passar alguns minutos em frente ao computador e ver este vídeo (em inglês).

Basicamente, Gallo cita a técnica das três etapas. No outro texto, o mesmo autor destrincha essa técnica sugerindo que seja utilizada para buscar explicitar uma apresentação ou até mesmo um plano de negócio em um diagrama com três partes: a primeira, com a frase que mostra o objetivo do seu negócio, da sua apresentação, do seu produto. Essa frase deve ser em estilo twitter, com limitada quantidade de caracteres.

No segundo círculo do diagrama, explicitar as três principais vantagens do seu negócio/produto/apresentação.

No último círculo, alguns bullets com a idéia principal de cada uma das três anteriores.  Este diagrama vai ser seu roteiro de apresentação. Achei muito bacana e exige uma capacidade de síntese e de seleção do que é de fato importante.

Segundo esse especialista, temos mais facilidade de agrupar informações de três em três, em números ímpares. Diferente de Kosslyn, que cita o máximo de quatro (ok, três é menos do que quatro e bem mais fácil de memorizar). Achei uma boa técnica e uma boa dica.

Livro de Kosslyn em pdf

Ontem, uma colega pediu ajuda com uns gráficos para um relatório. O gráfico de pizza tinha duas opções. A primeira, com as fatias todas separadas ("explodidas"), e um efeito 3D. O segundo, onde todas as fatias eram da mesma cor.

Nenhum deles era apropriado. O primeiro, por dois motivos: quando a gente "explode" as fatias da pizza, perde-se totalmente a referência do todo. E um gráfico de pizza é útil justamente pela proporção em relação ao todo. O segundo, porque sendo todas as fatias da mesma cor, a legenda ficou sem sentido.

Além disso, na pizza a gente deve mostrar as fatias no sentido horário, da menor para a maior.

Fiz essa análise por email, bem detalhada, citando Kosslyn. Aí procurei algum link para o site dele, e qual foi minha surpresa quando vi que seu livro Clear and to the Point, que está na nossa biblioteca, está online, em pdf, grátis.

Publiquei esse link na biblioteca (coluna lateral direita do blog). Procure a capa do livro e clique para abri-lo ou salvá-lo.

Listras horizontais emagrecem

Abaixo os fashionistas! Sempre recomendando usar listras verticais, porque as horizontais engordam. A teoria comprova justamente o contrário.

Trata-se de um efeito ótico descoberto por Hermann von Helmholtz, demonstrado no final dos anos 1800. Ele demonstrou que o mesmo quadrado, se desenhado com listras horizontais, parece bem mais alto e estreito do que se desenhado com listras verticais.

Alguns séculos mais tarde, estudiosos de psicologia da Universidade de York realizaram uma pesquisa na qual mostravam mulheres com o mesmo corpo e estatura com vestidos de listras verticais e horizontais. Sabe o que os observadores disseram? Aquelas com listras horizontais eram mais altas e mais magras.

Puxa, passei a vida acreditando que listras horizontais engordam. Agora bagunçou minha cabeça.

Ando estudando os efeitos de ilusão de ótica, por isso este post.

Descobri uma cobertura bem abrangente desses efeitos no site da BBC, de onde tirei essa imagem do efeito de Hermann. E esse da Universidade de York saiu na BBC Brasil, em 2008.

Nosso sistema cérebro-olho, por mais sofisticado que seja, tem limitações. Essas limitações fazem com que o que a gente perceba não necessariamente corresponda a o que está diante de nós. E muitas vezes, nesse processo de interpretação, o cérebro nos engana, e aparecem esses efeitos de distorção.

É bom ter sempre isso em mente quando a gente elabora slides, porque a relação de figura e contexto é muito forte nesse processo de "enganar" que o cérebro efetua. Assim, muito cuidado com seus gráficos, diagramas, suas cores, e sua relação com o fundo do slide.

Comparando gráficos

Na Terra de Oz, existem dois índices de bolsas. O índice Mágico de Oz, composto de um conjunto de empresas, e o índice Dorothy, composto de outro conjunto de empresas. Alguns conjuntos coincidem, como os de Bancos e de Palha, por exemplo.

A ideia desse slide era demonstrar que os indicadores de Bancos tiveram performance muito ruim nos dados recentes (desde o início do ano, ou YTD - year to date, para os entendidos).

Era necessário mostrar, no mesmo slide, os cinco piores e os cinco melhores desempenhos, de ambos os índices.

O slide original estava quase assim (não tinha nada alinhado, eu ainda melhorei pra publicar aqui).

Se observarem, o título fala de cinco melhores e piores, mas os eixos não mostram tantos nomes assim. No entanto, as barras mostram os cinco melhores e piores, e no fim ainda mostram o índice da própria bolsa. O que houve? Na hora de colar o gráfico, foi aplicado o padrão de corpo de texto para eixos, que é 16, no nosso caso. Não couberam todos os nomes, por isso alguns ficaram escondidos. 

Resolvemos então comparar um ao lado do outro, afinal seria mais importante mostrar todos os nomes do que as barras tão extensas. E ficou assim:

Ainda tentei negociar para deixar apenas as três melhores e as três piores, mas o responsável pelo conteúdo disse que era importante mostrar as cinco, para o perfeito entendimento. Minha percepção é de que a comunicação fica dificultada. 

Lembro a Regra dos 4, de Kosslyn: segundo seus estudos, nosso cérebro não processa mais do que quatro grupos de informação ao mesmo tempo. Assim, cinco é um pouco acima de nossa capacidade de processamento. Mas quem manda é o conteudista. A gente tenta usar recursos de design para ampliar o entendimento e a rapidez na comunicação.

Por isso, resolvi usar um artifício visual. Vejam o título do slide. Ele aponta um destaque para o setor de Bancos. Vejam que na bolsa Mágico de Oz, Bancos têm o pior desempenho. Na bolsa Dorothy, têm o terceiro pior. Inseri, por trás dos gráficos, uma forma retangular com cantos arredondados e preenchimento em cor neutra (cinza), e uma ligação com uma forma livre sinuosa, com preenchimento vermelho em degradê, posicionada por trás dos retângulos. 

Aplicar princípios de alinhamento são importantes, e também buscar recursos gráficos visuais para melhorar o entendimento. Dá um trabalhinho, mas o resultado compensa.

Brinde de sexta-feira: como deslocar formas com precisão

Ontem estava ajudando uma equipe a padronizar seus slides de uma apresentação. Como eles tinham alguns slides interessantes que se sobrepunham simulando uma animação, precisavam estar posicionados exatamente nas mesmas coordenadas dos dois slides para que a transição ficasse perfeita.

Ocorre que eu ia movendo a figura com as setas, mas o deslocamento era muito grande. Aí um deles me disse:

"Enquanto usa a seta, pressione a tecla CTRL"

Puxa, há tantos anos estudando e usando o PowerPoint, e pior, ensinando o PowerPoint, e eu não sabia disso! Se pressionar a tecla CTRL o deslocamento é bem pequeno, bem preciso. 

Essa foi minha dica de sexta-feira. Na minha vida, já está fazendo uma baita diferença!

Bom fim de semana a todos!