Waarom ons team nog niet overstapt op Adobe XD

Adobe MAX 2019 was geweldig en we waren erg enthousiast over de keynotes waarin al het werk werd gepresenteerd dat ze aan hun producten hebben gedaan. Helaas waren we er niet bij, maar keken we mee via de livestream. De keynotes waren erg indrukwekkend en onze creatieve harten sloegen telkens een slag over bij elke nieuwe, coole feature die werd geïntroduceerd. We hebben Adobe Xd getest om te zien of we onze workflow kunnen optimaliseren door Sketch en InVision (en misschien zelfs Principle en Framer) te vervangen door Adobe Xd.

Ons team werkt al een tijd met een workflow rond Sketch + Craft, InVision en Principle. We gebruiken InVision vooral voor eenvoudige, lineaire prototypes. We gebruiken het ook om ons design met stakeholders te delen en ervoor te zorgen dat het developmentteam via InVision Inspect toegang heeft tot alle benodigde assets. Het is onze source of truth. Voor hi-fi prototyping gebruiken we vaak Principle. Hoewel het vooral handig is voor micro-interacties, gebruiken we het soms ook voor grotere prototypes. De software is makkelijk en intuïtief in gebruik en levert snel mooie, vloeiende resultaten op. Transities en animaties lopen soepeler en dat is echt waardevol als je een realistische hi-fi indruk van de ervaring wilt krijgen.

We hebben Adobe Xd in het verleden al getest en vonden toen dat het niet kon tippen aan Sketch. Er ontbraken te veel features die we nodig hadden, waardoor het simpelweg niet goed in onze workflow paste. De laatste tijd heb ik het gevoel dat Sketch achterblijft: de software wordt trager en bestanden worden groter, terwijl tools als Figma en Adobe Xd hun achterstand beginnen in te lopen. Dit is het perfecte moment om iets anders te testen en mogelijk onze workflow bij Elements te optimaliseren. Omdat we nog steeds grote fans zijn van Adobe, besloten we Adobe Xd nog een kans te geven.

De sterke punten die ons bijna overtuigden

• Op het eerste gezicht ziet de software er erg intuïtief uit (net als Sketch enzovoort).
• Het is fijn dat we de sneltoetsen kunnen gebruiken die we allemaal gewend zijn (p voor de pen tool, v voor de selection tool enzovoort).
• We vinden het geweldig dat we de meeste dingen (designen, prototypen, delen) in één geïntegreerd softwarepakket kunnen doen. Ook de koppeling met andere Adobe-software is heel sterk en veel efficiënter.
• Repeat Grid is een fijne tool die ons helpt sneller lijsten te maken.
• Het is prettig dat Xd in het lagenpaneel alleen de lagen van het huidige artboard toont. Dat helpt ons beter te focussen met een minder rommelige UI. Het draait allemaal om relevantie, goed gedaan.
• Een design system met interactieve componenten die ik makkelijk naar mijn eigen design/prototype kan slepen, maakt alles veel sneller en intuïtiever. Wel hadden we problemen bij het kopiëren en plakken van vooraf gemaakte componenten naar een library terwijl de interactiviteit behouden bleef. We zien hier veel potentie.
• Automatische versioning (en alles in de cloud) is geweldig en helpt echt.
• Het delen in Xd werkt als een trein. Het is heel eenvoudig om iets met stakeholders te delen, zelfs met wachtwoordbeveiliging.
• Plugins zijn fijn, maar er mogen nog meer sterke uitbreidingen bij.
• De koppeling tussen de mobiele Xd-app en desktop is top: geen lag of vertraging. Het is echt realtime.
• Designers uitnodigen om tegelijk aan hetzelfde designbestand te werken is geweldig, al hadden we verwacht dat deze samenwerking meer realtime zou zijn (live design), zoals Figma of Google Drive dat doen.

Wat Xd volgens ons nu nodig heeft

• Prototyping in Adobe Xd (auto-animate en states zijn geweldig) is eenvoudig en een goede toevoeging aan de software, maar mist de verfijnde timeline-controle die Principle of InVision Studio ons biedt. Ook het maken van een card slider of verticaal scrollende sectie zou intuïtiever moeten werken. Jullie zouden echt moeten proberen om de kwaliteit en het gebruiksgemak van bijvoorbeeld Principle in Xd te krijgen.
• [new] De mogelijkheid om verschillende ‘Pages’ met artboards te hebben, zou ons helpen onze bestanden overzichtelijker te houden.
• De slide-transities voelen wat houterig en niet-native aan. Principle en Framer doen dit veel beter.
• Een pad met een stroke maken is eenvoudig, maar ik kan mijn pad niet omzetten naar een shape. We gebruiken deze feature vaak bij het ontwerpen van UI’s.
• Een gradient op een stroke/border zou mogelijk moeten zijn.
• Er is geen optie om een pijl, cirkel enzovoort toe te voegen aan het begin en einde van een pad met een stroke. We gebruiken dit regelmatig.
• Het zou fijn zijn als we een schaduw konden toevoegen aan een groep objecten.
• Meerdere schaduwen op een object/groep
• Meerdere strokes op een object
• Een scale/transform-feature. Transformeren bestaat nu alleen uit spiegelen.
• States zijn geweldig, maar we hebben een visuele indicatie nodig om te zien in welke state we op dat moment werken. Wanneer je een state van een component bewerkt, zie je niet in welke state je op dat moment zit.
• We konden geen eenvoudige manier vinden om een shape als masker te gebruiken voor alle lagen erboven, terwijl we controle houden over de afzonderlijke objecten. Hoewel er een eenvoudige masking tool beschikbaar is, is die verborgen en beperkt.
• Het samenvoegen van shapes tot één object dat makkelijk te bewerken is, ontbreekt. Je kunt twee vectoren samenvoegen, maar je kunt de punten niet bewerken alsof het één object is.
• We moeten video’s (mp4 enzovoort) aan een prototype kunnen toevoegen.
• Xd moet werken aan de manier waarop het met typografie omgaat. Er ontbreekt verfijnde controle. Het zou ook fijn zijn om een preview van lettertypes en je laatst gebruikte lettertypes te zien, in plaats van alleen een lijst met fontnamen.

Enkele ideeën voor Adobe Xd

• Directe integratie met After Effects en Lottie. Het zou geweldig zijn om onze AE-video direct in het prototype te zien updaten.
• Ondersteuning voor patterns
• Snel kleurcorrecties toepassen op een afbeelding binnen Xd
• Voor developer handoff zou het fijn zijn als mensen alle assets in één keer kunnen downloaden.
• Zeplin heeft een fijne manier om met minimale moeite style guides te maken. Het zou mooi zijn als Xd dit integreert.
• De paging- en scrolling-feature van Principle zou prototyping in Xd echt helpen.

Concluderend geloven we sterk dat Adobe Xd op dit moment momentum heeft, met een aantal coole features en mooie beloftes, maar het is er nog niet helemaal. Ze moeten dit tempo vasthouden, bepaalde functionaliteiten verder verfijnen en de software snel verbeteren als ze willen dat mensen overstappen. We waren dicht bij een overstap, maar nadat we de nieuwe Xd tijdens een project hadden geprobeerd, concluderen we dat we wachten tot Adobe Xd een aantal features implementeert die we nodig hebben en waar we door de jaren heen aan gewend zijn geraakt (zie de lijsten hierboven).

Als designteam dat gewend is aan een workflow met Sketch, InVision, After Effects en Principle blijven we de ontwikkelingen van Adobe Xd met veel interesse volgen. Ook dragen we graag bij aan de designcommunity en helpen we Adobe Xd te verbeteren door onze inzichten en ervaringen te delen.