Clickdummy, Wireframe, Mockup, HTML Prototyp - 4 Begriffe, die für Verwirrung sorgen?!
Mobile App, Mobile Web App, Mobile Website, Optimierte Website, … es gibt wohl noch einige mehr Begriffe, die etwas ganz unterschiedliches beschreiben, fälschlicherweise aber für ein und dasselbe gebraucht werden und deshalb für Verwirrung sorgen. Genauso ähnlich verhält es sich auch bei den Begriffen Clickdummy, Wireframe, HTML Prototyp oder Mockup. Wobei bei letzterem auch noch die Schreibweise “Mock-up” gängig ist. Deshalb widmet sich dieser Blogeintrag ausschließlich diesen Begriffen und zeigt, welcher, weshalb bei insertEFFECT verwendet wird.
3 der 4 genannten Begriffe sind Anglizismen. Deshalb als erstes der Versuch diese “einzudeutschen”:
- Clickdummy: Click steht ganz einfach für das Anklicken. Und Dummy kennt man wohl eher aus der Automobilbranche als eine Puppe, die den menschlichen Körper nachbildet und für Testzwecke verwendet wird. Allerdings kommt der Begriff “Prüfkörper” in diesem Zusammenhang der Bedeutung am nähsten. Heißt also zusammangesetzt: klickbarer Prüfkörper.
- Wireframe: Auch bei diesem Begriff ist es sinnvoll beide Wortteile separat zu betrachen: Wire kann man am besten mit Draht übersetzen und frame bedeutet hier Gerüst. Folglich beschreibt ein Wireframe ein Drahtgerüst für ein System, Programm, etc.
- Mockup / Mock-up: Bei einem Mockup kann man die gängige Übersetzung für Nachbildung heranziehen.
Obwohl diese Begriffe nun etwas eingegrenzt sind, folgt im Weiteren eine Darstellung des praktische Ablaufs, wie bei insertEFFECT ein Clickdummy / Wireframe / Mockup / HTML Prototyp realisiert wird. Dabei spielt der zeitliche, als auch inhaltliche Aspekt eine wichtige Rolle:
Am Anfang fast Jeden Projekts, sei es eine mobile Website, eine normale Webseite oder eine Usability Analyse wird bei insertEFFECT ein Clickdummy / Wireframe / Mockup / HTML Prototyp erstellt. Dieser wird unabhängig von der späteren grafischen Benutzerobefläche umgesetzt. Er soll ausschließlich den Clickflow (Wie klicken sich BenutzerInnen durch die Seite) und das Wording (Wortwahl) von beispielsweise Buttons oder Labels darstellen. Damit der Betrachter nicht vom Design abgelenkt wird, werden Dummygrafiken und Dummyinhalte im Clickdummy / Wireframe / Mockup / HTML Prototypen verwendet. Das fertige Produkt ist über einen (mobilen) Browser abrufbar und Testfelder, Links oder Buttons sind klickbar.
Kurze Zusammenfassung:
Zeitlicher Aspekt: Anfang eines Projekts
Inhaltlicher Aspekt: Dummyinhalte
Abrufbar: über den Browser
Sinn und Zweck: Darstellung des Clickflows und Überprüfung des Wordings
Screenshot eines sehr ausgereiften Clickdummies - umgesetzt in Axure
Werden diese Punkte bei der Wahl der geeigneten Bezeichnung beachtet, so triftt es am ehesten der Begriff “Clickdummy” für Clickdummy / Wireframe / Mockup / HTML Prototyp made by insertEFFECT. Abschließend noch ein paar Worte zur Wahl dieses Begriffs. Im Ausschlussverfahren schwächelt der Begriff Wireframe dahingehend, dass er sehr grob gewählt ist und nicht auf den Zweck eingeht. Bei einem Mockup könnte man meinen, dass die textuellen Anforderungen nachgebildet werden. Allerdings gibt diese Bezeichnung keinerlei Aufschlüsse über den Abstraktionsgrad. Im Gegensatz dazu legt die Bezeichnung “HTML Prototyp” eindeutig fest, in welcher Technologie dieser umgesetzt wird. Zwar ist es wichtig, dass unsere Clickdummies im Browser abrufbar sind, dennoch könnten sie genauso gut in Flash, Objektiv-C, XHTML, … erstellt sein.
Benno hat in einem früherer Blog-Eintrag das Projekt “stellenanzeigen.de” vorgestellt. Diesem Projekt ging auch ein Clickdummy voraus. Dieser ist abzurufen unter http://www.inserteffect.com/showcase/clickdummystmw/.
Vielen Dank an dieser Stelle an www.stellenanzeigen.de für die Zustimmung zur Veröffentlichung des Clickdummies!
Tags: Clickdummy, HTML Prototyp, Konzeption, m.stellenanzeigen.de, Mockup, stellenanzeigen.de, Wireframe