Die Umsetzung eines Projektes beginnt oft mit der Erstellung sog. Mockups – sprich dem Prototypen der Benutzeroberfläche bzw. des Layouts. In diesen Skizzen werden Funktionen und die Anordnung von Elementen festgehalten und auf Basis dieser Wireframes vom Designer in den ersten Layoutentwurf übergeführt. Wenn man nicht gerade mit Stift und Papier arbeiten will oder kann, lassen sich hierfür auch Online Tools verwenden, von denen wir hier zwei empfehlen möchten:
Beide unterstützen neben dem schnellen erstellen von Wireframes via Drag-Drop und diversen Shortcuts auch eine “real-time collaboration”. Dies hat den Vorteil, dass beteiligte Personen, die einen Prototypen erarbeiten nicht zwingend in einem Raum sitzen müssen sondern zusammen an den Mockups in einer Telefonkonferenz arbeiten können. Die durchgeführten Änderungen erscheinen in Echtzeit auf dem Bildschirm des Kollegen oder Kunden und können von diesem ebenso modifiziert werden.
Auf diesem Weg lassen sich oft auf kurzem Weg Entscheidungen treffen, die sonst langwierig im Ping Pong über E-Mail kommuniziert werden. Die vom Kunden abgenommenen Mockups können dann für das Pflichtenheft verwendet werden und dienen zudem dem Webdesigner als Vorlage für seine Arbeit am Layout des Webprojektes.
