Concevoir pour les non-concepteurs

Par exemple, le concepteur ne s'intéresse pas uniquement à ce que l'utilisateur peut voir à l'écran, mais également à ce qu'il verra éventuellement en réponse à un événement. Un événement peut ressembler à un clic de souris, à une fin de minuterie ou même à une erreur. Nous devons nous préoccuper de la manière dont le produit répondra aux événements qui se produisent pendant que l'utilisateur interagit avec lui. Bien que notre travail soit normalement affiché sur un écran à deux dimensions, nous devons être capables de penser en au moins quatre dimensions.

Le succès en tant que concepteur de sites Web nécessite la maîtrise d'un très large éventail de compétences. Le graphique ci-dessous présente une vue extrêmement simpliste des principaux domaines dans lesquels les concepteurs doivent au moins bien comprendre.

Au sein de chacune de ces couches, il peut y avoir de nombreuses autres couches, chacune nécessitant des connaissances, des compétences et des spécialisations différentes. Par exemple, si vous regroupez les deux couches supérieures (interface utilisateur et architecture de navigation), vous vous trouvez sur le territoire d'un concepteur UX, car leur tâche principale consiste à évaluer le fonctionnement de ces éléments en particulier ou non. l'utilisateur. Le regroupement des deux couches inférieures vous donne la conception du système.

En isolant la couche supérieure, vous pouvez trouver des spécialisations dans les domaines de la conception graphique, de la conception de formulaires, de la mise en page, de la typographie, de l’animation et bien plus encore. Le fait est qu’il n’existe pas de définition simple et facile de ce qu’est un concepteur Web. Ils peuvent faire certaines des choses décrites ci-dessus ou ne rien faire.

Certains concepteurs de sites Web peuvent être brillants en graphisme et en dessin, mais être totalement démunis en matière de codage. D'autres peuvent être de brillants programmeurs, mais ne peuvent pas dessiner beaucoup mieux qu'un élève de jardin d'enfants moyen. Si les concepteurs Web ne savent pas vraiment en quoi consiste la conception Web, il n’est donc pas étonnant que les clients apprécient rarement la complexité de la création d’un site Web de haute qualité.

Maîtriser toutes ces compétences est une tâche ardue pour toute personne. C'est pourquoi la plupart des studios préfèrent travailler en équipe. Ce n'est pas toujours pratique pour tout le monde, par exemple si vous vous contentez de trouver votre place dans votre propre petite entreprise et qu'il peut arriver que vous soyez obligé de vous charger d'un membre de l'équipe absent. Ce guide explique comment vous pouvez faire face lorsque les attentes de vos clients à votre égard dépassent vos propres attentes.

1. Connaissez vos forces

Cela aide beaucoup si vous savez déjà ce que vous faites de mieux. Êtes-vous bon au codage? Puis concentrez 80% de vos efforts de production sur le codage. Es-tu bon en dessin? Puis concentrez 80% de votre effort de production sur cela. Êtes-vous bon aux deux? Exploitez cet avantage et trouvez quelqu'un d'autre pour faire le travail chargé. Incidemment, connaître vos points forts signifie également identifier vos points faibles. C’est là que vous devriez concentrer 80% de vos efforts d’apprentissage pour pouvoir les éliminer.

2. Faire équipe

Peu importe à quel point vous voulez être économe ou à quel point vous vous sentez gourmand, ce conseil que vous avez eu à l'école préscolaire qu'il est bon de partager est en fait assez solide. En d'autres termes: voulez-vous travailler sur un site Web par mois pour 2000 $ ou voulez-vous travailler sur les sites Web 20 par mois pour une part 20% de 40,000? Avoir une équipe de collaborateurs talentueux signifie que vous pouvez en faire plus en moins de temps, à condition que vous puissiez tous bien travailler ensemble (c'est l'autre chose que nous avons apprise au préscolaire).

Heureusement, nous vivons à une époque où il est plus facile que jamais de recruter des talents. Une équipe pourrait travailler ensemble dans le même bâtiment ou être dispersée sur cinq continents. Les petits détails comme celui-ci ne comptent plus tant que vos communications fonctionnent correctement.

Assurez-vous simplement que, si vous externalisez, vous ne recrutez pas vos talents auprès de sites de vente aux enchères de talents compétitifs tels que O-Desk et E-Lance. Ceux-ci sont remplis de aspirants et de fainéants; trouver un vrai talent revient donc à chercher un diamant dans une énorme montagne de charbon.

Rendez-vous à des endroits où vous trouverez des montagnes de diamants contaminées par seulement quelques grains de charbon. Si vous devez faire des compromis et travailler avec quelqu'un de ces sites, n'allez pas avec le plus bas soumissionnaire ou le soumissionnaire avec les travaux les plus terminés. Cherchez le meilleur communicateur (annonce ou réponse bien écrite, indiquant clairement ce qu’elle peut faire pour vous dans un langage que vous pouvez comprendre).

Alors, quel genre d'endroits? Voici quelques suggestions:

  • StackOverflow pour les codeurs
  • ProBlogger pour les rédacteurs de contenu
  • Réseau d'artistes indépendants pour illustrateurs
  • Toptal pour les concepteurs d'interface utilisateur, UX et visuelle

Recruter à partir de sources de qualité comme celle-ci n'est pas bon marché, mais cela signifie que vous pouvez être plus confiant quant aux résultats potentiels. Essayez de former des partenariats durables et, si possible, mieux vaut vous engager sur une base forfaitaire de partage des bénéfices que de payer un taux horaire.

Sachez que la plupart des gens surestiment leurs compétences, alors ne faites pas très attention à ce que les gens disent pouvoir faire. Mettez davantage l'accent sur ce que les gens montrent qu'ils peuvent faire. Soyez également conscient de la cascade. Qu'est-ce que c'est? Eh bien, lorsque vous externalisez une personne qui, à son tour, sous-traite le travail à une personne qui peut-être l'externaliser elle-même… vous pouvez voir quel est le risque.

Si une entreprise potentielle semble produire plus de travail que ce qui serait humainement possible et que la qualité n’est pas totalement médiocre, c’est un signe très fort qu’elle est probablement en cascade, ce qui signifie que vous payez plus que vous ne devriez l’être, la personne qui fait le travail est mise à profit.

3. À la rigueur, vous pouvez toujours tracer

En combinant GIMP et InkScape, vous pouvez créer à peu près tout type de graphisme que vous pouvez imaginer. Mais si vous n'êtes pas vraiment le genre de designer doué pour le dessin, vous pouvez toujours couper les angles et tricher. Cet article ne fait que répéter toutes les leçons que vous avez apprises au préscolaire, n'est-ce pas? Mais bon, pourquoi dessiner quand on peut tracer, non?

Maintenant, vous remarquerez que j'ai dit trace et non copie. La copie est fausse, sauf si quelque chose est déjà du domaine public. En copiant, vous vous exposez, vous et votre client, à des risques inutiles, et vous trompez quelqu'un qui consacre du temps et des efforts à créer quelque chose qui, selon vous, mérite d'être copié.

Le traçage, en revanche, crée toujours une œuvre originale, à condition que le résultat final ne soit pas trop similaire à l'original. Mais vous ne devez pas nécessairement suivre le travail de quelqu'un d'autre de toute façon. Vous pouvez également tracer vos propres photos originales. Vous pouvez également utiliser des filtres Photoshop pour convertir des photos en dessins, mais cela ne fonctionne pas très bien.

Voyons cette technique en action

Dans ce scénario, votre client a demandé la création d'un logo de souris pour son site Web, ce qui doit être fait de toute urgence. La personne qui dessine normalement pour vous est absente et impossible à joindre, et le temps est compté pour recruter quelqu'un d'autre sans prendre un risque énorme. Alors que peux-tu faire?

Une bonne façon de commencer serait simplement de prendre une photo de votre souris.

Modifiez ensuite l'image dans GIMP ou PhotoShop pour la redimensionner à une taille plus pratique et effacez toutes les informations de couleur. J'ai trouvé que la désaturation avec le paramètre Luminosité donnait le meilleur résultat en termes de réduction de l'ombre.

Exportez l'image en tant que nouveau fichier JPG et fermez l'éditeur. Ouvrez la nouvelle image dans InkScape.

Cliquez sur l'image pour la sélectionner, puis appuyez sur Ctrl + X pour l'envoyer au presse-papiers.

Maintenant, sélectionnez Calques dans le menu Calque et cliquez sur le bouton pour ajouter un nouveau calque, que vous pouvez appeler «arrière-plan».

Appuyez sur Ctrl + Alt + V pour effectuer une opération «Coller à la place». Cela remet l'image exactement dans la même position que celle dans laquelle vous l'avez coupée (si vous ne faites qu'un collage normal, il se peut qu'il soit décalé).

Définissez maintenant l'opacité du calque sur une valeur basse telle que 40 ou même 30, puis cliquez sur l'icône de cadenas pour verrouiller le calque de toute modification ultérieure.

Ajoutez un nouveau calque, que vous pourriez appeler «trace».

Maintenant, il suffit de sélectionner l'outil crayon (tracer des lignes à main levée) et de tracer soigneusement les lignes. Cela fonctionnera beaucoup plus facilement si vous utilisez un stylet et une tablette graphique, mais vous pouvez toujours le faire avec une souris. Il peut être utile d’agrandir la photo. Faites le travail en petites sections, pour le rendre moins frustrant lors de la correction des erreurs.

Zoomez sur les zones nécessitant un contrôle très précis. Ne vous inquiétez pas de remplir les zones ombrées, nous le ferons plus tard. Notez également que si des bits sont difficiles à voir, augmentez simplement l'opacité du calque d'arrière-plan de manière temporaire afin que vous puissiez voir plus facilement.

Vous devriez maintenant avoir un contour presque parfait de l'image du sujet. En fonction du travail, vous pouvez utiliser des remplissages et des ombres, ou vous pouvez le laisser comme une image de contour monochrome.

Masquer ou supprimer le calque d'arrière-plan et enregistrer ce modèle au format SVG.

Maintenant, vous pouvez jouer avec l'image un peu. Peut-être ajouter de la couleur.

Puis une texture.

Mais pour un logo, c'est probablement trop cher, nous devrions donc garder les choses simples. Revenant en monochrome, nous réduisons l'image.

Ajoutez maintenant quelques artefacts de logo, comme ceci:

Et voilà! Le chef-d'œuvre fini. Il s’agit généralement du point où le client irrité vous appelle et vous plaint de placer une souris d’ordinateur alors qu’il voulait vraiment une souris de dessin animé. C'est un sujet pour notre prochain article, Traiter avec des clients difficiles.

image d'en-tête avec la permission de Ramotion

Bogdan Rancea

Bogdan est un membre fondateur d’Inspired Mag, ayant accumulé près de 14 années d’expérience 6 au cours de cette période. Dans ses temps libres, il aime étudier la musique classique et explorer les arts visuels. Il est également obsédé par les fixies. Il possède déjà 5.