"Gitter" von rudolf_schuba auf flickr.com

“Immer schauen, wie’s die Profis machen” ist eines meiner medienpädagogischen Mottos, und das hat mich jüngst zu einer neuen Erkenntnis gebracht: Wireframes sind eine geniale Methode, um mit mehreren Menschen an einem Website-Entwurf zu arbeiten. Die Gittermodelle (manchmal auch “Mock-up” genannt) stammen aus der professionellen Webentwicklung, sind meiner Meinung nach auch ein guter Ansatz, um während eines medienpädagogischen Website-Projektes mit einer Gruppe gemeinsam die Grundstrukturen einer Website festzulegen.

Wie das aussieht, was die Vor- und Nachteile sind, das erklären zwei Artikel der Webkrauts und von Dr.Web. Stellt sich nur noch die Frage, wie mensch solch einen Wireframe denn konkret erstellt. Dafür gibt es verschiedene Herangehensweisen mit herkömmlichen Programmen wie bspw. Photoshop. Ein Tutorial im InteractionDesign Blog erklärt das genauer. Sehr schön, praktisch und funktionell finde ich aber auch eine webbasierte Lösung wie Mockingbird. Viel Spaß beim Entwerfen!

Verwandte Artikel

• HTML5 kommt… (1)
• Animierte Websites erstellen – mit youtube&Co. (1)
• Was Sie sich schon immer zu Photoshop gewünscht haben… (1)
• Tutorials zu HTML, CSS & Co. (0)
• Professionelles Webdesign im Web2.0 (0)