Donnerstag, 16. August 2012

Mockup

Die Webseiten-Attrape


Vor der Veröffentlichung einer Webseite steht auf jeden Fall eine Planung. Zumindest dann wenn man entweder eine professionelle Webseite aufbauen möchte oder keine sonderlichen Kenntnisse über das professionelle Internetgeschehen hat. Oder beides.


Die Planung ist sehr wichtig. Sehr, sehr wichtig. Das Resultat soll schließlich für einige Zeit im Internet als repräsentatives Aushängeschild Besucher überzeugen.

Zur Planung gehört nicht nur eine Kurzdefinition wie beispielsweise "Mein Plan ist es, eine Webseite im Internet zu machen". Professionelle Planung ist wirklich umfangreich. Man muss so einiges wissen.

Jetzt und hier geht es aber erst mal nur um Mockup. 



Eine der wichtigen Bereiche vor Veröffentlichung eines Produktes ist die Visualisierung. Das Aussehen und Design.


Wie soll das Webprojekt aussehen? Welche Funktionen soll es beinhalten, wie soll es struckturiert sein?

Mockup heißt aus dem englischen übersetzt so viel wie Muster, Schablone oder Modell. Im diesem Zusammenhang wird auch der Begriff Wireframe genutzt. Das bedeutet übersetzt Drahtgitter. Wireframes waren ganz einfache Drahtgestelle für Modeschneider, als Schneiderpuppen für konfektionierte Größen.



Mockup-Tools

Ein Mockup ist sozusagen ein Prototyp der erstellt werden sollte. Der Prototyp einer Webseite, eines Blogs oder einer App. So einenn Prototypen kann man mit Papier, Bleistift und Lineal erstellen oder mit sogenannten Tools.

Erstellt man einen Papier-Prototypen spricht man auch von "Paper-Prototyping". Mit Papier, Schere Klebstoff, Farbe, Zeichenwerkzeugen und sonstigen Materialien werden Urtypen des Produktes gebastelt.

Das ist ratsam, weil man sich wirklich und lang mit dem Produkt auseinandersetzt. 

Im Zuge der Softwareentwicklung entstanden für die Entwicklung von Webprojekt-Modellen sogenannte Mockup-Tools. Softwarebasierte Entwicklungsumgebungen zur Erstellung von Prototypen.

Hier ein Link zu einem Artikel der fünf Mockup-Tools kurz vorstellt:
http://t3n.de/magazin/funf-mockup-tools-kurz-vorgestellt-wireframes-erstellen-224089/

Keine Kommentare:

Kommentar veröffentlichen