Nouvelle marque «professionnelle» perçue comme «terne»

Je gère un projet open-source ( Rubberduck , un complément de l'éditeur VBA) et, jusqu'à la dernière version, il s'agissait du formulaire de démarrage:

Depuis 2015, la marque a plus ou moins tourné autour du code VBA tourbillonnant et de cette image stock en caoutchouc, avec le lettrage "RUBBERDUCK" dans une police de signature Showcard Gothic que j'utilise partout depuis le début du projet, et que je ne suis pas prêt mentalement à lâcher prise.

Bref, la nuit dernière, j'ai publié la version 2.2 avec une nouvelle forme d'éclaboussure basée sur la marque 2018, un design beaucoup plus sobre que j'espérais être plus professionnel. Le stock canard est remplacé par un "shadow cane", une version SVG légèrement floue du canard:

La conception est basée sur le matériel publicitaire de la communauté 2018 qui s’avère plutôt bien sur Code Review SE, mais puisque le projet a vu le jour sur ce site et que je suis modérateur depuis 2015, il est possible que ce soit une perception biaisée d’une conception décente.

J'ai fait un sondage rapide sur Twitter (il est en hausse toute la semaine) et jusqu'à présent, les résultats (ok, seulement 7 votes jusqu'à maintenant) indiquent que la nouvelle forme de démarrage est perçue comme "plutôt ennuyeuse" (57%), par opposition à "Plus professionnel" (43%) - Je ne considère pas les sondages sur Twitter comme une mesure scientifique ou exacte, mais le fait que la moitié des commentaires reçus jusqu'à présent jugent le nouveau splash "plutôt ennuyeux" m'inquiète quelque peu.

Je ne suis pas un artiste graphique, mais c'est l'un des nombreux chapeaux que je dois porter dans le cadre de ce projet. Je souhaite donc connaître les réactions de cette communauté, afin d'identifier, si possible, comment le nouveau design / branding pourrait être amélioré pour réduire la "matité" et améliorer le "professionnalisme".

Ce que je veux dire, c’est que l’outil s’adresse aux professionnels et qu’il perçoit à travers le code de ses utilisateurs , avec un design qui ne semble pas aussi encombré / ludique que celui d’origine, c’est-à-dire un concept épuré mais qui n’a pas t sembler "terne" ou ennuyeux (j’espérais que la signature de la police Showcard Gothic aiderait à cela).

J'ai besoin de votre aide pour comprendre où et comment le nouveau design pourrait échouer à transmettre son message et ce que je peux changer pour l'aider à ne pas être perçu comme "ennuyeux"; J'apprécierais également de savoir si je ne respecte pas des principes de conception dont je ne suis pas au courant: je ne vois peut-être pas de problème de contraste flagrant, ou j'utilise une police de caractère trop petite (Gill Sans MT), ou il y a quelque chose de déséquilibré dans la mise en page (placement du lettrage par rapport au ducky, positionnement de l'étiquette de statut, etc.) - un collègue contributeur souligne que le flou n'aide pas et qu'un ducky plus net apparaîtrait comme étant moins amateur, ... Je suis sûr que tout cela est objectivement quantifiable par les professionnels de la conception.

S'il s'agit d'informations utiles, l'écran de démarrage s'affiche pendant environ 3 secondes au démarrage, lorsque Visual Basic Editor charge ses compléments.

Je pense que la perception de la monotonie est largement attribuée au manque de couleur dans le nouvel écran de démarrage. J'aime votre approche de l' épuration (j'ai appris ce mot aujourd'hui), alors ma suggestion serait de simplement rajouter de la couleur.

Il est difficile de concevoir un logo qui reflète le "professionnalisme" si vous restez fidèle à Showcard Gothic. Par conséquent, j’aimerais personnellement embrasser le caractère ludique de la police et ajouter du jaune et du bleu au logo. Voici mon coup rapide à cela:

Je ne voudrais pas non plus laisser le fond blanc, une texture subtile peut aller très loin. J'ai choisi d'intégrer les tourbillons comme un clin d'œil au "code de tourbillonnement" d'origine, mais il pourrait s'agir de n'importe quelle texture subtile ou même d'un dégradé doux.

^{Silhouette Ducky gracieuseté d' Anthony via pexels.com}

Je pense que cette question est un peu large. Et je pense aussi que "interroger" les non-spécialistes ou les utilisateurs pour "que pensez-vous de mon logo" est-il toujours une très mauvaise idée. La "conception par comité" donne souvent lieu à trop d'opinions divergentes et à l'absence de direction claire. Une équipe de quelques-uns est géniale ... ou une collaboration ... mais un sondage est généralement composé de ceux qui ne seront jamais heureux, peu importe ce que vous modifiez / créez.

Combien de concepteurs faut-il pour créer un logo?
--- 100 ....
1 pour le créer, puis 99 pour dire: "J'aurais pu le faire mieux." :)

Dans l’ensemble, je trouve dommage que vous n’utilisiez pas un graphisme aussi fantastique que le canard en caoutchouc. C’est une chose immédiatement reconnaissable qui offre une impression instantanée d’ouverture, de convivialité et d’invitation. Je jouerais vraiment plus du canard.

Je ne suis pas certain de ce que le processus de réflexion envisagé était de minimiser le problème au-delà du point d'inviter, tout en conservant une police de caractères qui est… eh bien… tout simplement pas de mon style. Mon goût personnel est un type de logo ne devrait pas simplement être une police de caractères "style d'affichage" intégrée. Cela finit par paraître moins professionnel. Surtout si vous êtes dans un secteur technologique où les chances sont grandes que les utilisateurs vont voir cette police de caractères ailleurs et la reconnaître.

Même si je ne passais pas beaucoup de temps là-dessus, j'avais déjà créé une image de canard en caoutchouc et je ne pouvais donc m'empêcher de jouer avec. Je pense que si vous vous concentrez davantage sur le canard que sur le type, toute carte ou graphique de démarrage devient intrinsèquement plus attrayant et attrayant.

À mon avis, une police de caractère plus standard donnera plus de "professionnalisme".

Encore une fois, l’artwork de canard était quelque chose que j’avais créé il y a un moment, alors je le faisais traîner. Avec le temps, il sera peut-être préférable de personnaliser davantage le canard et de mieux l'intégrer au type. Mettez des lunettes dessus, utilisez un angle différent, associez-le au code VBE. C’était tout simplement hors de mon esprit en utilisant des illustrations existantes. Le type ci-dessus pourrait utiliser plus de temps et d’attention, mais je pense qu’il traduit l’importance du canard lui-même. (Le bleu que j'ai utilisé est tiré de la couleur des yeux du canard pour la continuité. Ainsi, il pourrait être rendu plus dynamique.)

_{Les concepts ici sont gratuits pour la prise .. les illustrations ne le sont pas .}

Je sais que mon premier post est un peu "controversé" mais je ne suis pas du genre à dire simplement que "ça ne marche pas".

Voici un processus approximatif pour montrer combien de décisions doivent être prises.

Cela va être un long post.

1. Pour éviter tout problème de droit d'auteur, nous avons besoin d'une œuvre originale. Voici donc les premiers croquis de mon interprétation du canard en caoutchouc. Le premier ressemble à un caniche ... il s'agit simplement d'obtenir la géométrie de base.

2. Explorons quelques polices. Quelques polices "solides". Le projet nécessitait une police de caractère "plus mignonne", alors les polices rondes me viennent à l'esprit.

3. Explorer la combinaison image-fonte. La version noir et blanc ne fonctionne pas. Quelques corrections au poids de la police sont appliquées.

4. Le canard ne peut pas être "ça" plat. Ajout de quelques ombres et une version noire avec des reflets.

5. Voler l'idée de Scott sur un fond bleu ... Aïe, le canard regarde à l'extérieur du cadre.

Je triche également pour remplir l'espace entre l'image et le canard.

6. Retourner le canard ... (Le gars voulait de la fraîcheur ... le mot "charlatan" est-il efficace?)

7. L'enfer avec la double ligne, faisons juste une ligne ...

8. Explorer les ombres de l'autre côté ... Non, ça ne marche pas ...

9. Tu te souviens du k flottant? explorons cela une fois de plus, et n'essayons pas quelques variations ...

Je poste ceci pour expliquer, il n’existe pas une seule recette ... Chaque étape que j’ai affichée ici nécessite beaucoup d’exploration et d’enquête. J'ai lu des articles de droits d'auteur sur l'utilisation du canard en caoutchouc, l'exploration de certaines polices, le choix d'une police libre d'utilisation, la proportion de contraste, le style, les applications, etc.

Oui, le canard peut être plus mignon ou avoir un style différent. Il n'y a aucun moyen de plaire à tout le monde, mais l'approche est un peu plus chanceuse, un peu plus solide et moins "terne".

Édité pour une version plus heureuse et pour regarder le ciel avec optimisme ... eh bien, rêver du ciel ...

S'il vous plaît, pardonnez-moi. Je ne veux pas être grossier.

l'outil cible les professionnels

Comme c'est ... non, ça ne l'est pas.

J'ai posté ce texte en commentaire, mais c'est vraiment bon, (mais un peu sarcastique ... je sais)

Si l'image est importante ... engagez un designer. Si la programmation n'est pas importante, engagez un boulanger pour écrire le code.

Un produit fini a de nombreux visages à côté d’un bon code: UX, convivialité, image, perception. Donc, si elle cible des utilisateurs professionnels, vous devriez probablement faire appel à un designer professionnel pour lui donner un aspect professionnel.

Cela ne signifie pas payer beaucoup d'argent. Cela peut aussi être un effort de collaboration. Mais n'ayez pas peur de demander une collaboration.

Comme le dit JohnB, la matité va améliorer l'utilisation de la couleur, cela pourrait être une question évidente, mais il ne s'agit que d'une silhouette et d'un texte générique, si bien qu'en réalité, il faut plus que de la couleur. Il faut un vrai design: Abstraction, style, proportion, jeu de couleurs, sélection typographique ...

Juste quelques notes:

Je sais que cela semble impoli. Ce n'est tout simplement pas. Je ne suis pas un programmeur, je ne peux donc pas juger de la qualité ni de la valeur intrinsèque du programme, des avantages, du marché. Mais comme la question a été posée en demandant une critique du côté graphisme de l'écran de démarrage et en quelque sorte de l'image de marque, ma responsabilité est de le faire.

Nous vivons dans un monde collaboratif, multidisciplinaire. Et c'est une bonne chose. n_n

En comparant votre version "terne" avec le matériel publicitaire de la communauté 2018 que vous avez lié, je pense que la "matité" est en grande partie causée par l’utilisation du flou, ce qui crée une impression de matité. Je pense qu'un psychologue de la perception pourrait en fait expliquer cela. Voyons ce qu'est la monotonie: voir quelque chose à travers le brouillard donnerait une impression de terne, je pense.

En comparant les images, le logo actuel a un canard flou, et la police a beaucoup moins de contraste.

Essayez de donner un contour au canard, comme la police. Cela donne un fort contraste.

Cela le rend également similaire à la police, ce qui réduit la complexité et améliore probablement beaucoup le professionnalisme.

Pour renforcer l’impression professionnelle, il serait utile de rendre le canard moins visible dans le logo. Pas centré et pas trop grand. Il pourrait être petit et sur le côté droit, pas derrière, mais sur le nom du produit. Aussi, essayez une police qui est toujours "drôle", mais seulement moitié moins drôle que la police actuelle.

Je pense que c'est terne, car il ne montre presque rien à reconnaître au premier regard. Votre message principal de ce logo est le suivant: "Nous sommes comme avant, rien d’autre à rechercher. Nous pouvons nous fondre dans l’invisibilité et si vous voulez connaître notre marque, vous devez regarder de plus près" . Certains le considèrent comme "professionnel", d'autres le voient comme "cet élément est désactivé". La vieille éclaboussure crie juste " WOW RUBBER DUCK !!! " avant même que vous ayez le temps de lire les lettres. Et puis suit " Hey! Il joue avec du code! ". Cela me semble plus différent que les deux types d’améliorations que j’ai utilisées dans ce paragraphe. Et ques, que lirait quelqu'un qui se contente d'aller? Italica dans la première partie ou le gras ci-dessous?

Au moment où j'ai commencé à programmer, il y avait (presque) seulement une interface texte sur les PC, mais dans le menu, tous les découpages étaient surlignés pour une meilleure lisibilité - d'abord sur fond noir inversé (sur les moniteurs N & B), plus tard en jaune ou rouge sur bleu, ou autre chose similaire. Et écran de démarrage obtenir au moins grand art ASCII du nom du programme pour dire fièrement "nous sommes CELA". Plus tard, l’interface graphique et les éclaboussures étaient pleines de couleurs et les icônes étaient facilement reconnaissables, même lorsque seuls quelques pixels étaient importants et que peu de couleurs étaient disponibles. Les éléments désactivés dans le menu étaient en gris foncé, mais toujours clairement visibles.

Au fil du temps, la résolution est devenue plus grande, plus de couleurs à l’écran et plus de puissance de calcul. Mais avec toutes ces couleurs disponibles, les programmes sont progressivement passés au gris sur le thème gris, où même l'élément mis en surbrillance est moins lisible que les éléments désactivés ne l'étaient il y a quelques années. Il a tout à fait la même apparence, s’adapte à la couleur de votre chemise et de vos chaussettes, mais ce n’est pas facile à lire.

Il a fière allure sur les publicités, où tous les réflecteurs brillent sur un joli modèle prétendant utiliser des "trucs professionnels de haute technologie", car il ne perturbe pas l'image de l'actrice / acteur destiné à attirer l'attention d'acheteurs éventuels. Bien pire lorsque vous voulez réellement l'utiliser et lorsque vous essayez réellement de trouver quelque chose dans le menu.

Comparez ce design gris sur gris avec les logos de grandes entreprises du monde réel. Au premier coup d'oeil, chaque grande marque est facilement reconnaissable, qu'il s'agisse de McDonald, CocaCola, Linux, Windows, Adidas, Nike, appelez-la. Regardez les favicons des différentes sections ici sur stackexchange (que ce soit dans le titre de la page ou dans la colonne de droite "Questions de réseau", reconnaissable au premier abord. Même les icônes des utilisateurs sont colorées et vous pouvez probablement reconnaître vos amis en fente de seconde sans loupe et / ou lecture du nom associé.

Alors, pourquoi votre splash devrait-elle simplement se fondre sans heurt dans l’arrière-plan sans envoyer de message reconnaissable, ce que c’est et si vous le connaissez déjà, ou s’il s’agit simplement d’un remplissage générique de l’espace? A mon avis, le splash et le logo font beaucoup dans la marque / l'identité / la reconnaissance du produit / entreprise. Et il peut dire avec fierté " NOUS SOMMES ICI " ou il peut simplement murmurer silencieusement " s'il vous plaît, ne nous parlez pas de nous, nous ne sommes ni importants ni intéressants ".

Peut-être suis-je trop vieux pour le moment, mais je préfère la lisibilité à "reconnaissable", il est difficile de lire à chaque fois (deuxième marqueur après la convivialité et la fonctionnalité du cours, mais vous ne posiez pas de questions sur le programme, mais sur le logo)

Je pense que la perception de la monotonie est en grande partie due aux couleurs grisâtres et au fait que le quai est ombragé très sombre.

Quelques choses à essayer:

• Rendre l’image globale plus lumineuse et utiliser des couleurs amusantes / estivales / vives lui donnerait un aspect beaucoup plus «excitant».

• Réduire la quantité de gris dans l'image globale aidera également.

• N'écrivez pas que des lettres noires, considérez les gris (cela peut sembler une contradiction avec ma déclaration précédente, mais il doit évidemment y avoir un équilibre).

La création de @ JohnB réalise très bien ce que je décris .

Mathieu, en tant que codeur et ingénieur devenu propriétaire d’entreprise, vous devez penser à quelques points:

Ce que vous pensez être votre marché (développeurs professionnels) et ce que vous pensez de votre produit (un outil professionnel) n’est au début que ce que les autres pensent qu’il est basé sur leur perception.

J'ai examiné votre projet / GitHub, je suis qualifié pour attester que votre projet est effectivement un projet professionnel et que les développeurs professionnels souhaiteraient l'utiliser, mais il m'a fallu 18 ans pour acquérir des connaissances et 15 minutes pour parcourir vos ressources.

Vous êtes en effet un ingénieur très professionnel (à en juger par ce qui précède et par votre présence en ligne), mais êtes-vous également un designer professionnel? un chef de marque? Vous ne le pensez peut-être pas, mais ces professions sont aussi des choses que les gens passent leur vie à perfectionner, il suffit de regarder l'incroyable dégradation de @Rafael

En tant qu’ingénieur, nous sommes enclins à penser que nous pouvons tout faire nous-mêmes, c’est une bonne chose, mais vous devez laisser aller et déléguer certaines tâches lorsque vous développez votre entreprise / projet, c’est un de ceux-là.

Toutes les marques / images horribles pour les logiciels libres et les outils propriétaires résultent invariablement du propriétaire du projet, un ingénieur, qui pense pouvoir déclencher Gimp pendant un week-end et créer un joli logo. Leur psyché prend le dessus et ils sont incapables. de laisser aller, et ensuite nous nous demandons pourquoi les propriétaires d’entreprise ne l’achetent pas (notre outil / logiciel libre), eh bien, les propriétaires d’entreprise ne sont pas des ingénieurs (pour la plupart), tout ce qu’ils ont à évaluer votre professionnalisme est votre trésorerie, votre logo et marque, précisément aux choses que les projets OSS n’ont pas.

Je vous suggère: délégué !, embauchez @JohnB ou @Rafael, ou allez ici: https://99designs.com.au créez un "concours", déposez les 350 $, laissez les ingénieurs de la marque faire leur travail, vous Aimez votre nouveau logo, puis concentrez-vous sur les tâches pour lesquelles vous pouvez appliquer vos compétences plus efficacement.

Malheureusement, oui, votre nouveau logo est terne, générique et indémodable.

Pourquoi diable feriez-vous un canard en caoutchouc gris et sans caoutchouc? Un canard en caoutchouc est un jouet pour les enfants, c’est le pouvoir de l’image, les gens s’attendent à ce que les choses se passent d’une certaine manière, ou ils deviennent confus et fuient inconsciemment votre produit.

L’ancien design était en fait meilleur parce qu’il transmettait un message: en 5 secondes, vous comprenez qu’il s’agit d’un outil facilitant le codage si vous utilisez VBA, la couleur est éclatante et tout le monde adore les canards jaunes en caoutchouc prenant nager, il envoie une image de "frais", "ludique" et "facile".

Voir le problème? Vous avez enlevé toutes les bonnes choses de votre ancien logo, vous vous retrouvez avec un mot générique qui utilise une police générique avec une silhouette générique, sans signification, message ou couleur (pire encore, la couleur grise est associée à la dépression, c’est le seul couleur qui n’envoie aucun signal à notre cerveau, c’est pourquoi les gens parleront de "terne").

Et vous abordez le problème en tant qu’ingénieur, pensant pouvoir "quantifier objectivement" le processus de conception, vous ne pouvez pas, c’est une forme d’art, il existe des "méthodes", mais aucune méthode de conception n’est construite sur la mécanique, c’est comme écrire de la musique (par opposition à lire de la musique du pentagramme).

Je m'excuse si j'arrive à être impoli, j'essaie d'être objectif. Le design / l'image de marque / la couleur / la psychologie sont des domaines dans lesquels j'aime lire / apprendre, mais il est préférable d'engager un expert lorsque le travail est fait. .

Je pense que vous pouvez conserver le logo en niveaux de gris et éviter de vous ennuyer. La conception grise pourrait bénéficier d'un traitement plus stylisé et plus en profondeur dans l'icône du canard. À l'heure actuelle, il est trop fané et se perd derrière la police de caractères.

J'aimerais également savoir si je ne respecte pas des principes de conception dont je ne suis pas au courant: je ne vois peut-être pas de problème de contraste flagrant, ou j'utilise une police de caractères de mauvaise qualité, trop petite.

Dans le souci de cela, je veux parler des règles de la typographie.

Une ligne d'un caractère qui montre à droite, veut être plus épaisse qu'une ligne verticale.

Pensez à la partie inférieure droite de votre K.

Ceci est - non - fait dans votre police.

Une ligne horizontale veut être plus fine qu'une ligne verticale.

Non - fait dans votre police.

Ce que montre votre police, est la règle concernant les pointes de triangles et de cercles.

En haut ou en bas, ils vont plus haut - plus bas - que la ligne de base des polices.

Regardez votre B.

La partie supérieure va plus haut.

À propos des majuscules que je dis, les majuscules au début d'un mot améliorent la lisibilité.

Toutes les majuscules ne le font pas nécessairement.

Et va un peu dans la direction de crier.