Einsatzgebiet und Grundlagen von Adobe XD – Tutorial zu Adobe XD

Adobe XD ist die wegweisende Applikation für überzeugende UX- und UI-Designs aus dem Hause Adobe, wie der Name im Übrigen ja bereits vermuten lässt. UX steht für User Experience, also Nutzererfahrung, und UI für User Interface, also Benutzeroberfläche. Das alles vereint Adobe XD in einem Programm und ermöglicht so den Benutzerinnen und Benutzern die Entwicklung von Designs, die Entwicklung von Prototypen und das Teilen von Nutzererfahrung mit Ihrem Team bzw. allen am Projekt Beteiligten. Es handelt sich somit um eine Software zur Design-Entwicklung von Websites, Apps und anderen Benutzeroberflächen, mit deren Hilfe Sie einen interaktiven Prototypen erstellen und damit viel leichter eine Freigabe von Ihrem Auftraggeber oder den am Projekt Beteiligten erhalten können. Adobe XD eröffnet außerdem völlig neue Möglichkeiten der Zusammenarbeit zwischen Ihnen als Designer, den Entwicklerinnen und bspw. dem Auftraggeber. Ja, auch die gleichzeitige Arbeit im Team an einem und demselben Dokument ist völlig unproblematisch. Und wie ist das möglich? Nun, zunächst einmal mithilfe dedizierter Designtools. Mit solchen Zeichenwerkzeugen erstellen Sie schnell und einfach zeitgemäße Oberflächendesigns. Dabei stehen Ihnen ebenso wie bei Photoshop oder Illustrator Funktionen wie Ebenen und Bibliothekselemente zur Verfügung. Auf der Basis eines solchen Designs lassen sich schnell und einfach Prototypen erzeugen. Das Tolle an diesen Prototypen ist, dass Sie direkt in Adobe XD Interaktionen hinzufügen können, ohne eine einzige Zeile Programmcode schreiben zu müssen. Ich wiederhole das noch mal: ohne eine einzige Zeile Programmcode schreiben zu müssen. Das ist fantastisch. Somit testen und optimieren Sie Ihre Prototypen direkt auf dem Desktop oder aber direkt auf Ihren Endgeräten durch die dortige Installation der zugehörigen Companion Apps. Mithilfe eines solchen Prototypen ist die Zusammenarbeit natürlich viel besser. Und hat die Auftraggeberin bspw. zugestimmt, geben Sie produktionsreife Grafiken oder auch CSS-Definitionen direkt an die Entwickler weiter, die sich dann um die programmtechnische Umsetzung kümmern können. Adobe XD ist offizieller Bestandteil der Creative Cloud und über die dort zur Verfügung gestellten Möglichkeiten zu installieren. Adobe legt großen Wert auf eine enge Zusammenarbeit zwischen Benutzern und den Adobe XD-Entwicklern, denn die Versionen von XD werden kontinuierlich durch neue Funktionen erweitert. Und mit Ihrem Feedback tragen Sie zu der Weiterentwicklung bei. Für diesen Kommunikationsprozess hat Adobe eine spezielle Website eingerichtet, die Sie unter der Domain adobexd.uservoice.com finden können. Die Webseite, die sich Ihnen dann zeigt, sieht ungefähr so aus, wie hier in meiner Präsentation abgebildet. Wichtig ist, Sie müssen sich einloggen, wofür Sie eine aktive Adobe ID benötigen. Sollten Sie noch kein Abo abgeschlossen haben oder Adobe XD vor einem Abo kennenlernen wollen, kann die Software auch über die übliche Produktseite von Adobe heruntergeladen werden. Sie erhalten dann einen unbeschränkten, aber zeitlich begrenzten Vollzugriff auf alle Funktionen und können die Software somit auf Herz und Nieren testen. Fassen wir noch einmal kurz zusammen. Wir haben also mithilfe dedizierter Designtools die Möglichkeit, ein sehr ausgefeiltes und interaktives User Interface zu entwickeln und können diese Entwicklung als interaktive Prototypen mit wenigen Mausklicks weitergeben. Das erleichtert die Zusammenarbeit und die Freigabe ganz erheblich. Eine kontinuierliche Weiterentwicklung mit allen Funktionen, die aus den Reihen der Anwenderinnen und Anwender kommen, sorgt für eine Vielfalt an Möglichkeiten, die sich an aktuellen Anforderungen der Branche orientieren. Beginnen wir also mit der Einarbeitung in Adobe XD.