Vom Modell zum Code
Werkzeuge
Welche Werkzeuge können verwendet werden, um Webseiten optimal für den Einsatz im Cyberspace zu gestalten? Es gilt unzählige Aspekte zu beachten und unsere Spezialisierungen hat ein unüberschaubares Feld an Arbeitswerkzeuge erzeugt.
Prototypen & Referenzdesign
Die Gestaltung einer Webseite fängt nicht mit der visuellen Grafik an. UX-Architekten und BackEnd-Architekten bauen das Fundament der Webseitenstruktur (Wireframe/Sitemap/Flow-Chart). Aufbauend darauf, erstellen Webdesigner:innen ein Referenzdesign für spezifische Viewports. Diese werden zu interaktiven Klick-Prototypen (UX-Tests und Kundenpräsentationen) zusammengefügt und allfällige Interaktionen dazu animiert. Diese Prototypen geben immer nur Bruchstücke des finalen Produktes wieder.
Umsetzung
Die FrontEnd Entwicklung setzt die Referenzdesigns in ein responsives Webdesign um. Das BackEnd baut die Funktionalität und das CMS dazu. Dies ist die echte Webseite und das echte Design.
Wenn Designer:innen nicht nur Modelle, sondern echte Gestaltung im Web machen wollen, müssen sie Werkzeuge und Techniken lernen die HTML, CSS und Javascript anwenden.
Ich bin überzeugt, dass Gestalter:innen die visuelle Verantwortung für den Layout-Teil des FrontEnd übernehmen sollten. Damit der tiefe Graben zwischen Design und Entwicklung sich verschiebt und ebnet.
