Bevor es an die Gestaltung einer Website geht, muss festgelegt werden, wo sich was wiederfinden soll. Navigation, Bilder, Texte, Formulare – alles muss sinnvoll platziert und nichts darf vergessen werden. Mit Mockups lassen sich kleine Modelle von Webprojekten anlegen, bei denen noch nichts gestaltet ist, sondern nur grob die Konzeption eines Projektes skizziert wird. Mit der Web App Moqups gelingen solche Mockups im Handumdrehen.

Moqups

Wer Moqups besucht, stellt schnell fest, dass es hier definitiv nicht um Gestaltung geht. Die einzelnen Elemente, mit denen sich ein Web-Mockup zusammenbauen lässt, sind bewusst schlicht und ungestaltet gehalten. Das macht von Anfang an deutlich, dass hier nur grobe Skizzierungen erfolgen und Design keine Rolle spielt.

Mockups bauen mit fertigen Modulen

In einem Mockup wird in der Regel festgelegt beziehungsweise vorgeschlagen, wo die Navigation untergebracht werden soll, wie Formulare aufgebaut sein sollen und wo sich Logo, Bilder und Texte befinden sollen. Moqups stellt die gängigsten für Websites verwendeten Elemente als Modul zur Verfügung, welches nur in die Präsentationsfläche gezogen werden muss.

Überschriften und Texte mit veränderbarem Blindtext sind ebenso schnell platziert wie Platzhalterbilder. Zusätzliche Elemente wie Diagramme, Kartenausschnitte oder Video-Player können nach Belieben dazugesellt werden.

Bild und Text bequem hinzufügen und bearbeiten

Unterschiedliche Navigationen – zum Beispiel für eine horizontale oder vertikale Menüführung – lassen sich individuell beschriften, sodass konkrete Navigationspunkte bereits im Mockup untergebracht werden können.

Navigation (links) lässt sich per Doppelklick bearbeiten (rechts)

Auch eigene Bilder können im Mockup eingebaut werden, indem diese vorher hochgeladen werden. So ist auch ein Logo schnell eingebunden.

Mockup speichern und teilen

Ist das Mockup fertig, lässt sich ein Link dazu an mehrere E-Mail-Empfänger verschicken. Alternativ gibt es die Möglichkeit, das Mockup als PDF- oder PNG-Datei zu exportieren. Als PDF-Datei wird das Mockup vektorbasiert gespeichert, sodass dieses auch ausgedruckt für Präsentationen geeignet ist. Um Mockups zu speichern und zu teilen, ist es erforderlich, sich kostenlos einen Account anzulegen.

Über den Account können dann mehrere Entwurfsskizzen angelegt werden. Wer schnell Mockups erstellen und mit anderen teilen will, sollte sich Moqups einmal ansehen. Es gibt viele weitere Module, sodass sich ein Blick auf den Dienst auch für weitere Anwendungsszenarien lohnt.