Anforderungen an Website-Prototypen
Jens Meiert, 23. Mai 2007 / 8. Juni 2007.
Vortrag anlässlich der webinale 07 (nicht gehalten).
Inhalt
Definitionen
- Prototyp:
-
Eine projektbezogene Sammlung von statischen und/oder dynamischen Vorlagen basierend auf HTML, CSS und DOM-Scripting.
-
Ein Mikrokosmos Ihrer Online-Investition.
(Entsprechend vor allem der ersten Definition sind im folgenden Faktoren wie technische Basis, Informationsarchitektur oder Qualitätssicherung – durch zum Beispiel automatisierte Tests – von Prototypen nicht relevant.)
Problem
Schlechte (oder gar non-existente) Prototypen kosten Geld.
Anforderungen
Universalität
Alles abbilden, das auch live ist.
(Das »Was«, auf Seitentypen und -elemente bezogen.)
Aktualität
Alles abbilden, das auch live ist.
(Das »Wie«, auf etwaige Nova auf der Live-Website bezogen.)
Realismus
- »Echte« Schlüsselwörter, »echten« Mikrocontent einsetzen.
- Verschiedene Anwendungsfälle abbilden.
Aber: Blindtext ist okay.
(Der Einsatz von realem Mikrocontent bedeutet eine wahrscheinlichere Berücksichtigung konzeptioneller Aspekte sowie ein geringeres Risiko von »Implementierungsverlusten«. »Verschiedene Anwendungsfälle« dienen der Sicherstellung der »visuellen Integrität« – funktionieren bestimmte Teaser-Konstellationen, passt die Zeilenhöhe bei langen Listeneinträgen und so weiter.)
Fokus
Einfach halten, Redundanzen möglichst meiden.
(Erklärtes Ziel: Ein Prototyp soll nie zur Live-Website »verkommen«.)
Zugänglichkeit
Breites Publikum vorsehen:
- Entwickler (zum Entwickeln/Testen),
- Projektmanager (zur internen Inspektion),
- Kunden (zur externen Inspektion),
- Benutzer (für Usability-Tests).
(Während Frontend- und Software-Entwickler logischerweise immer zur Zielgruppe von Prototypen gehören, werden andere Gruppen in der Praxis gerne vernachlässigt. Dies entspricht ungenutztem Potential und letztlich auch herausgeschmissenem Geld. Wichtig bei der »Benutzer«-Gruppe – hier verändern sich die Anforderungen ein wenig, da diese in der Regel mehr Realismus und weniger Fokus erfordert.)
Verfügbarkeit
Fixen URI vorsehen, um:
- fortlaufende Verwendung zu ermöglichen,
- Wichtigkeit des Prototypen zu unterstreichen.
(… im Gegensatz zu »lokalen« Prototypen.)
Verbindlichkeit
- Erfordernisse und Änderungen im Prototyp bedeuten Änderungen in der Implementierung.
- Erfordernisse und Änderungen in der Implementierung bedeuten Änderungen im Prototyp.
(In der Regel beobachtet man eine Verschiebung, sobald eine auf einem Prototypen aufbauende Website ins Netz geht – während vorher der Prototyp maßgebend war, können nach Launch erfolgte Änderungen Anpassungen am Prototypen induzieren.)
Kontinuität
Fortlaufende Wartung, auch nach Projektabschluss.
Möglicher Hauptgewinn: Der nächste Relaunch ist nur ein Redesign.
Kommunikation
Änderungen kommunizieren, egal ob prototyp- oder implementierungsbezogen.
(… logischerweise, durch die vorhergehenden Erfordernisse impliziert.)
Dokumentation
Dokumentieren von Designprinzipien und Charakteristika (Module, Constraints, Fallstricke).
(Auch wenn ein guter, funktionierender Prototyp noch nie an fehlender Dokumentation gestorben ist, ist dies dennoch ein obligatorischer Punkt.)
Nachteile
Ein guter Prototyp erfordert:
- Disziplin.
Vorteile
Ein guter Prototyp bedeutet:
- Leichtere(s) Frontend-Entwicklung und Testen.
- Leichtere und unmissverständlichere Implementierung.
- Leichtere Wartung.
- »Real Life«-Showroom.
… und dadurch:
- Bessere Qualität,
- geringere Kosten,
- mehr Spaß.
(»Mehr Spaß« durch die wesentlich unwahrscheinlichere Frustration, die auftritt, wenn Frontend- oder Webentwickler Fehler beheben müssen, die aufgrund abweichender Implementierung entstanden sind – unerheblich, ob unsorgfältig übernommen wurde oder dies jeweils legitim war, aber unkommuniziert. Wieviele »Schläfer«-Elemente gibt es mittlerweile allein auf Ihrer Website?)
Checkliste
Ist der Prototyp:
- umfassend?
- aktuell?
- verfügbar, jetzt?
Dieser Vortrag kann in der englischsprachigen Übersetzung kommentiert werden (auf Englisch).
