Design mit Präzision – Ein Adobe XD Review

Wenn wir das Jahr 2018 abschließen und ins Jahr 2019 eintreten, lassen Sie uns den aktuellen Stand der Designbranche, die Rolle des Designers, UX-Designtools und den Workflow überprüfen.

Vom Aufbau eines zusammenhängenden Designsystems über das Design von Flows für die nächste Geräteinnovation bis hin zum Prototyping komplexer Schnittstellen für Benutzertests können Designer aus einer Fülle von UX-Design-Tools wählen. Ob es sich um eines der populäreren Programme wie Sketch, das webbasierte Figma, das aggressiv wachsende Adobe XD oder das neu eingeführte InVision Studio handelt – die Vertrautheit mit den richtigen UX-Design-Tools, einschließlich dieser Adobe XD-Überprüfung, wird den Produktdesignprozess beschleunigen.

Die Wahl des richtigen UX-Design-Tools

Bei der Betrachtung der Tools, die Designer verwenden, ist es wichtig zu beachten, dass sich die Verantwortlichkeiten der Designer ständig ändern und erweitern. Noch vor 6-7 Jahren haben nur wenige Menschen verstanden, was ein User Experience Designer tut. Heutzutage wird von jedem Designer erwartet, dass er zumindest eine Art Benutzerforschung, Prototyping und Wettbewerbsanalyse durchführt.

Diese Veränderungen wirken sich darauf aus, wie Designer ihren Arbeitsablauf, ihr Domänenwissen, ihre Techniken und ihre Werkzeuge betrachten müssen. Kunden erwarten heute nicht nur ein ausgefeiltes Endprodukt, sondern alles von Wireframing über Prototyping bis hin zu einer reibungslos animierten Benutzeroberfläche.

Die Erweiterung Ihres Fachgebiets ist nicht nur eine Möglichkeit, mehr Geld zu verdienen – es ist zu einer Jobanforderung geworden. Neue Produktdesignprozesse bedeuten normalerweise neue Tools, was bedeutet, dass Designer Zeit damit verbringen müssen, ihre Verwendung zu erlernen – weshalb sich das Aufkommen neuer Designtools in den letzten Jahren so stark beschleunigt hat.

Die Zeiten, in denen sich Designer auf Photoshop als wichtigstes Designwerkzeug verlassen haben, sind lange vorbei. Jetzt ist es ein Rennen für Design-Softwareplattformen, das sowohl Anfänger als auch Profis anzieht. Sketch ist seit mehreren Jahren ein wichtiger Akteur, und Figma, das eine finanzielle Unterstützung von mehr als 46 Millionen US-Dollar erhalten hat, holt mit seinem webbasierten interaktiven Prototyping-Tool auf.

Kürzlich beschloss die Prototyping-Plattform InVision, mit ihrem eigenen Designtool InVision Studio in den Raum vorzudringen. Es hat sich nicht so schnell entwickelt, wie alle gehofft hatten, also scheint Studio ziemlich solide zu sein, ist aber trotz des anfänglichen Hypes immer noch etwas überwältigend und notorisch fehlerhaft.

Nachdem Adobe das digitale Designuniversum so lange dominiert hat, liegt es in diesem Rennen um das ultimative UX/UI-Designtool zurück. Nicht den Luxus zu haben, lange in dieser Position zu bleiben … geben Sie Adobe XD ein. Obwohl Adobe XD etwas spät im Rennen ist, hat es an Popularität gewonnen und ist seit seiner Veröffentlichung im Jahr 2016 zu einem vielversprechenden Konkurrenten geworden.

Adobe XD Review: Funktionen und Vorteile

Einige mögen sagen, dass ein Branchenriese wie Adobe ein Dinosaurier ist und nicht so agil sein kann wie seine jüngeren Konkurrenten. Ein Unternehmen wie Adobe verfügt jedoch über die Ressourcen, um sich schnell weiterzuentwickeln, sowie über die finanzielle Stabilität, die die Beherrschung von Adobe XD zu einer guten Investition machen würde. Dies ist ein enormer Vorteil, der Adobe XD sehr wertvoll und möglicherweise zum führenden UX-Designtool der Zukunft macht.

Bevor wir uns mit der Überprüfung der Adobe XD-Funktionen befassen, lassen Sie uns innehalten und fragen: „Ist es überhaupt die Zeit wert, ein neues Tool zu lernen, das ähnliche Funktionen wie die bereits bekannten Tools bietet?“ Schauen wir uns dazu vier Kriterien an: Preis, Benutzerfreundlichkeit, Ökosystem und Marktanteil.

Preis

Einer der Faktoren für den frühen Erfolg von Branchenfavoriten wie Sketch und Figma war ihre relative Erschwinglichkeit. Adobe XD ist Teil des Adobe Creative Cloud-Abonnements, mit dem Sie für 50 US-Dollar pro Monat auf über 20 Apps wie Photoshop, Illustrator, Premiere Pro usw. zugreifen können. Daher ist es schwierig, den Preis speziell für dieses Produkt zu trennen. Wenn Sie nicht bereits ein Abonnement haben, kann es schwierig sein, so viel Geld für das Ausprobieren eines neuen Tools auszugeben.

Allerdings hat Adobe bereits im Mai 2018 einen Starterplan angekündigt, der die kostenlose Nutzung von Adobe XD ermöglicht! Es ist auf nur ein aktives Projekt beschränkt, aber es ist eine perfekte Möglichkeit, das Wasser zu testen und alles auszuprobieren, was es zu bieten hat.

Benutzerfreundlichkeit

Die meisten Digitaldesigner haben irgendwann einmal eine Adobe-Anwendung verwendet und sind mit der allgemeinen Benutzeroberfläche vertraut: Werkzeugleiste links, Hauptbereich in der Mitte, Ebenen usw. rechts. Das Schöne an Adobe XD ist, dass Sie sich sofort zu Hause fühlen werden, wenn Sie es verwenden. Die Lernkurve ist leicht und tritt hauptsächlich bei komplexeren Designsystemen und Symbolüberschreibungen auf.

Wie ähnliche Tools verarbeitet Adobe XD komplexe Designsysteme und Symbolbibliotheken. Es bietet auch intuitive Tools zum einfachen Verbinden von Bildschirmen und zum Erstellen interaktiver Prototypen, die ohne Code für Benutzertests verwendet werden können. Die jüngste Version von Auto-Animate macht das Prototyping reichhaltiger Interaktionen noch einfacher, indem Mikrointeraktionen über Zeichenflächen hinweg in Adobe XD automatisch animiert werden.

Ökosystem

Adobe XD im Adobe-Ökosystem zu haben, ist eines der stärksten Verkaufsargumente, da Sie wahrscheinlich bereits Creative Cloud haben oder wöchentlich andere Adobe-Produkte verwenden. Von Vektoren bis hin zu Fotos bietet die Suite von Adobe-Produkten ein spezielles Tool für die meisten Designeranforderungen, das mit Adobe XD ziemlich reibungslos funktioniert.

Marktanteil

Im Jahr 2017 hatte Adobe XD einen durchschnittlichen Rang auf dem Markt und konnte die Dominanz von Sketch nicht überschatten. Spulen wir zwei Jahre vor und Adobe holt schnell auf (mit über 12 Millionen Creative Cloud-Abonnenten) und hat ein großes Potenzial für die Fortsetzung seines schnellen Wachstums gezeigt.

Um auf die Frage zurückzukommen, ob es sich lohnt, Zeit für das Erlernen eines neuen Designwerkzeugs aufzuwenden, kann man es sich so vorstellen: Wenn Sie einen Hammer haben, können Sie einen Nagel einschlagen, aber Sie können keine Schraube entfernen – und Sie nie wissen, wann Sie eine Schraube herausnehmen müssen. Mit zunehmender Popularität von Adobe XD steigen auch die Chancen, auf ein Team oder einen Kunden zu stoßen, der sich ausschließlich auf Adobe-Produkte verlässt. Je mehr Werkzeuge ein Designer in seinem Werkzeugkasten hat, desto mehr Designprojekte kann er angehen und mit desto mehr Teams kann er effektiv zusammenarbeiten.

Eine wachsende Liste von Adobe XD-Funktionen und -Plug-ins

„Durch die Integration mit Creative Cloud können wir unsere Kunden zufriedener und produktiver machen, indem wir sie nahtlos mit allen von ihnen verwendeten Diensten und einem endlosen Angebot an Tools verbinden, die unsere Anwendungen auf leistungsstarke und benutzerdefinierte Weise erweitern.“ – Vijay Vachani, Director, Head von Partner Platform & Ecosystem, Adobe Creative Cloud.

So „leicht und einfach“ es auch erscheinen mag, die Benutzeroberfläche von Adobe XD verarbeitet komplexe Designsysteme und Symbolbibliotheken und ermöglicht es Designern, komplizierte Designs mit Leichtigkeit zu erstellen und zu aktualisieren. Ebenso wichtig für den Design- und Benutzertestprozess sind die ausgeklügelten XD-Prototyp- und Animationstools. Wenn ein Designer bereit ist, Feedback zu Designs zu erhalten, ermöglichen ihm die Plugins von UserTesting und Userlytics, dies zu tun, ohne das Programm zu verlassen.

Unternehmen wie InVision, Adobe und andere streben danach, das ultimative UX-Design-Tool mit den richtigen Funktionen zu entwickeln. Die Aufgabe ist gewaltig und kompliziert, daher besteht eine der Möglichkeiten, dieses Ziel zu erreichen, darin, dass Plattformen Plugins entwickeln (und andere ermutigen, dasselbe zu tun).

Die kürzliche Ankündigung von Adobe, einen Designfonds in Höhe von 10 Millionen US-Dollar für genau diesen Zweck bereitzustellen, beweist, wie wichtig es ist, Plugins zu unterstützen und Entwickler dazu anzuregen, sie zu erstellen. Während der letzten Adobe MAX-Konferenz gab es mehrere wichtige Ankündigungen zu Plugins, UI-Kits und App-Integrationen, um das Dienstprogramm von Adobe XD zu erweitern.

Sketch ist zwar ein großartiges Designtool, aber was es wirklich großartig macht, ist die Verfügbarkeit von Plugins von Drittanbietern wie Runner, Color Accessibility Check, Magic Mirror, Auto Animate usw. Adobe XD verstärkt sein Spiel mit Plugins wie RenameIt, Pixel Perfect , Datengenerator usw. und Integrationen mit Trello, Dribbble, Google Sheets usw.

Durch die Investition von Geld in das Hosting und die Unterstützung aufstrebender Talente in der Adobe Creative Residency behält Adobe den wichtigen Vorteil seines Ökosystems. Ein weiteres Schlüsselelement für den zukünftigen Erfolg ist etwas anderes, das das Adobe XD-Team gut macht – dem Endbenutzer zuzuhören und ihn in den Entwicklungsprozess einzubeziehen, indem er ihn einlädt, die nächsten zu entwickelnden Funktionen vorzuschlagen und zu bewerten.

Von Anfang an war Adobe XD als „Produkt von Designern für Designer“ positioniert und sie bleiben diesem Kurs treu. Jeden Monat werden neue Features eingeführt. Beispielsweise hat Adobe erst in den letzten Monaten neue Adobe XD-Funktionen wie Responsive Resize, Timed Transitions, Rechtschreibprüfung, Jira-Integration und mehr eingeführt.

Adobe hat kürzlich auch die Erweiterung des Adobe XD-Toolsets um Voice-Prototyping angekündigt. Es ist nicht die offensichtlichste Funktion, die Sie von einem Designtool für Bildschirm-UIs erwarten würden, aber Sprachbefehls-UIs werden immer häufiger.

Von Siri bis Alexa und anderen Erlebnissen jenseits des Bildschirms gewinnt die sprachbasierte Interaktion an Bedeutung. Das einzigartige Voice-Prototyping von Adobe XD gibt Designern die Möglichkeit, mit diesem schnell wachsenden Trend Schritt zu halten.

Erweitern der Toolbox eines Designers

Designer, die mit einer Vielzahl von Unternehmen und an unterschiedlichen Projekten arbeiten, benötigen höchstwahrscheinlich ein breites Spektrum an Fähigkeiten zur Problemlösung. Eine breitere Design-Toolbox kann ein großer Vorteil gegenüber anderen potenziellen Kandidaten sein. Dies ist besonders wichtig für Freiberufler, die möglicherweise alle paar Monate mit anderen Kunden zusammenarbeiten – früher oder später wird ein Projekt hinzukommen, das Expertenwissen über ein bestimmtes Designtool erfordert. Mit diesem Tool nicht vertraut zu sein, kann den Verlust potenziellen Engagements bedeuten.

Es gibt einige Meinungsverschiedenheiten darüber, ob ein Designer sich darauf konzentrieren sollte, sein Repertoire zu erweitern, anstatt sich auf eine bestimmte Spezialisierung zu konzentrieren. Adobe XD ist schnell, kostenlos und leicht zu erlernen – es geht nichts verloren, wenn Sie den Sprung wagen und Ihre Vielseitigkeit erweitern.

Weiterführende Literatur im Toptal Design Blog:

• Die besten UX-Tools (mit Infografik)
• Figma vs. Sketch vs. Axure – eine aufgabenbasierte Überprüfung
• Entwerfen einer VUI – Voice User Interface
• Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele
• Prototypen mit Leichtigkeit – Ein InVision Studio-Tutorial