Am Anfang jedes Webprojektes steht die Konzeptionsphase, hier gilt es die verschiedenen Interessen des Kunden mit den Anforderungen des Benutzenden sowie den technischen Möglichkeiten auf einen gemeinsamen Nenner zu bringen.

Beim Entwickeln eines geeigneten Webdesigns und dem Bilden einer sinnvollen Inhaltsstruktur dienen vor allem Skizzen (sogenannte Wireframes einer einzelnen Seite). Diese Skizzen benötigt man in der Regel für die erste Abstimmung mit dem Kunden. Auf den Wireframes werden erste Ideen visualisiert, erste Überlegungen, wo und wie interaktive Elemente platziert werden können so bereits einmal in einem Prototyp zusammengefasst und ausprobiert werden.

Ein Wireframe/Mockup enthält alle nötigen Elemente wie Navigation, meistens erste Inhalte sowie Funktionsbeschriebe, allerdings alles in Skizzierform (rudimentär dargestellt). Die Details werden erst im endgültigen Design ausgearbeitet.

Also werden nur wirklich benötigte Elemente kreiert und ausgearbeitet. Mit spezieller Software werden digitale Skizzen mit Dummyfunktionen, also erste Prototypen erstellt. Dies eignet sich um Interaktivität zu visualisieren und als Diskussionsgrundlage im Dialog zwischen Designern, Entwicklern und Kunde.

Bei der Evaluation einer geeigneten Software stösst man auf sehr viele Produkte. Einige haben wir hier zusammengestellt.

FlairBuilder
http://www.flairbuilder.com/
Sehr umfangreiche Software mit allen gewünschten Tools. Eignet sich auch für Smartfon-Prototyping.

MockFlow
http://www.mockflow.com
On-/Offline-Version, Echtzeit-Kollaboration, Sitemap-Funktion. Eignet sich für den professionellen Bereich. Für MockFlow gibt es eine breite Bibliotheks-Palette.

Axure
http://www.axure.com
Sehr umfangreiche Software, eignet sich zur Entwicklung komplexer Portale, Shops und Multimedia-Galerien. Läuft auf Mac und Windows.

Pidoco
https://pidoco.com/de
Ideal um klickbare Wireframes zu erstellen. Einfach das Interface ist einfach und intuitiv aufgebaut. Echtzeit-Kollaberation im Web möglich.

Pencil (AdOn für FireFox)
https://addons.mozilla.org/de/firefox/addon/8487
Sehr einfach gehalten, eignet sich für schnelle einfache Ideenskizzen. Balsamic (online, gibt es auch Kostenpflichtig) Sehr intuitiv, kann schnell angewendet werden. Breite Exportmöglichkeiten als XML, PDF etc.