Beim UX-Design setzen wir uns gerne hohe Ziele. Allerdings müssen wir mit den Grundlagen beginnen.
Low-Fi oder Low Fidelity Wireframes und Mockups sind die ersten Schritte zur Entwicklung hochwertiger Produkte und zur Umsetzung Ihrer Ideen in die Praxis und folgen oftmals der Initiierung eines kreativen Prozesses und der Erstellung eines Moodboards.
Doch was genau ist Low Fidelity?
Grundsätzlich sind Low Fidelity Wireframes einfache Skizzen oder Gliederungen Ihrer Idee. Low-Fi bedeutet, dass keine zusätzlichen Details oder Funktionen (wie Farben, Inhalt oder Navigation) im Design enthalten sind. Eine solche Grundskizze ermöglicht es Ihnen und Ihrem Team, Ihre Ideen auszutesten, bevor Sie viel Zeit und Mühe in den Bau eines detailgetreuen Modells oder Prototyps investieren.
Anders ausgedrückt: Mit Low-Fidelity-Wireframes, Mockups und Prototypen sparen Sie Zeit und Geld, während Sie gleichzeitig effektiver und effizienter brainstormen und Ideen umsetzen können.
Sie können zwar auch auf Papier oder auf einem physischen Whiteboard brainstormen, allerdings bringt Lucidspark das Wireframe mit seinem für die Zusammenarbeit geschaffenen Online-Whiteboard und seiner sofort einsatzbereiten Vorlagenbibliothek auf ein neues Niveau.
Best Practices für das Erstellen von Low-Fi-Mockups in Lucidspark
Mit den folgenden Tipps können Sie Ihre nächste Brainstorming-Sitzung starten und noch heute Low Fidelity Wireframes mit Lucidspark erstellen.
Ihre Ziele mit Hilfe von Notizen definieren
Die besten Brainstorming-Sitzungen sind zielgerichtet, basieren auf Zusammenarbeit und fördern so Kreativität und Innovation – die Teammitglieder greifen Ideen gegenseitig auf und bauen sie aus. Sie benötigen klare Ziele und die richtigen Tools, um dies erfolgreich zu meistern.
Starten Sie Ihr Projekt auf effektive Art und Weise indem Sie Ihre Ziele definieren:
- Welchem Zweck dient das Projekt?
- Wer ist der Kunde?
- Welche Ziele oder Anforderungen gibt es für die Ergebnisse?
- Welche Zeitvorgaben gibt es?
Wenn Sie diese Details von Anfang an festhalten, können Sie den Überblick über Ihr Projekt und Ihr Team behalten. Notieren Sie Ihre Projektdetails im Notiz Bereich oben rechts auf Ihrem Whiteboard. Ihr gesamtes Team kann diese Notizen sehen, weshalb es der perfekte Platz für alle Mitglieder ist, auf geteilte Projektinformationen zurückzugreifen.
Dann können Sie mit dem Brainstorming beginnen.
Mit Notizzetteln brainstormen und zusammen Ideen ausarbeiten
Bei traditionellen Brainstorming Sitzungen wird es oft zur Herausforderung, allen Teilnehmenden die Möglichkeit zu geben, ihre Ideen mitzuteilen. Oft bekommen die lautesten Stimmen die gesamte Aufmerksamkeit und andere Ideen treten in den Hintergrund.
Wenn Sie allerdings auf einem virtuellen online Whiteboard wie Lucidspark brainstormen, ist es für alle Mitwirkenden einfach, ihre Ideen zu teilen und effektiver zusammenzuarbeiten.
Verwenden Sie Online Post its, um Ihre Gedanken am Rahmen des Whiteboards anzuheften und während des gesamten Gesprächs den Überblick über Ideen zu behalten. Notizzetteln sind ein einfaches, aber effektives Tool, um Ideen in den Raum zu werfen und herauszufinden, welche von ihnen Potenzial zur Verwirklichung haben. Zudem können Sie, während die Teilnehmenden dem Board ihre Notizen hinzufügen, die verschiedenen Ideen zusammenfügen und auf den Beiträgen der anderen aufbauen, um einen Plan aufzustellen.
Profi-Tipp: Weisen Sie jedem Teammitglied mithilfe der Funktion „Mitwirkenden-Farben“ eine eigene Farbe für Notizzetteln zu. So können Sie auf einen Blick sehen, von wem welche Ideen stammen und diese genau nachverfolgen.
Mit Hilfe von Abstimmungen zusammenarbeiten und Entscheidungen treffen
Ideen sind erst der Anfang. Wie entscheiden Sie, welche Idee Sie weiterverfolgen wollen? Wenn man mit einer Gruppe eigensinniger Designer zusammenarbeitet, kann es schwierig und mühsam für alle Mitwirkenden sein, auf den gemeinsamen Nenner zu erzielen. (Ganz zu schweigen vom Zeitaufwand.)
Sparen Sie Zeit und optimieren Sie den Entscheidungsprozess mit der Abstimmungsfunktion. Zählen Sie mühelos Stimmen für jede Idee aus, identifizieren Sie Prioritäten und machen Sie die Ideen mit dem größten Potenzial ausfindig.
Hier sind die ersten Schritte:
- Starten Sie eine neue Abstimmungssitzung, indem Sie auf die Team-Tools oben rechts auf dem Board klicken.
- Wählen Sie „Abstimmung“ aus und geben Sie anschließend einen Namen für Ihre Sitzung ein. Am besten wählen Sie einen Namen, der das Ziel der Abstimmung beschreibt. Zum Beispiel: „Welche Ideen gefallen uns am meisten?“
- Weisen Sie die Anzahl der Stimmen, die jede Person erhält, zu und fügen Sie ggf. zusätzliche Anweisungen hinzu.
- Stellen Sie einen Timer ein, wenn die Abstimmung zeitlich befristet sein soll. Außerdem können Sie einstellen, eine Abstimmung nach Ablauf des Timers automatisch zu beenden.
Abstimmungen sorgen für Bewegung und bringen Ihr Projekt voran, während jeder die Möglichkeit hat, seinen Beitrag zu leisten, ohne dabei dem Prozess im Wege zu stehen.
Ideen und Designs mit freier Hand zeichnen oder skizzieren
In puncto Design kann Text Ihre Pläne nur bis zu einem bestimmten Grad veranschaulichen. Manchmal eignet sich das altbewährte Format des Zeichnens einfach am besten. Aber wie funktioniert das auf virtueller Ebene? Lucidspark hat die Lösung für Sie.
Lassen Sie Ihrer Kreativität freien Lauf und bringen Sie Ihre Ideen mit dem Freihandzeichnungs-Tool von Lucidspark auf das virtuelle Papier. Wählen Sie den Stift aus der linken Symbolleiste und beginnen Sie mit Ihrer Arbeit auf dem Board. Sie können schnell eine Freihandskizze zeichnen, mit dem Stift Ideen einkreisen oder Verbindungen zwischen Elementen herstellen. Das virtuelle Whiteboard ist Ihre Arbeitsfläche – machen Sie es sich zunutze!
Vorlagen zur Optimierung des Designs verwenden
Mit Low Fidelity Wireframes nehmen Ihre Ideen erst richtig Gestalt an. Sparen Sie Zeit und beginnen Sie gleich mit der Planung – mit einer einfachen Vorlage.
Lucidspark verfügt über ein breitgefächertes Angebot an Vorlagen, darunter Wireframes für Mobilgeräte, Website Wireframes und Storyboard Vorlagen.
Wireframe für Mobilgeräte
Wenn Sie an einem UX-Design für Mobilgeräte arbeiten, ist die Lucidspark Vorlage ein guter Ausgangspunkt. Die Wireframe Vorlage für Mobilgeräte enthält einen leeren Umriss der gängigen Elemente, die oft auf der Benutzeroberfläche eines Mobilgeräts vorhanden sind.