Comment connecter Zeplin à Jira

Si vous travaillez avec Jira et Zeplin, lisez ceci!

Tout d'abord: il n'y a pas encore de solution qui fonctionne parfaitement pour nous. Mais nous avons trouvé une solution de contournement pour avoir un assez bon aperçu des mises en page dans zeplin tout en les connectant à JIRA. (A ce stade, je tiens à dire que nous avons vraiment besoin d'une fonctionnalité de dossier, dans laquelle nous pouvons imbriquer des dossiers dans des dossiers. Salutations à l'équipe de Zeplin ici.)

À PROPOS DE VOUS, nous travaillons avec Jira dans presque tous les départements. Mais en tant qu’équipe de graphistes, nous avons besoin d’autres outils pour améliorer la connexion entre notre équipe UX, UI et les équipes de développement. Nous avons choisi Zeplin pour collaborer étroitement avec les parties prenantes, les concepteurs, les concepteurs d’UX et les développeurs frontaux. Zeplin combine certaines fonctionnalités qui optimisent notre processus de travail, nos présentations, nos tours de rétroaction et exporte des extraits de code et des actifs. Utiliser la fonction de commentaire sur la disposition, par exemple, est bien meilleur, puis expliquer à Jira quel bouton doit changer le ou les espaces à réduire.

Mais: le tri des mises en page dans zeplin est un désordre. Oui, ils nous ont donné la fonctionnalité "sections" il y a quelques mois pour combiner les écrans dans un domaine - ce qui rend tout un peu mieux. Mais si vous avez un produit de commerce électronique très complexe, cela ne vous aidera pas du tout. Nous produisons plus de 80 mises en page changeantes et nouvelles par jour. Et nous avons besoin d'une possibilité de distinguer les pages de leurs caractéristiques. Et nous devons également nous préoccuper de différents points d'arrêt.

Le choix du bon canal de communication est également complexe. Comme je l'ai mentionné précédemment: les commentaires dans zeplin doivent constituer le canal souhaité pour les commentaires dans les présentations. Mais qu'en est-il du statut? Informations telles que délais, bloqueurs, priorité: ces informations doivent toujours appartenir au conseil d'administration de Jira pour assurer la transparence dans une entreprise qui fonctionne à jira.

Et comment lier les billets de Jira aux fichiers Zeplin et inversement? Nous ne pouvons pas lier des sections uniquement à des fichiers, ce qui prête souvent à confusion. Mettre 25 liens dans un seul ticket n’a aucun sens.

Essayé si fort…

Au cours de la première étape, nous avons essayé de nettoyer l’ensemble de la vue d'ensemble en utilisant des sections pour les pages et en maintenant les dispositions avec des balises. Nous avons utilisé des étiquettes pour les numéros de ticket de Zeplin et pour différencier les points d'arrêt. Pour les 20 premiers billets, c'était en fait une bonne idée. Mais alors… euh… voyez par vous-même:

De plus, il y a beaucoup de malentendus quand un dessin est prêt. Nous avons donc utilisé une étiquette finale pour chaque écran final. … Jusqu'à ce que nous ayons corrigé le premier écran final et que tout le monde était confus. (Ouais, d'accord… nous aurions dû savoir…)

Deuxième approche: Recueillir les besoins

Après avoir laissé un gros gâchis dans notre outil, nous avons de nouveau collé nos têtes et reparti de zéro. Chaque concepteur, chef de projet et concepteur UX prenait ses propres notes que nous avons regroupées et discutées en équipe.

Nous avons découvert que:

  • Nous devons cesser d'utiliser des balises
  • Nous devrions arrêter de tout télécharger dans Jira et Zeplin et ne pas avoir un seul point de vérité
  • Nous avons besoin d’une sorte de lien vers les fichiers de Jira à Zeplin et retour
  • Nous devrions séparer les sections en sections plus petites afin de pouvoir différencier les pages et les fonctionnalités.
  • Nous ne devrions utiliser Zeplin que pour les discussions de présentation et Jira pour les commentaires relatifs au statut.
  • Nous voulons tout présenter dans Zeplin (car il est plus facile de donner un retour d'information et de consulter les versions précédentes).

Trouver des solutions

Nous avons créé une "tuile de cluster" qui sépare nos mises en page dans une section. Par exemple: Une section serait une collection de mises en page d'une page entière (comme une page de catégorie) et une tuile de cluster ne serait qu'une caractéristique de cette page (comme l'arborescence de catégories).

Cette vignette porte le même nom, le numéro de ticket étant en noir. Nous pouvons donc facilement trouver une nouvelle sous-section et afficher le résumé du ticket sous la forme d'un gros titre blanc. Cette tuile est également mentionnée en tant qu’hyperlien dans le ticket, il est donc facile de trouver le ticket de la section. Cela nous permet de garder Jira et Zeplin connectés en ayant une sorte de bonne vue d'ensemble dans Zeplin.

  1. Ticket entre dans le tableau
  2. Nous créons la «tuile de cluster» nommée comme le ticket et la lions dans le ticket
  3. Nous nous assurons que la tuile est au bon endroit et à la bonne section
  4. Nous commençons à concevoir
  5. Nous exportons tout ce que nous concevons dans Zeplin et plaçons ces dispositions juste après la mosaïque de cluster
  6. Nous présentons tout dans Zeplin en parcourant les tickets triés par statut et par priorité et ouvrons les fichiers liés Zeplin.
  7. Nous recueillons toutes les réactions sous forme de commentaires Zeplin
  8. Si le travail est terminé, nous vérifions à nouveau tous les liens, adaptons les points d'arrêt (nous utilisons les balises dans zeplin uniquement pour différencier les points d'arrêt) et importons la version finale dans le ticket (elle est donc également complète).

C’est notre meilleure approche jusqu’à présent de travailler avec ces outils jusqu’à ce que les gars de Zeplin nous donnent la fonction de dossier et nous sommes sûrs que cela nous aidera dans cette période. J'espère que cela aide quelqu'un, aussi.

Dustin Lundt, responsable de la direction artistique chez ABOUT YOU