Atteindre vos objectifs commerciaux avec un bon design

Chez Droptica, l'équipe de développement travaille en étroite collaboration avec le designer. Une coopération rapprochée et un contact sans restriction permettent de construire des sites web qui non seulement sont visuellement attrayants et parfaits en termes de UX et UI, mais aussi parfaits sur le plan de la programmation. Dans cet article, je décrirai le processus que nous suivons lorsque nous travaillons sur des projets et la manière dont la coopération entre le designer, les programmeurs et les testeurs fonctionne en pratique.

Que faisons-nous chez Droptica ?

Droptica est une agence Drupal dont les principales activités se concentrent sur la construction et le développement de logiciels basés sur Drupal et Symfony. Depuis de nombreuses années, nous travaillons à la création de sites web à partir de zéro, mais nous nous engageons également dans la maintenance continue des sites web fonctionnant sur la base de ces technologies. Dans les deux cas, nous fournissons aux clients des résultats de haute qualité. Dans cet article, je me concentrerai uniquement sur des solutions complètes, où nous sommes responsables du produit entier – en commençant par le concept du client et en finissant par le déploiement final. Un tel processus inclut la préparation du concept UX, sur la base duquel un design graphique (UI) est créé. Le design visuel développé et approuvé par le client est déployé et transformé en une page web fonctionnelle.

À quoi ressemble l'équipe travaillant sur le projet et comment les compétences sont-elles réparties ?

Pour fournir au client le meilleur produit, nous travaillons en équipe. Des projets complexes, dont le logiciel est certainement l'un d'eux, nécessitent des spécialistes qui effectueront le travail à différentes étapes. Une telle équipe est composée de personnes ou de groupes responsables de questions telles que UX/UI, la programmation et les tests. Le designer est chargé de l'analyse des besoins et des directives du client, de la préparation de l'architecture de l'information pour chaque sous-page, de la mise en page et de la hiérarchie des composants, et de la préparation de prototypes et des tests d'utilisabilité ultérieurs. Le résultat de ce travail est la création de wireframes, sur la base desquels le design UI final est créé. Les questions de programmation sont de la responsabilité des programmeurs qui créent la partie technologique de l'application. Un testeur est une personne responsable de tester le logiciel et de détecter les bugs. L'équipe est en contact et coopère étroitement à chaque étape du projet.

Quel est le rôle du designer dans le processus de création d'une application ?

Chez Droptica, le designer UX est en contact avec le programmeur dès la phase de conception. Cela permet de sélectionner les meilleures solutions techniques possibles. La combinaison de ces compétences complémentaires permet de créer des designs qui sont visuellement attrayants et faciles à utiliser pour l'utilisateur. Un exemple de bénéfice direct résultant d'une telle coopération est le fonctionnement optimal du système sur tous les types d'appareils mobiles et stationnaires, quelle que soit la résolution et la taille de l'écran. Les solutions proposées par le designer sont immédiatement confrontées aux possibilités techniques et les problèmes techniques possibles sont détectés dès le début. Ainsi, ils ne retardent pas le travail à une étape ultérieure du déploiement. Tout le processus de conception est conduit conformément à une méthodologie Agile basée sur SCRUM. Grâce aux réunions et consultations quotidiennes, le projet évolue très rapidement, sous les yeux du client, qui a un aperçu du processus à chaque étape.

Dans la dernière phase, le design est vérifié minutieusement par le testeur dans l'environnement de test préparé. Le résultat du travail des développeurs constitue la base pour vérifier le fonctionnement des applications et détecter les bugs possibles. À cette étape également, le designer travaille en étroite collaboration avec l'équipe et prête attention à la qualité visuelle du design créé. Grâce à une relation étroite au sein de l'équipe, les petits bugs sont détectés et rapidement transmis au programmeur. Il est important pour nous que le design approuvé par le client soit déployé avec une précision maximale. Le designer promeut l'approche Pixel Perfect, où la représentation du design doit être aussi précise que possible.

Les outils du designer chez Droptica

L'équipe de designers dispose d'une gamme d'outils de conception et d'outils soutenant le travail et la communication. Le design UX, c'est-à-dire les wireframes et les premiers écrans, sont créés dans UXpin. C'est un excellent outil qui nous permet de créer rapidement des prototypes fonctionnels, que nous pouvons partager avec le client. UXpin permet de montrer l'interaction entre les éléments de l'application et donne la possibilité de tester le concept du site web aux premières étapes du design UX. C'est un outil efficace, à la fois en termes de présentation pour le client, mais aussi pour les consultations au sein de l'équipe. En l'utilisant, le designer est capable de montrer quel résultat est attendu du programmeur.

Pour connaître l'avis du client, nous utilisons InVision pour le design préparé. Ce logiciel pratique permet au client de partager des commentaires sur les sous-pages spécifiques de l'application de manière confortable. Les discussions tenues à l'aide d'InVision concernant des éléments graphiques spécifiques et le système simple d'ajout de commentaires facilitent et accélèrent considérablement le travail. Les programmeurs et les testeurs ont également accès à cet outil et peuvent participer à la création du design final.

Nous créons le design UI en utilisant les programmes Adobe Creative Cloud. Adobe XD, Illustrator et Photoshop. Ces programmes nous permettent de livrer des graphismes de haute qualité qui peuvent être efficacement encodés dans un site web fonctionnel. Le designer fournit les designs des écrans à l'aide de l'outil Zeplin, qui donne aux programmeurs un accès complet au design créé. Le déploiement d'un design dans le style Pixel Perfect, en utilisant cet outil, est considérablement simplifié. Cela rend la mesure de la distance entre les éléments et le téléchargement des styles CSS du design créé très simple.

Il n'y a pas de substitut aux réunions en face à face, mais nous trouvons Slack un moyen de communication très pratique. L'échange rapide de questions ou de fichiers fourni par cette plateforme est un autre outil qui facilite le travail. Nous encourageons également le client à communiquer directement avec l'équipe. Le messager permet une communication rapide, remplaçant efficacement l'e-mail comme l'outil de base pour l'envoi de messages écrits.

Quels sont les bénéfices pour le client résultant de l'utilisation d'une équipe complète ?

Le principal avantage d'utiliser une équipe complète composée de designers, programmeurs et testeurs est la qualité du logiciel reçu. Seule une équipe qui coopère étroitement et qui est familière avec ses compétences est capable d'atteindre les meilleurs résultats.

Une coopération étroite entre le designer et le développeur permet d'éliminer rapidement les bugs et de trouver les meilleures solutions technologiques dès l'entame du projet. L'influence des programmeurs sur la bonne expérience utilisateur est souvent oubliée, en limitant une bonne UX à la préparation de wireframes et de maquettes. La manière dont les applications fonctionnent, le temps de chargement des sous-pages, l'optimisation pour les appareils et plates-formes individuels sont principalement de la responsabilité des programmeurs, et dans une large mesure, cela affecte également l'expérience utilisateur. Si l'équipe de design n'est pas en contact avec les programmeurs, le résultat final peut ne pas être satisfaisant.

La coopération avec les testeurs apporte également des résultats positifs, notamment lors des déploiements. La détection rapide de bugs visuels par le testeur et leur transmission au designer déterminent le design. Chez Droptica, à la phase finale du projet, le testeur consulte le designer sur le fonctionnement et l'apparence des éléments discutables.

L'avantage d'un tel modèle d'achèvement est de confier un projet à l'équipe de design dont les membres se connaissent et qui réalisera le travail de manière efficace. Nous évitons les problèmes de communication au sein de l'équipe et répondons rapidement aux problèmes qui surgissent. Lorsqu'une équipe est composée de personnes qui ne se connaissent pas, parfois une telle communication prend beaucoup de temps, ce qui, dans le cas d'un projet complexe, n'est pas souhaitable.

Si vous voulez que votre projet soit traité par une équipe dédiée et professionnelle, écrivez-nous. Nous avons hâte de discuter de votre projet !