Esta pergunta é muito grande para ser respondida exatamente ponto a ponto. Existem livros sobre design e outros sobre a experiência do usuário , que explicam em todos os detalhes como tornar o software, produtos de consumo, livros, anúncios, brinquedos para bebês mais atraentes para o público-alvo. Na verdade, sua pergunta é semelhante a:
Sou designer, tenho alguma idéia de programação (aprendi Básico na escola por duas semanas), mas não tenho tempo para aprender programação. Me pediram para fazer um site de comércio eletrônico do zero usando o ASP.NET MVC e o Microsoft SQL. Você pode me explicar o que são essas duas coisas e como posso usá-las para fazer um trabalho bem-sucedido?
Em todos os casos, se você deseja criar gráficos "atraentes", mas não tem tempo para ler dezenas de livros e não possui um designer em sua empresa (é possível?), Tente se inspirar no que você vê por aí : sites profissionais, apresentações etc. Você precisa observar algumas regras e padrões e aplicá-los aos seus gráficos. Você pode errar algumas vezes, porque algumas regras funcionam bem em sites, mas falham em produtos de consumo, gráficos ou brinquedos para bebês, mas, em geral, você tem mais chances de ter sucesso.
Por exemplo, se eu pegar o gráfico em sua edição:
Percebo o primeiro erro: sombras. As sombras devem ser usadas com cautela. Em um site, esse uso seria inaceitável. Um bom exemplo de como as sombras devem ser usadas é o Apple.com . Cada elemento com o qual o usuário pode interagir possui uma pequena sombra, dando uma sensação de volume. Nenhum outro elemento tem sombra. No caso de um gráfico, isso pode ser mais aceitável, pois os usuários não pretendem interagir com o gráfico. Ainda assim, as sombras são muito grandes e muito separadas dos elementos. Além disso, aqui, não há necessidade deles: cada elemento já possui uma borda .
Regra geral: KISS (ou, se quiser, "seja preguiçoso"). Não adicione uma borda, sombra e cor de fundo ao mesmo tempo. Não deixe o texto em negrito e itálico Arial Black 200 vermelho sublinhado com uma borda amarela no fundo limão piscando. Faça apenas o que você precisa fazer para adicionar impacto visual, nada mais.
Pense em estilizar seus gráficos: ninguém deseja ver esses diagramas UML em preto e branco feios. Mas não exagere: apenas ficará pior: os diagramas em preto e branco da UML são feios, mas utilizáveis . Uma porcaria animada por GIF piscando com várias fontes e vários ícones e setas que mudam de cor não é apenas feia, mas também inutilizável.
Para os gráficos, lembre-se da especificidade do contexto. Se ele for mostrado através de um projetor, você não poderá ter um texto verde em fundo branco : ele desaparecerá magicamente quando projetado na parede. Se ele suporta sua palestra, não coloque muito em um slide : muitos gráficos, muitos números, muito texto. A ilustração acima é um bom exemplo do que você nunca deve fazer em uma apresentação: com esse slide, você tem certeza de que metade da platéia dorme e a outra metade para de ouvi-lo, tentando desesperadamente entender o que é isso. .
Por fim, lembre-se de que você está aqui para o seu público, não o contrário . Se você mostrar o gráfico como o ilustrado acima para o pessoal de marketing , eles dirão a si mesmos que você é péssimo. Eles sabem o que é a nuvem (ou acreditam que tem algo a ver com aplicativos hospedados no céu / espaço)? Eles sabem o que representa o ícone marrom com "DB" nele? Eles podem explicar o que é um aplicativo da Web e como ele é diferente de outro aplicativo ou de um site?
