Interaktionsdesign

Webseiten enthalten immer mehr interaktive Elemente. Da können Produkteigenschaften konfiguriert und Suchfilter gesetzt werden und vieles andere mehr. Und die Abstimmung, wie das gestaltet werden soll, endet nach hochemotionalen Diskussionen im finalen Eskalationsmeeting allzu häufig nach dem HIPPO-Prinzip:  Die „Highest Paid Person’s Opinion“ zu Farbverlauf und anderen „hochwichtigen“ Details setzt sich durch und ist dann um jeden Preis umzusetzen…

Doch es geht auch anders: Valiton hat sehr gute Erfahrungen damit gemacht, Interaktionsdesign und grafische Ausgestaltung zu trennen. Im ersten Schritt werden in sogenannten Wireframes ohne Farben und Bilder die interaktiven Elemente konzipiert. Das geht soweit, dass pixelgenau Maße vorgegeben werden und die Interaktion vollständig simuliert werden kann. Dafür eignet sich (eine ehrliche Empfehlung ohne jegliche kommerzielle Verflechtung) hervorragend das Tool Axure RP Pro. Denn mit diesem Tool lassen sich auf Knopfdruck Klickdummies generieren, an denen dann direkt die Funktionalität erlebt werden kann. Dies ist eine optimale Basis, um unabhängig von Farbgeschmacksfragen die Interaktion zu planen und in effizienten Abstimmungsrunden zu finalisieren.

Zusätzlich besteht die Möglichkeit, eine Bibliothek von Standardelementen anzulegen. Auf dieser Basis kann eine neue Seite in wenigen Minuten per Drag & Drop zusammengestellt werden. Sehr vorteilhaft ist in diesem Zusammenhang natürlich auch, dass bei Änderung eines Elements die Aktualisierung automatisch auf allen Seiten erfolgt, die das Element verwenden. Das spart wertvolle Zeit bei der Spezifikation. Heraus kommt ein Set an Wireframes, auf deren Basis die Java- und PHP-Spezialisten zielgerichtet das Backend entwickeln können. Auch die Visual Designer sind glücklich: Sie müssen nicht mehr die offenen Interaktionsprobleme lösen, sondern können sich voll auf ihren Job konzentrieren, durch optimales grafisches Design und Bildauswahl die Marke zu stärken.