Before I continue with presenting the prototype, I just want to point you to Dan Harrelson’s post, who also lists Flex as means for prototyping, just in case that you think that Flex might be too unhandy for prototyping. He says:

Whiteboard with printed web pages

In my previous post Interface Design beginnt mit viel Papier und Stift/ I talked about the beginning of the UI design process. Lately, I had the task to redesign a more complex website, where I made use of a whiteboard to see the information architecture behind the scenes. It turned out that the architecture was quite complex so that it was essential for me to expose it, in order to get the information flow quite clear.

Abb.: oben zeigt meinen Prototyp des Podcast Listeners der Prolearn-Academy

Kürzlich habe ich eine schöne Vorlage für Microsoft Visio gefunden mit der ihr sehr einfach und schnell Prototypen bauen könnt. Auf guuui.com findet ihr die Vorlage zu Visio. Viel Spass beim “prototypen” :-)

Heute will ich nochmal ein kurzes Code-Schnippet vorstellen, das mit eventListenern funktioniert und ganz nützlich für Suchanwendungen ist.

Ein Beispiel

Vergleicht doch mal das Wörterbuch Leo mit dem Webdienst Canoo.:

Zur Zeit arbeite ich mit meinem Kollegen Marty an einem Bereich einer Webseite. Um unsere jeweiligen Vorstellungen und Ideen zu kommunizieren, haben wir einen sogenannten Papierprototypen genutzt, eine Mischung aus Zeichnungen, Klebezetteln und einem in Photoshop “gebasteltem” Interface Mock-up (um nochmal mit n paar Schlagwörtern rumzuschmeißen).