Digitale Strategie und Prototyping - Wireframes & Mockups

Welche Tools eignen sich wofür

Sie haben schon unseren Blog Beitrag gelesen, warum man Mockups, Prototyping und Wireframes in guten IT Projekten einsetzt und welche Tools sich wofür eignen? Wir bei USECON sind davon überzeugt, dass der Einsatz solcher Design-Methoden den Unterschied bei exzellenten IT Projekten macht.

Vor- und Nachteile

In unseren Projekten setzen wir diese Methoden als Teil des User Interface Design Prozesses ein. Oftmals werden wir von Kunden gefragt, welche Tools wir hierfür verwenden – Daher wollen wir Ihnen zwei dieser Tools vorstellen: Balsamiq Mockups und Axure RP. Im zweiten Teil dieser Blogreihe, haben wir Ihnen die Vor- und Nachteile beider Tools vorgestellt.

Bei USECON werden diese Tools nicht nur von unseren User Interface Designern genutzt, sondern auch von unseren Consultants. Denn Basis Wireframes und Mockups kann jeder erstellen – für die ersten Schritte muss man kein User Interface Designer sein und Tools wie Axure RP unterstützen hierbei sehr gut. (Über den Einsatz von Balsamiq Mockups bei USECON, lesen Sie im zweiten Teil dieser Blogreihe.)

Zuerst die Strategie

Mockups, Wireframes oder Prototyping sind vielleicht keine Fremdwörter für Sie. Diese Design Methoden setzen wir bei USECON ein, um Ihre Projekte so zu gestalten, dass Ihre Unternehmensziele, wie zum Beispiel eine erfolgreiche digitale Transformation oder die Steigerung der Conversion, auch erreicht werden.

Ein und dieselbe Sache (z.B. ein Web Shop oder eine Applikation) kann theoretisch auf 1000e Arten umgesetzt werden, aber nur ganz wenige Varianten werden wirklich zum Ziel des Unternehmens führen. Sie wollen ja, dass genau das beim Kunden ankommt, wofür Ihr Unternehmen steht. Und Sie wollen Ihren Kunden dazu bringen, den Kauf auch tatsächlich zu tätigen und zufrieden wieder zu kommen. Dazu muss der Ablauf, den ein Kunde durchläuft, mit Ihren Entwicklern, Designern und der Fachabteilung besprochen werden BEVOR der erste Code programmiert ist und ein Designer viele Stunden in ein Grafik Design investiert hat. Zu diesem Zeitpunkt sind Änderungen noch kostengünstig und alle Stakeholder können ins Boot geholt werden – Genau dabei helfen Ihnen Mockups, Wireframes und Prototyping.

Verschiedene Tools

Startet man ein Digitalisierungsprojekt mit falschen Annahmen und unzureichend geklärten Abläufen, wird das gesamte Projekt risikoreich. Eine gute Planung verhindert unklare Ausgänge – und dieser Grundsatz ist nicht nur auf das Projektmanagement anzuwenden, sondern auch auf User Interface Design – also bei der Kreierung neuer Produkte, Websites oder Applikationen.

Wir setzen für die Gestaltung von Mockups, Wireframes und Prototypen Software Tools ein. In unseren Projekten werden wir immer wieder gefragt, welche das sind. Typischerweise sind das Axure RP und Balsamiq Mockups. Hier in diesem Beitrag sehen wir uns Axure RP an. Unsere Erfahrungen mit Balsamiq Mockups finden Sie hier.

Axure RP

Axure RP ist ein Wireframing, Prototyping, Dokumentations- und Spezifikations-Tool mit besonderem Fokus auf Web und Desktop Applikationen.

Das Unternehmen Axure wurde 2002 gegründet und ist in San Diego, Kalifornien beheimatet. Die Gründer waren selbst mit der Herausforderung von Software Projekten konfrontiert als sie beschlossen, es zukünftigen Produkt-Teams einfacher zu machen. Man braucht gute Tools, um die beteiligten Stakeholder und Umsetzer sowie Projektmanager bei Ihrer Arbeit am gemeinsamen Projekt zu unterstützen. Zur Zeit der Gründung von Axure waren User Experience und Design Thinking noch sehr neue, größtenteils unbekannte Begriffe. Hier bei USECON (gegründet 2001) ging es uns sehr ähnlich. Wir sehen es sehr positiv, dass Tools wie dieses auch in Unternehmen außerhalb von User Experience Consulting Einzug finden und wir mit unseren Kunden gemeinsam an kundenfreundlichen Lösungen arbeiten können.

Technologie wird durch verschiedenste Möglichkeiten im Hintergrund immer komplexer. Im Vordergrund, also dort wo der Kunde seine Kaufentscheidung trifft, muss es aber simpel bleiben – denn der Kunde will schnell das richtige kaufen und zufrieden wiederkommen. Den Kunden interessiert nicht, wie viele Schnittstellen abgerufen werden müssen, damit Sie ihm überhaupt ein Angebot berechnen können. Aber all dies muss geklärt werden, bevor die neue Funktion in Ihrer Kundenapplikation live geht – sonst sind die Änderungen teuer oder kaum mehr umsetzbar. Mit einem Wireframe oder Mockup können schon, bevor auch nur eine Zeile Code programmiert wurde, diese Dinge geklärt werden.

Einfache Prototypen

Genau mit dieser These schickt Axure sein Tool ins Rennen und überzeugt auch genau damit. Hier bei USECON setzen wir Axure genau dafür ein – um gemeinsam mit Ihnen die Projekte klar und zielgerichtet durchführen zu können. Denn mit Wireframes und Mockups kann rechtzeitig verdeutlicht werden, wie ein Bestellprozess aussieht und alle Beteiligten können in den regelmäßigen Meetings ihre Meinung dazu abgeben. Mit Axure können wir interaktive Prototypen bauen und diese mit Ihren Kunden testen. So finden wir heraus, ob die finale Lösung auch wirklich das ist, was Ihr Kunde will und wo er dann sein Geld ausgeben wird.

Mit Axure kann man Flowcharts, Wireframes, Mockups, User Journeys, Personas und Idea Boards generieren und diese gemeinsam auf Realisierbarkeit überprüfen. Axure ist in seiner Bedienung relativ komplex – Tutorials und Erklärungen sind notwendig, um erste Schritte tun zu können. Hat man diese Hürde überwunden, bietet es eine breite Auswahl an Funktionen. Ein neues File ist bereits wie eine Website oder Applikation auf mehrere Seiten ausgelegt und kann mit den verschiedenen Design Elementen mittels Drag und Drop bestückt werden. Ein einfacher Prototyp ist also immer die Basis – komplexere können jederzeit gestaltet werden. Dahinterliegendes HTML kann einfach geteilt werden.

Kontaktieren Sie uns – wir helfen weiter

Wir haben die Erfahrung gemacht, dass mit Axure RP sehr realitätsnahe Mockups und Prototypen realisiert werden können und so unsere Kunden, aber auch Ihre Kunden, lange vor dem Go Live eine Vorstellung haben, wie das Produkt am Ende aussehen wird. Das hat uns schon in vielen Projekten sehr geholfen. Axure RP bietet eine sehr tiefe Auswahl. Im Gegensatz zu anderen Tools am Markt ist Axure RP aber nicht ganz einfach zu bedienen und auch kostenintensiver – macht also vor allem dann Sinn, wenn es regelmäßig eingesetzt wird.

Neben Axure RP setzen wir in unseren Projekten auch das Tool Balsamiq Mockups ein – lesen Sie dazu diesen Blog Beitrag.

Wollen Sie erfahren, wie Sie Axure RP zielführend in Ihren Digitalisierungsprojekten einsetzen können? Michael Bechinie steht Ihnen gerne für Fragen zur Verfügung. Werfen Sie auch einen Blick in unser Trainingsangebot zum Thema Prototyping.

Ein Gastbeitrag von Birgit Harthum.