Nova marca "profissional" percebida como "sem graça"

Eu gerencio um projeto de código aberto ( Rubberduck , um suplemento para o editor VBA) e, até a versão mais recente, esse era o formato inicial:

Desde 2015, a marca girou mais ou menos em torno do código VBA e aquela imagem de borracha, com as letras "RUBBERDUCK" em uma fonte Showcard Gothic assinatura que estou usando em todos os lugares desde o início do projeto e que não sou mentalmente preparado para deixar ir.

Para encurtar a história, ontem à noite eu lancei a versão 2.2 com um novo formulário baseado na marca de 2018, um design muito mais sóbrio que eu esperava que fosse mais profissional. O patinho de estoque é substituído por um "patinho de sombra", uma versão SVG levemente desfocada do pato:

O design é baseado no material de anúncios da comunidade de 2018 que está indo muito bem no Code Review SE, mas desde que o projeto se originou nesse site e eu sou moderador desde 2015, é possível que essa seja uma percepção distorcida de um design decente.

Fiz uma pesquisa rápida no Twitter (está disponível a semana toda) e até agora os resultados (ok, apenas 7 votos até o momento) indicam que o novo formulário inicial está sendo percebido como "bastante chato" (57%), em oposição a "mais profissional" (43%) - não estou aceitando as pesquisas do Twitter como uma medida científica ou precisa, mas o fato de que metade dos comentários até agora consideram o novo toque "bastante monótono" está me preocupando um pouco.

Eu não sou um artista gráfico, mas é um dos muitos chapéus que tenho que usar como parte deste projeto, por isso estou procurando feedback desta comunidade para, esperançosamente, identificar como o novo design / marca pode ser melhorado para reduzir o "embotamento" e aumentar o "profissionalismo".

O que estou tentando transmitir é que a ferramenta está direcionada a profissionais e que ela enxerga através do código de seus usuários , com um design que não parece tão desorganizado / divertido quanto o original, ou seja, um conceito que ainda está perolado ainda ' não parece "chato" ou chato (eu esperava que a fonte Showcard Gothic da assinatura ajudasse nisso).

Preciso da sua ajuda para entender onde e como o novo design pode falhar em transmitir sua mensagem e o que posso mudar para ajudar a não ser percebido como "sem graça"; Também gostaria de saber se estou violando algum princípio de design do qual não conheço: talvez não esteja vendo um problema flagrante de contraste ou esteja usando uma fonte ruim muito pequena (Gill Sans MT), ou há algo desequilibrado no layout (posicionamento das letras x patinho, posicionamento da etiqueta de status etc.) - um colega contribuiu para destacar que o desfoque não está ajudando e que um patinho mais agudo pareceria menos amador, ... Tenho certeza de que tudo isso é objetivamente quantificável por profissionais de design.

Se houver alguma informação útil, a tela inicial será exibida por aproximadamente 3 segundos na inicialização, quando o Editor do Visual Basic carregar seus suplementos.

Acho que a percepção de embotamento é amplamente atribuída à falta de cor na nova tela inicial. Eu gosto da sua abordagem de depuração (eu aprendi essa palavra hoje), então minha sugestão seria apenas adicionar de volta alguma cor.

É difícil criar um logotipo que transmita "profissionalismo" se você preferir o Showcard Gothic, então, pessoalmente, eu abraçaria a diversão do tipo de letra e adicionaria um pouco de amarelo e azul ao logotipo. Aqui está minha rápida visão:

Eu também não deixaria o fundo totalmente branco, uma textura sutil pode percorrer um longo caminho. Optei por incorporar redemoinhos como um aceno ao "código de redemoinho" original, mas poderia ser qualquer tipo de textura sutil ou até um gradiente suave.

^{Cortesia silhueta Ducky de Anthony via pexels.com}

Eu acho que essa pergunta é um pouco ampla. E eu também acho leigos ou usuários "votação" para "o que você acha do meu logo" é sempre uma muito má ideia. "Design por comitê" geralmente leva a muitas opiniões variadas e nenhuma direção clara. Uma equipe de alguns é ótima ... ou uma colaboração ... mas uma pesquisa geralmente é cheia de pessoas que nunca serão felizes, independentemente de qualquer coisa que você altere / crie.

Quantos designers são necessários para criar um logotipo?
--- 100 ....
1 para criá-lo e depois 99 para dizer: "Eu poderia ter feito isso melhor". :)

No geral, acho uma pena que você não esteja usando um gráfico tão fantástico como o pato de borracha. É algo imediatamente reconhecível e oferece uma impressão instantânea, aberta, amigável e convidativa. Eu realmente brincaria mais com o pato.

Não tenho certeza de qual foi o processo de pensamento para minimizá-lo além do ponto de ser convidativo, mas mantendo um tipo de letra que é ... bem ... apenas não é o meu estilo. Meu gosto pessoal é um tipo de logotipo, não deve ser apenas um tipo de letra "estilo de exibição". Na verdade, acaba parecendo menos profissional. Especialmente se você estiver em um setor de tecnologia em que as chances são altas de usuários verem esse tipo de letra em outro lugar e o reconhecerem.

Embora eu não tenha passado muito tempo nisso, eu tinha uma imagem de pato de borracha criada anteriormente, então não pude deixar de brincar um pouco. Eu acho que se você se concentrar no pato mais do que o tipo, qualquer cartão de apresentação ou gráfico se torna inerentemente mais convidativo e atraente.

Um tipo de letra mais padrão empresta mais "profissionalismo" na minha opinião.

Novamente, a arte do pato foi algo que eu criei há um tempo atrás, então eu a tinha por aí. Com o tempo, pode funcionar melhor para personalizar mais o pato e integrá-lo melhor ao tipo .... coloque óculos nele ... use um ângulo diferente ... amarre-o no código VBE de alguma forma. Isso tudo estava fora de minha cabeça usando obras de arte existentes. O tipo acima poderia usar mais tempo e cuidado, mas acho que transmite a proeminência do próprio pato. (O azul que usei é retirado da cor dos olhos do pato para dar continuidade. Portanto, pode ser mais vibrante.)

_{Os conceitos aqui são gratuitos para serem utilizados. A arte real não é .}

Eu sei que meu primeiro post é um pouco "controverso", mas eu não sou o tipo de cara que apenas diz "que não funciona".

Aqui está um processo aproximado para mostrar como muitas decisões devem ser tomadas.

Este será um longo post.

1. Para evitar problemas de direitos autorais, precisamos ter um trabalho original, então, aqui estão os primeiros esboços da minha interpretação do pato de borracha. O primeiro parece um poodle ... é apenas para obter a geometria básica.

2. Vamos explorar algumas fontes. Algumas fontes "sólidas". O projeto precisava de uma fonte "mais bonita", então as redondas começaram a aparecer em minha mente.

3. Explorando a combinação imagem-fonte. A versão em preto e branco não funciona. Algumas correções no peso da fonte são aplicadas.

4. O pato não pode ser "aquele" plano. Adicionando algumas sombras e uma versão preta com destaques.

5. Roubando a ideia de Scott de um fundo azul ... Ai, o pato está olhando para fora do quadro.

Também estou trapaceando para preencher o espaço entre a imagem e o pato.

6. Virando o pato ... (O cara queria um pouco de frescura ... a palavra Quack funciona?)

7. O inferno com a linha dupla, vamos fazer uma linha ...

8. Explorando as sombras do outro lado ... Nop, não funciona ...

9. Lembre-se do k flutuante? vamos explorar isso mais uma vez, e não vamos tentar algumas variações ...

Estou postando isso para explicar, não há apenas uma receita ... Cada etapa que publiquei aqui para fazer muita exploração e investigação. Eu li alguns artigos de direitos autorais sobre o uso do pato de borracha, explorando algumas fontes, escolhendo um que é livre para usar, proporção de contraste, estilo, aplicativos ... etc ...

Sim, o pato pode ser mais bonito ou ter um estilo diferente. Não há como agradar a todos, mas a abordagem é com um pouco de sorte, um pouco mais sólida e menos "chata".

Editado para uma versão mais feliz e mais otimista olhando para o céu ... bem, sonhando com o céu ...

Por favor me perdoe. Eu não pretendo ser rude.

a ferramenta está direcionada a profissionais

Como é ... não, não é.

Postei este texto como um comentário, mas é muito bom (mas um pouco sarcástico ... eu sei)

Se a imagem é importante ... contrate um designer. Se a programação não for importante, contrate um padeiro para escrever o código.

Um produto de software acabado tem muitas faces, além de um bom código: UX, usabilidade, imagem, percepção. Portanto, se estiver direcionando usuários profissionais, você provavelmente deverá contratar um designer profissional para dar uma aparência profissional.

Isso não significa pagar muito dinheiro. Também pode ser um esforço colaborativo. Mas não tenha medo de pedir uma colaboração.

O embotamento, como JohnB descreve, melhorará o uso da cor; essa poderia ser uma pergunta óbvia, mas também é apenas uma silhueta e um texto genérico; portanto, na realidade, precisa mais do que cor. Ele precisa de um design real: abstração, estilo, proporção, esquema de cores, seleção tipográfica ...

Apenas algumas notas:

Eu sei que isso parece rude. Simplesmente não é. Como não sou programador, não posso julgar a qualidade ou o valor intrínseco do programa, os benefícios e o mercado. Mas, como a pergunta foi feita, fazendo críticas ao lado do design gráfico da tela inicial e de alguma forma à marca, minha responsabilidade é fazer isso.

Vivemos em um mundo colaborativo, multidisciplinar. E isso é ótimo. n_n

Comparando sua versão "monótona" com o material publicitário da comunidade de 2018 que você vinculou, acho que grande parte da "monotonia" é causada pelo uso de desfoque, o que cria a impressão de monotonia. Eu acho que um psicólogo da percepção poderia realmente explicar isso. Vamos ver o que é realmente embotamento: ver algo através da neblina daria uma impressão embotada, eu acho.

Comparando as imagens, o logotipo atual tem um pato desfocado e também a fonte tem muito menos contraste.

Tente esboçar o pato, como a fonte. Dá um forte contraste.

Também o torna semelhante à fonte, reduzindo a complexidade e provavelmente aprimora muito o profissionalismo.

Para aumentar a impressão profissional, ajudaria a tornar o pato menos proeminente no logotipo. Não centralizado e não muito grande. Pode ser pequeno e no lado direito, não atrás, mas acima do nome do produto. Além disso, tente uma fonte que ainda seja "engraçada", mas com metade da graça da fonte atual.

Eu acho que é chato, porque não mostra quase nada para reconhecer à primeira vista. Sua mensagem principal deste logotipo é "somos iguais a qualquer outra coisa, nada de especial para procurar. Podemos nos misturar à invisibilidade e, se você quer conhecer nossa marca, precisa ter uma visão mais detalhada" . Alguns o consideram "profissional", outros o consideram "este item está desativado". O velho respingo grita " WOW PATO DE BORRACHA !!! " antes mesmo de você ter tempo de ler as cartas. E depois segue " Ei! Ele brinca com algum código! ". Parece-me mais diferente do que os dois tipos de aprimoramentos que usei neste parágrafo. E quess, o que leria alguém apenas falando alto? Italica na primeira parte ou em negrito abaixo?

No momento em que comecei a programar, havia (quase) apenas uma interface de texto nos PCs, mas no menu havia todos os atalhos destacados para facilitar a legibilidade - primeiro no fundo preto invertido (nos monitores em preto e branco), depois em amarelo ou vermelho no azul, ou algo assim semelhante. E a tela inicial obtém pelo menos a grande arte ASCII do nome do programa para dizer com orgulho "somos ESTE". Mais tarde veio a interface gráfica e os salpicos estavam cheios de cores e os ícones eram facilmente reconhecíveis, mesmo com apenas alguns pixels grandes e poucas cores disponíveis. Os itens desativados no menu estavam em cinza escuro, mas ainda estavam claramente visíveis.

Com o tempo, houve maior resolução, mais cores na tela e mais poder computacional. Mas com todas essas cores, os programas disponíveis caíram lentamente para o cinza no tema cinza, onde até o item destacado é MENOS legível, do que os itens desativados há alguns anos atrás. Parece a mesma coisa, combina com a cor da sua camisa e meias e o quê, mas não é de fácil leitura.

Parece ótimo em anúncios, onde todos os refletores brilham no belo modelo que finge usar "coisinhas profissionais de alta tecnologia", pois não perturba a imagem da atriz / ator destinada a chamar a atenção de possíveis compradores. Muito pior quando você realmente deseja usá-lo e quando realmente tenta encontrar algo no menu.

Compare este design cinza sobre cinza com logotipos de grandes empresas no mundo real. Cada grande marca é facilmente reconfigurável à primeira vista, seja McDonald, CocaCola, Linux, Windows, Adidas, Nike, apenas o nome. Veja os favoritos de seções diferentes aqui no stackexchange (seja no título da página ou na coluna da direita "Perguntas sobre a rede quente" - novamente reconhecível à primeira vista. Até os ícones dos usuários são coloridos e você provavelmente pode reconhecer seus amigos na fenda de segundo sem lupa e / ou a leitura do nome associado.

Então, por que o seu splash deve mesclar-se aparentemente ao fundo sem enviar uma mensagem reconhecível sobre o que é e se você já o conhece ou se é apenas um preenchimento genérico de espaço? Na minha opinião, o splash e o logotipo fazem muito na empresa / marca do produto / identidade / reconhecimento. E pode dizer com orgulho " ESTAMOS AQUI " ou apenas sussurrar silenciosamente " por favor, não nos mencione, não somos nada importantes ou interativos ".

Talvez eu esteja muito velho para esse momento, mas prefiro uma legibilidade reconhecível do que "tão decente que é difícil ler" toda vez (como segundo marcador após a usabilidade e a funcionalidade do curso, mas você não estava perguntando sobre o programa, mas o logotipo)

Penso que a percepção de embotamento se deve em grande parte às cores cinza-esverdeadas e ao fato de a doca estar sombreada muito escura.

Algumas coisas para tentar:

• Tornar a imagem geral mais brilhante e usar cores divertidas / verão / brilhantes fará com que pareça muito mais "emocionante".

• Reduzir a quantidade de cinza na imagem em geral também ajudará.

• Não escrevendo apenas letras pretas, considere os cinzas (pode parecer uma contradição com minha afirmação anterior, mas obviamente deve haver um equilíbrio).

A criação do @ JohnB alcança muito bem o que estou descrevendo .

Mathieu, como um colega programador e engenheiro que se tornou proprietário de uma empresa, você deve pensar em algumas coisas:

O que você acredita que seu mercado é (desenvolvedores profissionais) e o que você acha que seu produto é (uma ferramenta profissional) é a princípio, apenas o que as outras pessoas pensam que é baseado em sua percepção.

Eu olhei para o seu projeto / GitHub, estou qualificado para atestar que o seu projeto é realmente um projeto profissional e que os desenvolvedores profissionais gostariam de usá-lo, mas levei 18 anos para adquirir conhecimento e 15 minutos para procurar seus recursos.

Você é realmente um engenheiro muito profissional (a julgar pelo exposto e sua presença on-line), mas também é um designer profissional? um gerente de marca? Você pode não pensar, mas essas profissões também são coisas que as pessoas passam a vida para aperfeiçoar, basta olhar para a incrível degradação de @Rafael

Como engenheiro, somos tendenciosos a pensar que podemos fazer tudo sozinhos, isso é uma coisa boa, mas você precisa deixar ir e delegar algumas tarefas à medida que aumenta seu negócio / projeto, esse é um deles.

Todas as marcas / imagens terríveis para OSS e ferramentas proprietárias existentes são sempre o resultado do proprietário do projeto, um engenheiro, pensando que podem iniciar o Gimp durante um fim de semana e criar um belo logotipo, sua psique assume o controle e são incapazes para deixar ir e depois nos perguntamos por que os empresários não estão comprando (nossa ferramenta / OSS), bem, os empresários não são engenheiros (na maior parte), tudo o que eles têm para avaliar seu profissionalismo é seu fluxo de caixa, logotipo e marca, precisamente para coisas que os projetos OSS não têm.

Minha sugestão para você: delegar !, contrate @JohnB ou @Rafael, ou acesse aqui: https://99designs.com.au crie um "concurso", abaixe os US $ 350, deixe que os engenheiros de branding façam suas coisas, você fará AME seu novo logotipo e concentre-se nas tarefas nas quais você pode aplicar suas habilidades com mais eficiência.

Infelizmente, sim, seu novo logotipo é monótono, genérico e imemorável.

Por que diabos você faria um pato de borracha cinza e não borracha? Um pato de borracha é um brinquedo para crianças, que é o poder da imagem, as pessoas esperam que as coisas sejam de certa maneira ou ficam confusas e inconscientemente fogem do seu produto.

O design antigo era realmente melhor porque estava transmitindo uma mensagem: em 5 segundos você podia entender que é uma ferramenta para facilitar a codificação se você estiver lidando com VBA, a cor é vibrante e todo mundo adora um pato de borracha amarelo sorridente dando uma nadar, envia uma imagem de "fresco", "brincalhão" e "fácil".

Vê o problema? Você tirou todas as coisas boas do seu antigo logotipo, agora fica com uma palavra genérica usando uma fonte genérica com uma silhueta genérica, sem significado, mensagem ou cor (o que é pior, a cor cinza está associada à depressão, é a única cor que não envia sinal para o cérebro, é por isso que as pessoas mencionam "sem graça").

E você está abordando o problema como engenheiro, pensando que pode "quantificar objetivamente" o processo de design, não pode, é uma forma de arte, existem "métodos", mas nenhum método de design é construído sobre mecânica, é como escrevendo música (em vez de ler música do pentagrama).

Peço desculpas se sou grosseiro, estou tentando ser objetivo, design / marca / cor / psicologia são campos que gosto de ler / aprender, mas é melhor contratar um especialista quando você precisar fazer o trabalho .

Eu acho que você pode manter o design do logotipo em escala de cinza e evitar ser monótono. O design cinza pode se beneficiar de mais profundidade e tratamento estilizado no ícone do pato. No momento, está muito desbotado e se perde atrás do tipo de letra.

Também gostaria de saber se estou violando algum princípio de design do qual não conheço: talvez não esteja vendo um problema flagrante de contraste ou esteja usando uma fonte ruim muito pequena.

Em relação a isso, quero falar sobre as regras da tipografia.

Uma linha de um caractere que mostra à direita, quer ser mais espessa que uma linha vertical.

Pense na parte inferior direita do seu K.

Isso não é feito na sua fonte.

Uma linha horizontal quer ser mais fina que uma linha vertical.

Não feito na sua fonte.

O que sua fonte mostra é a regra sobre dicas de triângulos e círculos.

Aparecendo para cima ou para baixo, eles ficam mais altos - mais baixos - do que a linha de base da fonte.

Olhe para o seu B.

A parte superior vai mais alto.

Sobre todas as letras maiúsculas que digo, as maiúsculas no início de uma palavra aumentam a legibilidade.

Todas as letras maiúsculas - não - necessariamente fazem isso.

E vai um pouco na direção de gritar.