21.09.2019
Mindmap innerhalb der Wände von UI/UX
Saurav Pandey ist Produktdesigner bei Snapdeal. Er liebt es, erfreuliche Erlebnisse zu schaffen, indem er Pixel und Vektoren verwendet, um sie zu vermitteln. Er fand, dass ein mindmap ein nützliches Werkzeug zur Konzeptanreicherung ist, und er verwendete Xmind in seinen UI/UX-Projekten. In diesem Artikel teilt er seine Einsichten und wie Xmind ihm bei seinen Projekten hilft.
Das Ausdrücken eines komplexen Gedankens kann herausfordernd sein, jedoch entwirrt Xmind eine Strategie, die als mind mapping bekannt ist und den Prozess erheblich erleichtern kann.
Mind Mapping
„Ein gut formuliertes Problem ist ein halb gelöstes Problem“
Ein mindmap ist ein nützliches Werkzeug zur Konzeptanreicherung. Ein starker Schwerpunkt sollte auf mind mapping gelegt werden, da es hilft, neue Ideen zu generieren und Beziehungen zwischen verschiedenen Daten und Informationen zu erkennen.
Ich persönlich bevorzuge Xmind, um mindmaps zu erstellen.
Ein Beispiel für eine Mind map aus einem meiner Projekte
Xmind ermöglicht es Ihnen, ein Diagramm zu erstellen, bei dem eine übergeordnete Idee in verwandte Ideen unterteilt wird.
Um zu beginnen, geben Sie Ihre Kernidee ein und fügen Sie dann weitere „Knoten“ oder Unterthemen hinzu. Jeder kann sich weiter in Unterknoten aufteilen, die wiederum in weitere Unterknoten aufgeteilt werden können. Wenn Sie irgendwann den Überblick verlieren, schauen Sie sich einfach die laufende Liste aller von Ihnen erstellten Knoten an.
Mind maps bestehen aus mehr als nur Wörtern: Man kann Symbole, Bilder hinzufügen, um sie aufzupeppen oder Knoten leichter auffindbar zu machen.
Über das Brainstorming hinaus ist mind mapping auch hilfreich, wenn man ein umfangreiches Projekt in konkrete Handlungspunkte zerlegen möchte.
ABC des Zeichnens einer Mind Map
Das Baum-Modell
Die meisten Mind Maps folgen dem Baum-Modell: Sie beginnen mit einem einzelnen Objekt, das häufig in der Mitte positioniert ist, und entwickeln dann mehrere Zweige, die verwandte Konzepte darstellen. Jeder Zweig kann sich in zwei oder mehr Zweige aufteilen, aber sie verschmelzen nie miteinander: Die gesamte Karte ist ein hierarchisches Schema, bei dem jedes Objekt nur einen „Elternteil“ hat, aber mehrere „Kinder“ haben kann.
Entworfen in Xmind
Aufgrund seiner geringen Komplexität ist dieses Modell schnell und einfach zu verwalten, aber manchmal erlaubt die Einschränkung der hierarchischen Beziehungen keine sinnvolle Darstellung: Manchmal benötigen wir mehr Flexibilität.
Eine Mind Map für UX-Designer
Wie gesehen, sind Mind Maps Werkzeuge für Brainstorming, Mustererkennung und Prozessvisualisierung, daher gibt es unendlich viele Wege, wie eine Mind Map in unserer UX-Design-Arbeit nützlich sein kann. Aber ich fand eine Art von Mind Map speziell für uns nützlich, weil sie die Entitäten und die Art zeigt, wie wir sie verbinden: die Ontologie-Karte.
Die Ontologie ist das philosophische Studium des Seins, es untersucht Konzepte, die sich direkt auf das Sein beziehen, sowie die grundlegenden Kategorien des Seins und ihre Beziehungen.
Die Ontologie-Karte hat einige Ähnlichkeiten mit dem Datenbank-Relationship-Diagramm, das von Entwicklern verwendet wird, und tatsächlich haben sie dasselbe Ziel: Sie wollen die Beziehungen zwischen den bestehenden Objekten des Systems darstellen. Dennoch ist die Ontologie-Karte häufiger ein Entwurfswerkzeug als ein Dokumentationswerkzeug, daher verwenden wir sie hauptsächlich in den frühen Phasen des Projekts, um zu definieren, wie das System funktionieren kann.
Ontologie-Karte von Jack Magma Studio
Merkmale einer Mind Map
Klare Organisation und Struktur. Mind maps sind auf Baumstrukturen beschränkt. Sie haben klare, gerichtete Flüsse vom Baumstamm zu seinen Blättern.
Ein zentrales Thema. In mind maps haben alle Knoten (außer dem Baumstamm) nur einen Elternknoten. Jeder Knoten kann Kinder haben, die den Unterthemen dieses Konzepts entsprechen. Jedes Konzept in einer mind map kann direkt zum Hauptthema zurückverfolgt werden.
Keine Definition von Beziehungen. Es gibt keine Unterscheidung zwischen verschiedenen Arten von Beziehungen zwischen Knoten — alle Kanten im Baum sind gleich dargestellt und nicht beschriftet.
Einsatzmöglichkeiten im UX
Mind maps helfen, eine Sammlung von Informationen, die mit einem einzigen Thema verbunden sind, zu organisieren und systematisch und sinnvoll zu strukturieren. Im UX sind sie hilfreich, wenn man kategorische Ideenarbeit macht, wie zum Beispiel:
Komponenten auf einer bestimmten Webseite aufschlüsseln — beispielsweise um die Mini-Information Architecture der Seite zu bestimmen
Themen innerhalb einer Website planen
Informationen in einer getrennten und viel besseren Weise abbilden
Coole Funktionen, die Xmind bietet
Xmind-Funktionen, die mir persönlich am meisten gefallen oder mir am meisten helfen, sind: Nahtloses Erlebnis über alle Geräte hinweg: Mind maps können einfach auf Laptop und mobilen Geräten gefunden werden, und Xmind funktioniert perfekt über verschiedene Plattformen hinweg.
Dunkles UI: Xmind: ZEN unterstützt den Dunkelmodus auf jeder Desktop-Plattform. Die Benutzeroberfläche kann in den Einstellungen zwischen hell und dunkel gewechselt werden.
Fazit
Eine Mind Map auf der Mikroebene zu zeichnen, kann wirklich schwierig und oft nutzlos sein. Insgesamt ist es während der frühen Designphasen produktiver, Lo-Fi-Karten zu erstellen, anstatt Zeit damit zu verschwenden, sie im Detail zu kodifizieren.
Jeder Designer wird seine eigene Vorliebe für das Modell haben, das ihm am meisten gefällt, nachdem er die Vor- und Nachteile abgewogen hat. Ich persönlich bevorzuge das Baum-Modell wegen seiner Einfachheit.
Hinweise: Dieser Artikel wurde von Saurav Pandey auf Medium veröffentlicht.
