Moqups: Webbasierte intuitive für Mock-Ups

Für Mock-ups, also rudimentäre und schemenhafte Zeichnungen von Webseiten, gibt es viele Tools und Hilfsmittel, die bei der Erstellung solcher Mock-ups behilflich sein können. Der Nachteil ist meistens nur, dass diese Software in den meisten Fällen gekauft werden muss, was sich aber für die seltene Anwendung nicht lohnt. Abhilfe schafft ein neues Tool Namens “Moqups”, welches nicht nur kostenfrei, sondern auch im Browser ausführbar ist.

MoqupsMoqups basiert auf HTML5 und bietet daher einige Möglichkeiten der Realisierung eines Mock-Ups an. So lässt sich zum Beispiel ohne Registrierung ein Wireframe mit mehreren Ebenen und vielen mehr erstellen. Was den Nutzer genau bei Moqups erwartet, wäre viel zu lang, um hier aufzulisten, daher möchte ich jetzt schon sagen, dass ich nicht alle Funktionen und Items erwähnen kann, die dieses sehr nützliche Tool bietet. Auf dem Screenshot auf der rechten Seite wird übrigens die Startseite der Software angezeigt.

Die Software bietet einen sehr großen Pool an Funktionen, der mehr als nur nützlich ist. Stellenweise wirkt er für unerfahrende auch etwas überladen, aber Mock-Ups-Kenner wissen, wie viel Funktionen die Gestaltung eines schemas wirklich braucht. Zunächst einmal bleibt zu sagen, dass in der Browser-App alles seinen festen Platz hat und gut Strukturiert ist.

Wer ein eigenes Mock-Up erstellen möchte, braucht sich nicht zu Registrieren. Die Möglichkeit einer Anmeldung ist gegeben, aber nicht zwingend notwendig. Es stehen genug Werkzeuge zur Auswahl, mit der sich die eigene schemenhafte Darstellung von Webseiten gestalten lässt. Eine kleine Auswahl folgt als Liste:

  • Überschriften
  • Texte
  • Rechteckte/Boxen
  • Links
  • Checkboxen/Radio-Buttons
  • Buttons
  • Formular-Eingabefelder
  • Slider
  • Map- und Bild-Platzhalter
  • Diagramme
  • und vieles mehr

Den Gestaltungsmöglichkeiten sind mit einer sehr großen Auswahl der sogenannten Items keine Grenzen gesetzt, so dass sich jeder Wunsch auch realisieren lassen könnte. Die Items lassen sich einfach per Drag&Drop auf die Vorlage legen. Wer mag, kann sogar eigene Bilder hochladen und für sein Wireframe verwenden, allerdings ist für diese Funktion eine kostenlose Registrierung nötig.

Ein nettes Feature, welches die Browser-Applikation anbietet, ist die Gestaltung auf mehreren Ebenen. Wer also mehr wie nur eine Seite für sein Mock-Up benötigt, kann eine zweite Seite nehmen und so zum Beispiel eine Unterseite simulieren oder eben eine Seite, auf die man nach einem Klick auf einen bestimmten Link gelangt. Wird auf einer Seite mehr Platz benötigt, kann das Hauptfeld durch einfachen ziehen der Maustaste am Rand vergrößert oder eben auch verkleinert werden.

MoqupsDas eine Registrierung keine Pflicht ist, habe ich schon erwähnt. Aber dass die Anmeldung ein paar Vorteile bringt, dazu komme ich jetzt zu sprechen. Denn als registrierter Nutzer stehen mir neben dem Upload eigener Bilder auch Funktionen wie das Speichern eines Mock-Ups bereit. Diese lassen sich dann jederzeit im von mir Bearbeiten oder Löschen – sofern ich eingeloggt bin.

Auch in Bezug auf die farbliche Gestaltung bietet Moqups fast die völlige Freiheit: Für Boxen, Texte, Icons, Buttons und vielen weiteren Items lässt sich über eine umfangreiche Farbpalette die gewünschte Farbe auswählen und einstellen. Besonders Interessant finde ich die Icons, von denen unzählige zur freien Gestaltung zur Verfügung stehen. Diese sind ebenfalls frei einsetzbar, so dass sich diese nicht nur einfach neben Texten platzieren lassen, sondern sich mit den Icons auch Buttons oder Alert-Boxen gestalten lassen.

Wer Moqups testen oder komplett verwenden möchte, findet die Applikation unter www.moqups.com


Ähnliche Beiträge:

    None Found

Leave a Reply

Your email address will not be published. Required fields are marked *