Anmelden



Prototyping – the old school way

20. April 2011 von

Ich habe angefangen, einen ersten Prototypen für das neue Portal zu erstellen. Und dabei erstmal die Finger von der Tastatur gelassen und zu Papier,  Schere, Stift und vielen, vielen Reißzwecken gegriffen. Das war sehr ungewohnt, hat aber Spaß gemacht.  So sind beim Erstellen der einzelnen Seiten fast wie von selbst wiederverwendbare Templates bzw. Inhaltsbausteine entstanden, vor allem eine Reihe von kleinen Infokästen oder Widgets, die ich je nach Hauptinhalt der Seiten gerne jeweils thematisch passend einbinden will.

Fotos jeder fertigen Seite werden als Bild in eine ansonsten leere HTML-Seite eingebunden.  Mit image-maps (danke, danke,  danke an selfhtml.org) kann man in den Bildern anklickbare Flächen definieren und so zwischen den einzelnen Fotos ähnlich wie im späteren Portal navigieren.

<!-- Beipiel:
<map name="start">
 <!-- Navi -->
 <area shape="rect" coords="10,140,112,172" href="index.html" alt="home " />
 </map>

 <img src="suchen.jpg" alt="bild" width="1000" height="838" usemap="#start">
Ende -->

Das geht überraschend einfach, fühlt sich aber merkwürdig an, denn das Produkt sieht eben nach dem aus, was es ist: ein allererster Entwurf als Diskussionsgrundlage. Ganz ungestylt und vorläufig.

So soll es aber auch sein: Denn in diesem Schritt geht es noch nicht um Farben oder Layouts, sondern grundlegend um die Frage, wie das Portal strukturiert,  welche Elemente  auf welchen Seiten eingebunden und wie die Klickwege aussehen sollen. Und dafür taugt dieses Instrument meines Erachtens sehr gut.

Beim ersten Durchgang durch alle Seiten habe ich bis zum Schluss immer mal wieder ein Template  neu angelegt (d. h. : eine Karteikarte zurechtgeschnitten und beschriftet). Am Schluss fehlte aber eine der wichtigsten Recherchemöglichkeiten und der Platzhalter für die primäre Navigation war leer geblieben, der für eine zusätzliche, kontextsensitive Navigation aber in allen Seiten gleich genutzt worden…

Heute vormittag habe ich daher eine zweite, schlankere und konsistentere Version erstellt. Nach ein paar weiteren Überarbeitungen werde ich den Prototypen veröffentlichen und hoffe auf Euer/Ihr Feedback.

Comments are closed.