Graue Materie – Was ist eine Mind Map im Designprozess?

Beim Brainstorming eines neuen Produktkonzepts oder beim Bewerten einer Idee für eine neue Funktion während des Produktdesigns gerät das Notieren manchmal außer Kontrolle – am Ende können Seiten mit Kritzeleien stehen, die oft eher verwirrend als hilfreich sind. Mind Maps sind eine großartige Möglichkeit, Gedanken produktiver zu organisieren.

Was ist eine Mindmap?

Mindmaps werden aufgrund ihres Aussehens auch Sprühdiagramme und Spinnendiagramme (oder kurz Spinnendiagramme) genannt. Diese Methode und der Begriff „Mind Map“ wurden 1974 von Tony Buzan, einem britischen Psychologen, Autor und Bildungsberater, während einer BBC-Fernsehserie mit dem Titel „ Use Your Head “ bekannt. Die Verwendung von Diagrammen, die Informationen visuell abbilden, gab es jedoch schon lange vorher.

Da Mind Maps eine zweidimensionale Struktur haben, zeigen sie uns die Form des Themas, die relative Wichtigkeit jedes Punktes und wie die Fakten zueinander in Beziehung stehen. In der Lage zu sein, all dies an einem Ort zu sehen, hilft uns, Informationen effizient zu überprüfen, uns besser an sie zu erinnern und die kreative Problemlösung zu verbessern.

Mind Maps sind effektiv, weil sie die natürlichen Tendenzen unseres Geistes nutzen, visuell zu denken und ein Thema durch Assoziationen zu verstehen. Selbst die abstraktesten Denker erinnern sich besser an Bilder als an jede andere Art von Information. Mindmaps sind auch sehr flexibel in der Natur. Sie können verwendet werden, um verschiedene Arten von Informationen zu vermitteln – eine Reihe von Schritten, eine Informationshierarchie oder zufällige Gedanken zu einem bestimmten Thema.

Die Anatomie einer Mindmap

Mind Maps beginnen immer an einem zentralen Punkt, dem Hauptthema, und verzweigen sich in Unterkomponenten. Hier ist ein Beispiel für eine einfache Mindmap:

Neben hierarchischen Linien (den Hauptzweigen) können Mind Maps auch Beziehungslinien haben. Diese können als gepunktete Linien angezeigt werden, die Beziehungen zwischen Elementen anzeigen, die auf verschiedenen Zweigen vorhanden sind.

Obwohl im obigen Beispiel nicht dargestellt, können Mindmap-Knoten auch Bilder oder Symbole enthalten. Solche Karten haben keine starre Struktur. Das macht sie großartig. Sie sollten so frei fließend sein wie der Denkprozess einer Person.

Wann sollten Mind Maps im Produktdesignprozess verwendet werden?

Beim Versuch, ein Thema zu verstehen, können Mindmaps jederzeit während der Recherchephase im Produktdesignprozess verwendet werden. Im Design-Thinking-Prozess ist Mindmapping eine nützliche Übung in den ersten drei Phasen: Einfühlen, Definieren und Ideenfindung.

Wenn Designer ein neues Projekt starten, hat wahrscheinlich jeder im Produktteam eine vage Vorstellung davon, wie dieses Projekt aussehen sollte. Das Aufzeichnen des Systems wird allen helfen, Klarheit zu gewinnen, sodass das Team, wenn es beispielsweise an der Zeit ist, eine App zu verdrahten, ein klares Bild von dem System hat, das es erstellen muss – was die Hauptabschnitte der App sind, welche Funktionen sie benötigen haben, wie diese Funktionen mit dem Rest des Systems interagieren und so weiter.

Oft hilft die Mind-Mapping-Übung dem Team, viele Dinge zu entdecken, die nicht richtig durchdacht wurden oder eine Entscheidung erfordern. Dies ist auch eine großartige Zeit für Designer, um über das zu lösende Problem nachzudenken und darüber, ob das zu entwerfende System das Problem löst oder nicht. Der direkte Sprung zum Wireframing und Prototyping kann oft dazu führen, dass sich Teams in den Details verlieren, mit UI-Elementen und Text herumspielen und versuchen, die Systemarchitektur zu verstehen, während sie gehen.

Ein praktisches Mindmap-Beispiel

Stellen wir uns folgendes Szenario vor. Ein Start-up-Gründer möchte eine mobile App für Tierbesitzer und Betreuer entwickeln, in der Tierbesitzer einen Job veröffentlichen können, um mit einem Hund Gassi zu gehen, ein Haustier zum Tierarzt zu bringen oder sich um einen pelzigen Freund zu kümmern, während ihre Besitzer im Urlaub sind. Das anfängliche Briefing des Kunden enthält eine Beschreibung dessen, was die App leisten muss, einige Wettbewerberbeispiele und einige Details zum Zielmarkt.

Nach einiger Recherche hat das Produktteam ein klares Bild des Problems, der Benutzerpersönlichkeiten und des Wettbewerbsvorteils des Unternehmens. Jetzt ist es an der Zeit herauszufinden, was die App tun muss und wie sie es tun wird.

Dieses System benötigt zwei Arten von Konten: Haustierbesitzer und Betreuer. Schauen wir uns die Seite der Pflegekräfte an. Was würden sie in der App brauchen? Höchstwahrscheinlich folgendes:

• Verfügbare Berufe
• Profil
• Einstellungen
• Ein Ort, an dem sekundäre Elemente abgelegt werden können (Nutzungsbedingungen, Link zum Bewerten der App, Kundensupport usw.)

Lassen Sie uns als Nächstes jeden Abschnitt aufschlüsseln. Woraus würde Jobs bestehen? Höchstwahrscheinlich folgendes:

• Verfügbare Berufe
• Filter- und Sortierfunktionen
• Eine Liste mit „Lieblingsjobs“.
• Eine Geschichte der Jobs, für die sie sich beworben haben
• Eine Liste ihrer laufenden Jobs

Machen wir noch einen Zweig: Was müsste eine Jobseite enthalten? Zum Beispiel:

• Jobbeschreibung
• Abholort für Haustiere
• Eigentümerprofil
• Haustierprofil
• Bezahlung angeboten
• Eine Schaltfläche zum Anwenden
• Eine Schaltfläche zum Speichern/Markieren als Favorit

Dieser Mind-Mapping-Prozess geht weiter und weiter, bis das gesamte System abgebildet ist. Da es in diesem Fall zwei Arten von Konten gibt, die miteinander interagieren, würden sich zwei Mindmaps auf derselben Leinwand befinden, mit gepunkteten Linien, die Beziehungen zwischen verschiedenen Elementen zeigen, die miteinander interagieren.

Wenn das Produktteam diese Übung durchführt, stellt es oft fest, dass viele Fragen auftauchen – zum Beispiel, ist die Bezahlung fest oder gibt es eine Art Bietsystem? Übernimmt die App nach Auftragsvergabe die Kommunikation zwischen Tierhalter und Pfleger oder zeigt sie einfach die Kontaktdaten aus dem Profil des Halters an?

Solche und ähnliche Fragen würden bei einem Treffen mit dem Startup-Gründer beantwortet. In gewisser Weise ähnelt dieser Schritt der Übung „Experteninterviews“ in Design Sprints, außer dass das Ergebnis mehr als eine Liste von Problemstellungen ist.

Apps für Mindmapping

Es gibt eine Fülle von Mind-Mapping-Apps, die es zu erkunden gilt, aber um es einfach zu machen, hier drei Empfehlungen: Coggle, Miro und Whimsical.

Coggle hat die meisten Funktionen zum Zeichnen von Mindmaps, ist billig und speichert Karten auf Google Drive. Der Free Forever-Plan eignet sich hervorragend zum Testen und zur leichten Nutzung. Kostenpflichtige Pläne kosten 5 $/Monat für den persönlichen Gebrauch und 8 $/Benutzer/Monat für Teams.

Miro ist ein toller Allrounder, der viel mehr kann als Mind Mapping. Es kann für User Story Maps, Customer Journey Maps, Flussdiagramme, Kanban-Boards, Wireframes und mehr verwendet werden. Der kostenlose Plan erlaubt maximal drei Projekte. Bezahlte Pläne beginnen bei 12 $/Monat für Berater und 40 $/Monat für Teams mit mindestens fünf Mitgliedern. Miro hat auch Apps für Desktops und mobile Geräte.

Whimsical ist ein weiteres großartiges Tool, das neben Mind Maps auch Flussdiagramme, Haftnotizen und Wireframes erstellen kann. Der kostenlose Plan umfasst vier Boards. Bezahlte Pläne kosten 10 $/Monat für Einzelpersonen und 12 $/Benutzer/Monat für Teams.

Tipps zur Mind-Mapping-Technik

Machen Sie es nicht zu ordentlich. Widerstehen Sie dem Drang, die Karte zu ordentlich zu machen und alles perfekt auszurichten. Diese Übung soll schnell und schmutzig sein. Es sollte nicht so sauber aussehen wie beispielsweise eine Sitemap.

Bringen Sie mehrere Karten auf dieselbe Leinwand. Es gibt keine Regel, wie viele Karten auf derselben Leinwand vorhanden sein können. Bei komplexen Systemen kann es mehrere Karten für verschiedene Benutzerrollen, verschiedene Apps geben, die Teil desselben Ökosystems sind, oder die alte Version einer App und die neue.

Geben Sie die Hierarchie auf der Karte an. Obwohl Mind Maps von Natur aus hierarchisch sind, sind einige Zweige, die gleich aussehen, oft wichtiger als andere. Denken Sie beim Zeichnen der Karte darüber nach, was die wichtigsten Zweige eines bestimmten Knotens sind, und heben Sie sie mit Farbe, einem Symbol oder einer Textgröße hervor. Um auf das obige Beispiel zurückzukommen, der wichtigste Teil des Jobs-Bereichs ist die Liste der „laufenden Jobs“. Wenn Sie solche Dinge auf der Mindmap notieren, wird das Wireframing viel einfacher.

Braindump, dann verfeinern. Vermeiden Sie es, bei der ersten Iteration einer Mind Map zu wertvoll zu sein. Lassen Sie Ideen freien Lauf und setzen Sie sie auf die Karte. Einige Ideen ergeben keinen Sinn oder müssen in andere Zweige verschoben werden. Das ist okay. Bearbeiten und verfeinern Sie es im zweiten Durchgang, wenn Sie den Mind-Mapping-Prozess durchlaufen.

• • •

Weiterführende Literatur im Toptal Design Blog:

• Tipps und Überlegungen zur Auswahl einer Schriftart (mit Infografik)
• Hören Sie nicht auf Kunden – Warum User Research wichtig ist
• Bleiben Sie cool: So nehmen Sie Design-Feedback strategisch auf
• Der vollständige Leitfaden zu UX-Forschungsmethoden
• Branding ist tot, CX-Design ist König