Begriffe aus der Webentwicklung
Wireframe
Auf Deutsch “Drahtgitter”. Eine abstrahierte schwarz-auf-weiss Risszeichnung von Ansichten (von Hand auf Papier oder mit einem Tool). Hiermit wird die Applikation oder de Webauftritt im Layout/Gestaltungsrahmen der einzelnen Ansichten grob skizziert und die Nutzerführung unter Beachtung der Hauptaspekte Zustand, Fokus und Kontext durchdacht und durchgespielt. Meistens Anhand von Nutzerszenarien, auch “User Stories” genannt.
Nutzerszenario / User Story
Eine kleine Geschichte, die mit imaginären Akteuren/Personen ein spezifisches Anwendungsszenario durchspielt. Ziel eines Nutzerszenarios ist es, die involvierten Vorgänge zu verstehen und zu den einzelnen Vorgängen und den betroffenen Teilen der Applikation oder des Webauftritts den passenden Begriff zu finden, diese Teile zu beschreiben, voneinander zu unterscheiden und miteinander in Bezug/Relation zu setzen.
Screendesign
In einem anderen Grafikprogramm „gemalte“ / erstellte Ansicht einer Website in einem Browser. Screendesigns werden heute eher nicht mehr verwendet, weil die verschiedenen Bildschirme verschiedene Layouts haben (siehe Mockup bzw. Style Tile).
Style Tile
„Stilkachel“ – In Photoshop oder einem anderen Grafikprogramm erstellte Ansicht von Stilbeispielen. Farben, Fonts, Logo, Whitespace, Interaktive Elemente und ähnl. werden hier in einer Ansicht zusammengefasst. Anders als in einem Screendesign oder einem Mockup werden keine Inhalte oder Interaktionen direkt dargestellt, es geht um die Vermittlung des gestalterischen CDs der Website. Eine Style Tile kann auch CD-Hinweise für nicht-online Medien, wie Print, bieten. Dies ist heute üblicher als ein Screendesign.
Mockup
HTML Ansicht der Website mit Effekten, interaktiven Elementen aber ohne tiefergehende Funktionen oder ausgebautes Backend. Ein Mockup kann ggf. auch in einer exotischeren interaktiven Technologie, wie z.B. Apple Keynote oder MS Powerpoint erstellt sein.
Prototyp
Funktionierende Applikation, in einer anderen Technologie als die finale Implementierung, meist schnell erstellt oder auf Basis einer alten überholten Version. Meistens werden geplante Prototypen nicht fertig entwickelt, sondern für konzeptionelle Tests oder Technologietests verwendet.
Webdesign
Ist nicht Screendesign. Beinhaltet die Erstellung der Ansicht von Websites mit HTML Code und CSS Stilen. HTML & CSS sind kein Programmcode sondern Dokument- und Stilbeschreibung.
Applikation („Programmierung“)
Erstellung von Software (z.B. Webapplikationen oder Websites mit interaktiver Funktionalität) mit meist turing-vollständiger Logik. Programmiersprachen sind PHP, JavaScript, Java, C++, etc.
Randbereiche von Programmierung sind Sprachen oder Systeme, die nicht Turing-Vollständig sind. Beispiel: Man programmiert seine Heizungsanlage, hat aber da nur eingeschränkte Möglichkeiten.
Die Begriffe werden oft gemischt oder synonym verwendet. Das ist nicht immer ein Problem, verwechseln sollte man sie, wenn es darauf ankommt, trotzdem nicht. Zum Beispiel wenn es um die Aufgabenverteilung in einem Webprojekt geht.
Das passiert leider zu oft und kann zu problematischen Missverständnissen führen. Wenn zum Beispiel jemand grafsiche Entwürfe für Webdesign hält. Im Zweifel sollte man nachfragen.