Meistern Sie Ihr Handwerk mit diesen Top-UX-Tools

Die richtigen UX-Tools zur Hand zu haben, kann der entscheidende Unterschied zwischen einem kollaborativen, nahtlosen und insgesamt hocheffektiven Design-Workflow und einem langsamen, unproduktiven und unverantwortlichen Workflow sein.

Es ist wichtig, mit den neuesten Tools und Technologien auf dem Laufenden zu bleiben und sich über die interessanten Möglichkeiten zu informieren, wie Designer sie nutzen können, um effizienter zu erstellen und zusammenzuarbeiten. Einige Tools sind effektiver als andere, abhängig von der Größe des Teams, der Phase im Designprozess und anderen Tools, die bereits Teil des Workflows sind.

Werfen wir einen Blick auf die wichtigsten UX-Tools, von Wireframing und Prototyping bis hin zu UX-Forschung und -Analyse, die Teams dabei helfen, 2018 Unglaubliches zu leisten.

Tools für Design + Prototyping + Design-Übergabe

InVision/InVision Studio

Plattform: Web (integriert mit Sketch und Photoshop) und macOS
Preis: ab 13 $/Monat für Einzelpersonen oder 89 $/Monat für Fünferteams

Hinweis: Der Preis gilt für die Kern-InVision-Web-App, nicht für InVision Studio, das kostenlos ist.

InVision ist wohl das bisher mächtigste UX-Tool. Es ermöglicht Sketch- und Photoshop-Designern, ihre statischen Bildschirme zu importieren und sie in dynamische Prototypen umzuwandeln, und Stakeholdern, konstruktives Feedback zu geben, das dann in umsetzbare, überschaubare Aufgaben umgewandelt werden kann. Kombinieren Sie dies mit ihrer Benutzertest- und kollaborativen Whiteboard-Technologie, und die InVision-Web-App wird zu einem unschätzbaren, wirklich beeindruckenden Tool.

Im Jahr 2017 lieferte InVision neue Design-Übergabefunktionen aus, und jetzt, im Jahr 2018, ist InVision zu einer vollständigen All-in-One-Lösung geworden, da sie ihr eigenes UX-Designtool, Studio, einführen, das kostenlos ist und erweiterte Animations- und Prototyping-Funktionen enthält.

Für Teams, die eine voll ausgestattete Toolbox unter einem Abonnement wünschen, ist InVision genau das Richtige für Sie.

Framer

Plattform: macOS
Preis: 12 $/Monat für Einzelbenutzer oder ab 250 $/Monat für Dreierteams

Vom Angebot her ist Framer das Tool, das InVision am nächsten kommt, da beide ein ausgereiftes Webinterface mit einem brandneuen UX-Designtool kombinieren. Bei diesen beiden hängt es von den persönlichen Vorlieben ab, aber wo Framer für Einzelpersonen etwas günstiger ist, ist InVision eindeutig der größere Bruder, wenn es um die Zusammenarbeit beim Design geht.

Figma

Plattform: Web, macOS und Windows
Preis: kostenlos für Starterteams oder 12 $/Monat

Figma hob sich schon früh in seiner Entwicklung als führendes Tool für Multiplayer-Design ab und ermöglichte es mehreren Designern, gleichzeitig an derselben Designdatei zu arbeiten. Mit der Möglichkeit, ansprechende Designs und zusätzliche Übergabefunktionen zu erstellen, ist es beeindruckend, wie sie diese Funktionen in den Web-, MacOS- und Windows-Versionen des Produkts angeboten haben.

Wenn Sie einen dynamischen, kollaborativen Design-Workflow mögen, ist Figma genau das Richtige für Sie.

Adobe XD

Plattform: Windows und macOS
Preis: kostenlos für 1 Prototyp oder 20,99 $/Monat für unbegrenzt viele Prototypen

Als Sketch zum Tool Nr. 1 für Wireframing und Interface-Design wurde, hatte Adobe fast keine andere Wahl, als zuzugeben, dass Photoshop niemals das UI-Design-Tool sein könnte, das Designer brauchen. Adobe entschied sich dafür, Adobe XD für Windows-Benutzer verfügbar zu machen, wo Sketch dies nicht tat, und baute auch die Möglichkeit ein, Benutzerabläufe zu prototypisieren und Designs zu überprüfen, um erfahrenen Designern, die mit dem Adobe-Ökosystem vertraut sind, zu helfen, an einem vertrauten Arbeitsablauf festzuhalten.

UXPin

Plattform: Web
Preis: ab 8,10 $/Monat für einen Benutzer, mit anderen Optionen für Teams

UXPin ist eine vollständige Produktdesignplattform, die alles von Design, Wireframing, Prototyping, Zusammenarbeit, Benutzertests und Übergabe in einer einzigen Webanwendung bietet. Der Nachteil ist, dass UXPin aufgrund der Anzahl der Funktionen, der überladenen Benutzeroberfläche und (manchmal) Leistungsverzögerung, die häufig sperrige Web-Apps heimsucht, eines der schwieriger zu verwendenden Tools ist. Unternehmensteams, die beeindruckende Funktionen wie Designsysteme und die Möglichkeit zur Nutzung von Web-Frameworks und Technologien wie Bootstrap und Google Fonts benötigen, sollten dies jedoch nicht zu schnell übersehen.

Design- und Prototyping-Tools

Skizzieren

Plattform: macOS
Preis: 99 $/Jahr

Photoshop überreichte Sketch die Krone, als sie 2015 zum führenden Designtool für Wireframing und Interface-Design wurden, und seit 2017 sind sie immer noch führend. Der innovative Ansatz von Sketch für das Bildschirmdesign führte unschätzbare Funktionen wie Zeichenflächen, Symbole und Exporte ein, die dann eine Welle neuer Designtools wie Adobe XD, Framer Studio und InVision Studio inspirierten. Dieses unglaublich intuitive (und leichte) Vektortool hilft UI-Designern, viel schneller als je zuvor zu iterieren.

Hier ist jedoch das „Aber“ (und es ist ein großes Aber): Sketch ist nicht für Windows verfügbar, und ihre Entscheidung, Tools für Prototyping-Designer so spät im Spiel zu implementieren, bedeutet, dass ihre Konkurrenten diesen Markt mit InVision schnell übernommen haben wohl das dynamischste Prototyping-Tool, das heute verfügbar ist. Obwohl die Sketch-Funktionalität mit einem beeindruckenden Katalog von Plugins angepasst werden kann (einschließlich Integrationen mit Namen wie Flinto, Zeplin, Marvel, Principle und sogar InVision selbst), bevorzugen einige Designer möglicherweise eine nativere Erfahrung mit diesen Funktionen, die direkt aus dem verfügbar sind Kasten.

Alles in allem eignet sich Sketch hervorragend für Ideenfindung und Wireframing oder für diejenigen, denen es nichts ausmacht, ihre Toolbox aufzufüllen, um bessere Prototyping- und Collaboration-Tools hinzuzufügen.

Webflow

Plattform: Web
Preis: Eine Vielzahl von Optionen für Einzelpersonen mit einem Standort, mehrere Standorte und Teams

Webflow ist ein WYSIWYG-Editor für den modernen Designer, der reaktionsschnelle Websites ohne Code erstellen und diese sogar hosten möchte, alles mit einem einzigen Abonnement. Webflow gibt sauberen, semantischen Code aus, damit Sie es nicht tun müssen, und bietet robuste Funktionen, mit denen Webdesigner alles erstellen können, von statischen Websites bis hin zu E-Commerce-Shops, bei denen sogar der Inhalt und das Inventar über dasselbe Dashboard verwaltet werden.

Prinzip

Plattform: macOS
Preis: $129/Jahr

Obwohl die hoch bewertete Principle-App eher ein Prototyping-Tool als ein Design-Tool ist, ist sie für Designer gedacht, die sich auf High-Fidelity-Prototypen konzentrieren und Timeline-Animationen verwenden, um fortschrittliche Mikrointeraktionen zu entwerfen, wo Sketch und Adobe XD dies nicht tun. Wenn die Designfunktionen für Ihre Anforderungen nicht ausgefeilt genug sind, lässt sich Principle in Sketch integrieren.

Prototyping-Tools (nur)

Flint

Plattform: macOS
Preis: 99 $/Jahr

Flinto bringt Übergänge und Mikrointeraktionen auf die nächste Stufe mit fortschrittlichen Animationswerkzeugen, darunter Federn und Easings, 3D-Rotation, Scroll-Effekte, und ermöglicht sogar trendigen Designern, Animationen als Videos, GIFs und Dribbble-Aufnahmen zu exportieren.

Während sich Flinto ausschließlich auf Prototyping-Interaktionen konzentriert, macht es das gut. Koppeln Sie mit Sketch für beste Ergebnisse.

Origami

Plattform: macOS
Preis: kostenlos/Open Source

Origami ist ein App-Prototyping-Tool, das vom Designteam von Facebook entwickelt wurde. Obwohl es Flinto ähnlich ist (abzüglich des Preises), wird es nicht so oft gewartet wie ähnliche Tools, und sein logikbasierter Ansatz zur Gestaltung von Interaktionen führt zu einer steileren Lernkurve.

Für Designer mit kleinem Budget ist Origami einen Blick wert.

Prototyping + Design-Übergabe-Tools

Wunder

Plattform: Web
Preis: 0–12 $/Monat für Einzelpersonen oder 42–84 $/Monat für Teams

Unternehmensteams, die SSO- und Übergabefunktionen benötigen, sollten sich direkt erkundigen.

Marvel ist ein Online-Prototyping-Tool, das dafür bekannt ist, eines der am einfachsten zu beherrschenden zu sein. Der Nachteil besteht jedoch darin, dass es nicht so ausgereift ist wie InVision, wenn es um dynamische Prototyping-Funktionen geht, und die Integration mit Sketch erfordert, um eine vollständige Design- und Prototyping-Lösung zu werden . Abgesehen davon lässt es sich in Lookback integrieren, bringt Benutzertests auf den Tisch und enthält Design-Übergabefunktionen.

Marvel ermöglicht auch Teams (sogar Nicht-Designern), eine Zeichenfläche auszuwählen und eine Low-Fidelity-Idee mit Formen und Text zu veranschaulichen, was es ideal für Design-Sprints macht (zumal es Benutzern auch ermöglicht, Papierprototypen in Low-Fidelity-Marvel-Prototypen umzuwandeln).

Design-Übergabe-Tools (nur)

Zeplin

Plattform: Web
Preis: kostenlos für ein Projekt, 17 $/Monat und 26 $/Monat für drei bzw. 12 Projekte

Für große Organisationen bietet die Option für 7,65 USD/Benutzer/Monat erweiterte Benutzerberechtigungen und die Möglichkeit, Farb- und Textstile zwischen Projekten zu kopieren.

Zeplin hat die Konkurrenten Sympli und Avocode durchweg übertroffen, wo es kürzlich Adobe XD- und Figma-Integrationen neben seinen bereits bestehenden Sketch- und Photoshop CC-Integrationen hinzugefügt hat. Während viele All-in-One-Tools die Design-Übergabe zu ihrer Funktionsliste hinzugefügt haben, füllt Zeplin die Lücke für die Tools, die dies nicht getan haben (Sketch, Photoshop), und für diejenigen, die noch mit Übergabefunktionen experimentieren (Adobe XD, Figma).

Wireframing- und Prototyping-Tools

Axur

Plattform: Windows und macOS
Preis: 29/49/99 $/Benutzer/Monat für Pro/Team/Enterprise-Benutzer

Einmalige Käufe von Axure RP 8 sind ebenfalls ab 495 $ erhältlich.

Axure wurde speziell für das Design von Wireframes und groben Prototypen entwickelt und verfügt über Funktionen, die das Erstellen datengesteuerter, dynamischer und adaptiver Mockups so einfach machen, dass Sie vergessen werden, dass es sich um ein Tool ohne High-Fidelity-UX-Prototyping-Funktionen handelt. Für Designer, die sich ausschließlich auf Wireframes und Prototyping konzentrieren, ist Axure die erste Wahl, die von 87 % der Fortune-100-Unternehmen verwendet wird.

Justinmind

Plattform: Windows und macOS
Preis: 19 $/Benutzer/Monat oder 39 $/Benutzer/Monat für Unternehmensteams

Justinmind erhält nicht genug Liebe für das, was es bietet, nämlich fortschrittliches UX-Prototyping, Zusammenarbeit, einige grundlegende Design-Tools sowie über 500 Web- und Mobil-Widgets für Wireframing. Wireframing ist nicht etwas, auf das sich viele konkurrierende Prototyping-Apps konzentriert haben, was Justinmind zu einem der wenigen UX-Tools macht, die dies tun.

Wireframing-Tools (nur)

OmniGraffle

Plattform: macOS
Preis: 100 $ oder 200 $ für eine Pro -Lizenz

OmniGraffle ist ein Wireframing-Tool mit Diagrammfunktionen, das für Apps und Websites nützlich ist, bei denen der Benutzerfluss oder die Informationsarchitektur möglicherweise mehr Aufmerksamkeit erfordern. Als native macOS-App ist die Benutzeroberfläche sehr benutzerfreundlich, was es zu einem einfach zu beherrschenden UX-Tool macht.

OmniGraffle hat eine sehr praktische Funktion: „Schablonen“, die gebrauchsfertige, per Drag-and-Drop wiederverwendbare Designkomponenten in einer „Schablonenbibliothek“ sind, die Designer zum Erstellen von Drahtmodellen, Modellen oder sogar endgültigen visuellen Designs verwenden können. Benutzer können ihre eigene Bibliothek erstellen, und es gibt auch Tausende von Schablonenbibliotheken, die im Internet heruntergeladen werden können, viele davon kostenlos, was Zeit und Mühe spart.

Graffletopia ist einer der größten Schablonenspeicher im Internet, der eine Mischung aus kostenlosen und kostenpflichtigen Bibliotheken enthält. Mit über 1.100 Schablonen bietet Graffletopia Schablonen für jeden Zweck – das Entwerfen mobiler Apps, Websites, Netzwerkdiagramme, Flussdiagramme und mehr.

Balsamico

Plattform: Web, macOS und Windows
Preis: ab 90 $/Benutzer/Jahr für den Cloud-Zugriff oder 89 $ für die Desktop-Apps

Balsamiq ist das Gegenteil von Justinmind und konzentriert sich mehr auf Wireframing als auf Prototyping. Ihre integrierten UI-Elemente verwenden eine skizzierte visuelle Ästhetik, um das Brainstorming zu fördern, und richten sich speziell an Produktmanager und Entwickler sowie Wireframing-Designer, sodass ganze Teams frühzeitig Teil des Designprozesses sein können.

UX-Forschungs- und Testtools

Zurückschauen

Plattform: Web
Preis: 49 $/Benutzer/Monat oder 99 $/Benutzer/Monat, je nach Funktionen

Lookback führt moderierte Live-Benutzertests in den UX-Designprozess ein, sodass Designer das Gesicht, den Bildschirm und die Stimme von jedem auf der Welt aufnehmen können. Für Teams, die Marvel als Prototyping-Tool verwenden, lässt sich Lookback nahtlos integrieren.

Benutzertest

Plattform: Web
Preis: 49 $/Test (min. 15 Tests), mit Enterprise-Optionen verfügbar

UserTesting ähnelt Lookback in Bezug auf die Funktionen. Obwohl es ein hervorragendes eigenständiges Benutzertest-Tool mit einem riesigen Repertoire an erfahrenen Benutzertestern ist (bei Marvel müssen Sie selbst Benutzertester finden), lässt sich UserTesting auch nahtlos in InVision integrieren.

Augequant

Plattform: Web
Preis: 499 $/Monat für Einzelpersonen, 999 $/Monat für Teams mit 10 Personen (+ Enterprise-Optionen)

Eyequant nutzt maschinelles Lernen, um Teams dabei zu unterstützen, bessere Designentscheidungen zu treffen und ihre CRO-Bemühungen zu verbessern. Der hohe Preis mag einige Kunden abschrecken, aber diejenigen, die investieren, erhalten Schulungen, wie sie Benutzer simulieren, Metriken analysieren, das Beste aus ihren A/B-Tests machen und vieles mehr.

Hotjar

Plattform: Web
Preis: Variabler Preis abhängig von der Anzahl der täglichen Seitenaufrufe

Hotjar macht es Teams leicht, Benutzererlebnisse zu optimieren, indem es Benutzerfeedback mit Analysen, Heatmaps, Clickmaps, Scrollmaps und Besucheraufzeichnungen kombiniert. Während Heatmaps und Clickmaps veranschaulichen, wohin sich Benutzer bewegen bzw. mit der Maus klicken, zeigen Scrollmaps an, an welcher Stelle Benutzer möglicherweise das Interesse verlieren.

Verrücktes Ei

Plattform: Web
Preis: ab 29 $/Monat für 20.000 Seitenaufrufe

Ähnlich wie Hotjar wird Crazy Egg verwendet, um Benutzererfahrungen und Konversionsraten zu optimieren, indem das Benutzerverhalten mit Heatmaps und Besucheraufzeichnungen analysiert wird, obwohl es auch einfach zu verwendende A/B-Testtools enthält, um zu entschlüsseln, was funktioniert und was nicht.

Optimale Werkstatt

Plattform: Web
Preis: 166 $/Benutzer/Monat, mit kostenlosen und Enterprise-Optionen verfügbar

Optimal Workshop ist ein Toolkit für Benutzerforschung, das sich auf Card Sorting, Umfragen, Baumtests, First-Click-Tests und qualitative Datenermittlung konzentriert.

Analyse-Tools

Google Analytics

Plattform: Web
Preis: kostenlos

Google Analytics verfügt zwar nicht über die inspirierendste oder benutzerfreundlichste Benutzeroberfläche, liefert aber für ein kostenloses Tool eine beachtliche Menge an Daten, was es zu einem geeigneten Ausgangspunkt für die Benutzerforschung und den Erwerb von Erkenntnissen macht, die Sie möglicherweise in einem anderen Tool weiter untersuchen möchten .

Mixpanel

Plattform: Web
Preis: ab 99 $ pro 1 Million Datenpunkte, mit kostenlosen und Enterprise-Optionen verfügbar

Mixpanel ermöglicht es jedem, von Führungskräften bis hin zu einfachen Mitarbeitern, Daten zu nutzen, um strategischere Entscheidungen zu treffen. Mit einer im Vergleich zu Google Analytics benutzerfreundlicheren Oberfläche könnten Designer feststellen, dass es einfacher ist, Benutzerreisen zu analysieren, zu erfahren, wie Benutzer mit dem Produkt interagieren, und komplexe Verhaltensanalysen mit Mixpanel zu entschlüsseln.

Pendo

Plattform: Web
Preis: Der Preis wird auf der Grundlage der Anzahl der Benutzer und der erforderlichen Funktionen festgelegt

Pendo, mit einer viel einfacheren Benutzeroberfläche im Vergleich zu den meisten anderen Analysetools, ermöglicht es Designern, den NPS (Net Promoter Score) zu verfolgen, Benutzer zu segmentieren, Trichter und Benutzerreisen zu optimieren und alles andere, was Sie von einem Top-Website-Analysetool erwarten würden. Darüber hinaus können Designer basierend auf den erfassten Daten gezielte Ankündigungen, kontextbezogene Hilfe und maßgeschneiderte Erfahrungen bereitstellen.

Fazit

Die Auswahl der richtigen UX-Tools erfordert sorgfältige Überlegungen. Wir müssen die Kosten, das erforderliche Maß an Zusammenarbeit mit anderen Designern und Beteiligten, die Plattform und alle anderen Tools berücksichtigen, die wir möglicherweise integrieren müssen, um einen nahtlosen Arbeitsablauf aufrechtzuerhalten. Sobald Sie Ihre Auswahl eingegrenzt haben, melden Sie sich für ihre kostenlosen Testversionen an und ziehen Sie in Betracht, einen fünftägigen Design-Sprint durchzuführen, um das Wasser zu testen.