Bien avant la création des maquettes d’interface Web, les concepteurs d’imprimés affinaient leurs idées à l’aide d’une méthode éprouvée, appelée esquisse de vignettes. Cette pratique semble être un peu un art perdu, nous allons donc faire la lumière sur elle!
Aujourd'hui, nous discuterons brièvement de ce que sont les esquisses miniatures, de quelques astuces pour les créer et de la manière de les implémenter efficacement dans votre flux de travail déjà chargé.
Avant l'enchaînement, Thumbnail
Le fil de fer est une pratique très populaire ces jours-ci. Bien que certains l’évitent comme étant inutiles, de nombreux concepteurs et professionnels de UI / UX considèrent un rendu très basique et minimaliste comme une première étape essentielle qui vous permet de vous concentrer sur les principes de base de la mise en page, indépendamment du style superflu.
Il y a certainement quelque chose à dire pour considérer de manière critique la façon dont votre page sera structurée à un niveau de base. En fait, je me demande souvent pourquoi je ne vois pas plus de discussions concernant le frère aîné du filaire à part entière: la vignette.
La vignette est une première étape géniale qui utilise les mêmes idées qu'une structure filaire, mais à un niveau encore plus fondamental. Pour ceux qui découvrent le concept, examinons ce que sont les esquisses miniatures.
Que sont les croquis miniatures?
Le nom a l'air drôle au début, mais si vous y réfléchissez, vous savez déjà ce qu'est une vignette dans un contexte différent. Par exemple, si j'utilise l'expression "galerie de vignettes"? vous savez probablement instantanément que je veux dire une grille de petites images qui servent généralement de liens vers des équivalents plus grands.
En utilisant cette connaissance, vous pouvez probablement deviner que les esquisses miniatures sont des groupes de petits dessins. Les esquisses miniatures ont pour objectif d'obtenir beaucoup d'idées sur papier en très peu de temps. Il s’agit en fait d’une manière de brainstorming visuel qui vous permet de ne pas obséder et d’ajuster, mais d’ébaucher un grand nombre de possibilités. Ils ressemblent beaucoup à des structures filaires, mais ils sont plus petits et plus rapides. Il arrive souvent que les concepteurs créent plusieurs vignettes, puis choisissent quelques-unes des meilleures pour les transformer en structures filaires.
Comment ça marche
Pour lancer le processus, prenez un crayon et tracez plusieurs petites cases vides qui serviront de chrome à votre navigateur, de limites de page ou de tout autre support sur lequel vous travaillez. Vous pouvez même trouver des pages de base imprimables comme celle ci-dessous pour vous aider à commencé.
À partir de là, vous laissez simplement couler les idées. Ce n’est pas une pratique pour perfectionner vos compétences en dessin. Vous devez plutôt vous concentrer sur la génération d’idées. Le dessin de vignettes est rapide et peut-être même un peu bâclé. Utilisez des formes de base et ne passez pas trop de temps sur une seule image. Dès que vous pouvez avoir une idée de ce à quoi cette idée de mise en page de base pourrait ressembler, déplacez-vous.
Pourquoi est-ce une bonne chose?
Quels avantages pouvez-vous tirer des pages de petits croquis dessinés à la hâte? Tu serais surpris. En tant que concepteurs, nous obtenons beaucoup trop facilement un cas de vision tunnel. Nous nous asseyons devant nos ordinateurs et créons la première chose qui nous passe par la tête et qui aboutit à un niveau de qualité presque fini.
Le problème, c’est qu’une fois que vous investissez en temps réel dans une idée, vous vous y attachez. Vous n'y pouvez rien, c'est une réponse psychologique automatique. Malheureusement, votre première idée n'est pas toujours ce que vous pouvez faire et est généralement, en règle générale, votre plus générique.
Une fois que vous avez créé cet attachement à un modèle, le laisser de côté et essayer quelque chose de complètement nouveau est exponentiellement plus difficile. Vos vieilles idées ont tendance à se faufiler parce que votre cerveau est bloqué. Même si vous n'avez pas ce problème, vous passez toujours beaucoup de temps et ne proposez que quelques idées de base.
Le principal défaut de cette méthode est que vous ne mettez aucune pensée critique dans la génération d’idées. Par? Pensée critique? Je parle de vraie critique comparative et de raisonnement logique. Au lieu de cela, vous courez simplement avec trois idées au maximum, puis vous décidez entre celles-ci. Vous pourrez peut-être proposer dix autres idées mieux que vos trois premières, mais vous n’avez tout simplement pas ce temps, vous ne pouvez donc pas aller plus loin.
Avec les esquisses miniatures, vous étirez vraiment votre cerveau et vous forcez à créer de véritables pensées créatives en produisant autant de variations que possible. Avec cette méthode, vous avez l’avantage unique de prendre du recul et de regarder tout ce que vous pouvez penser et de prendre une décision intelligente quant aux idées qui méritent d’être approfondies.
Gagnez du temps à long terme
Certains d'entre vous pensent probablement que vous avez déjà suffisamment d'étapes initiales pour effectuer le premier jour d'un travail de conception et que vous n'avez pas besoin d'ajouter quoi que ce soit! Ceci est un point valable, mais si cela est fait correctement, l’esquisse de vignettes peut réellement améliorer votre plan de montage plutôt que de le détruire.
Tout d'abord, vous n'avez pas besoin de tuer une journée entière à cela. Consacrez simplement une petite partie de votre temps à la génération d’idées de base: dix minutes, vingt, trente, c’est à vous. En outre, effectuer cet exercice prend un élan puissant au blocage / à l'hésitation du concepteur avant même qu'il ne se produise. Vous constaterez que vous pouvez casser un dessin beaucoup plus rapidement si vous avez déjà fait passer votre cerveau à l'essoreur et que vous pouvez être sûr que vous allez de l'avant avec votre meilleure idée.
Pas seulement pour les mises en page
En général, je parle d’esquisses miniatures en termes de génération d’idées de mise en page, mais cette pratique est avantageuse pour tout type de conception. Par exemple, la création d'un logo est probablement un endroit où vous le faites sans même y penser.
S'asseoir avec un crayon et dessiner un million d'idées semble être une première étape très naturelle dans la génération d'un logo, alors pourquoi ne pas appliquer cette même technique à à peu près tout ce que vous concevez?
Les traitements de type titre, les pages Web, les brochures, les cartes de visite, les interfaces d'application, la conception de personnage, etc. peuvent bénéficier de quelques minutes de croquis miniatures dédiés.
Conseils pour bien dessiner les vignettes
Maintenant que vous savez ce que sont les esquisses miniatures et comment les implémenter dans votre flux de travail, terminons avec une révision de quelques conseils de base, mais utiles, pour vous aider à démarrer.
Celles-ci sont peu fidèles, alors faites-le bien paraître sur les détails Picasso
Certains d'entre vous sont des dessinateurs. Vous n'êtes jamais plus heureux que lorsque vous avez un crayon dans les mains. D'autres sont vraiment horribles avec un crayon et ne peuvent pas produire un croquis décent pour vous sauver la vie.
Pour la première fois de son histoire, le dernier de ces deux groupes aura peut-être plus de facilité! Si vous ne pouvez pas dessiner, c'est parfait, vous êtes parfait pour créer des esquisses miniatures. Les artistes talentueux ont tendance à avoir de la difficulté à aller vite et à ne pas développer leurs concepts. Il arrive souvent que les artistes passent plus de temps à générer moins de vignettes simplement parce qu'ils ne peuvent s'empêcher de s'assurer que chaque ligne est droite, que chaque cercle est parfait, etc.
Rappelez-vous que la clé à cette étape est la quantité sur la qualité. En fait, j'adore parcourir les idées d'artistes de premier plan. Assurez-vous simplement de vous rappeler que votre objectif est de mettre toutes ces idées sur la tête et sur du papier. Par exemple, si vous pouvez dessiner une boîte et vous rappeler plus tard qu’elle représente votre titre, ignorez le laborieux lettrage.
Continuez à avancer
Une autre chose à garder à l'esprit est d'éviter de passer beaucoup de temps à peaufiner une idée pour qu'elle soit parfaite. Si vous commencez à dessiner une de vos idées et réalisez que vous la détestez, résistez à l'envie de l'effacer et recommencez. Il suffit de la parcourir et de passer à votre prochaine idée. Peut-être que dans quelques heures, vous reviendrez sur cette esquisse et y verrez une idée solide.
Plus on est de fous, plus on rit
Lorsque vous générez des vignettes, ne vous arrêtez pas à cinq ou six. Vous êtes un professionnel de la création, vous devriez avoir beaucoup plus d’idées à l’étage que cela. Je connaissais un professeur de design qui ferait en sorte que ses étudiants génèrent au moins vingt-cinq vignettes uniques pour chaque projet. C'est un bien meilleur nombre auquel aspirer!
Ne dessine pas la même chose 50 fois
Face à la tâche de produire autant de vignettes, votre premier instinct sera de commencer plusieurs minuscules variations de la même idée. C'est souvent une pratique sans valeur par rapport à la valeur de se concentrer sur des concepts vraiment uniques. Faites de votre mieux et poussez votre cerveau pour produire des concepts aussi différents les uns des autres que vous pouvez gérer. Rappelez-vous qu’il s’agit de la phase de brainstorming, il n’ya donc pas de mauvaise idée. Devenez fou, pensez en dehors de la boîte; être étrange!
Gardez-les quand vous avez fini
Si vous le pouvez, il est recommandé d’enregistrer vos vignettes pour pouvoir les consulter ultérieurement. Au fur et à mesure que vous avancez dans le projet, vous voudrez peut-être y revenir. Vous pourriez perdre votre concentration et avoir besoin de vous rappeler où cette idée a commencé ou votre client pourrait détester vos concepts initiaux à un point tel que vous êtes littéralement renvoyé à la planche à dessin (j'y suis passé beaucoup de fois).
Une chose que j'aime faire est de saisir un stylet et de créer des esquisses miniatures sur mon iPad en utilisant une application comme Adobe Ideas ou iDraw. Avoir mes idées initiales sous forme numérique est extrêmement utile pour le stockage et la récupération à long terme. De plus, depuis l'iPad, il vous suffit de les importer dans Illustrator ou Photoshop.
Conclusion
Mettre vos idées initiales dans des esquisses miniatures peut sembler être un désagrément au début, mais une fois que vous avez compris, vous constaterez que c'est une pratique vraiment agréable. Pour moi, l'une des meilleures parties d'un projet est cette phase initiale où mon esprit est en plein feu et où je déborde de possibilités.
En toute honnêteté, les esquisses miniatures pourraient ne pas convenir à tout le monde. Si vous n'en tirez vraiment rien, ne perdez pas votre temps. Cependant, je recommande de lui donner une solide chance pour plusieurs projets. Faites vraiment de votre mieux et voyez si vous ne repartez pas avec un plus grand nombre d'idées vraiment géniales.
Si vous utilisez cette méthode, laissez un lien vers certaines de vos esquisses miniatures récentes ci-dessous afin que nous puissions les vérifier!
Crédits photos: Dan Lurie, Tobias Soft (1) (2), un nunile, Jeremy Keith, Shawn Campbell et CannedTuna.