Mock-Up Tools Von Victoria Pohl 13.12.2018.

Präsentation zum Thema: "Mock-Up Tools Von Victoria Pohl 13.12.2018."—  Präsentation transkript:

1 Mock-Up Tools Von Victoria Pohl

2 Inhaltsangabe Definition
Einordnung des Tools (Wireframes, Mock-Ups, Prototyping ) Funktionen des Mock-Up Tools Beispiel Quellen Victoria Pohl

3 1. Definition des Mock-Up Tool
„…ist ein digital gestalteter Entwurf von einer Website und/oder App, der die Navigationsstruktur, Site- und Design-Elemente im Detail beinhaltet…“ aus dem Engl.: Attrappe, Nachbildung meist reines Grundgerüst der Bedienungselemente ohne weitere Funktionalität zur Präsentation und Qualitätskontrolle von Grundfunktionen, Navigation, Inhaltsarchitektur und Design verschiedene Formen vorhanden (statisch, modern) Victoria Pohl

4 1. Definition des Mock-Up Tool
frühzeitiges Erkennen von möglichen Problemen Verringerung des Risikos, dass ein Konzept mitten in der Entwicklungsphase überarbeitet werden muss Zeit- und Kostenersparnis innerhalb eines Online-Projektes  neben Mock-Ups bezeichnen auch Wireframes und Prototyping die Entwicklung von Ideen in verschiedenen Stadien Victoria Pohl

5 2. Einordnung Victoria Pohl

6 2. Einordung Mock-Up: Prototyp: = Vorführmodell = funktionierende App
Grundgerüst einer App ohne Programmierung Prototyp: = funktionierende App - immer interaktiv Victoria Pohl

7 3. Funktionen des Mock-Up Tool
 Fertige Vorlagen: Tools auch Stencils genannt Websites Handyprofile Textfelder Suchfelder Videofelder … Victoria Pohl

8 3. Funktionen des Mock-Up Tool
 Klickbarkeit: = in wenigen Schritten interaktive „Klickdummies“ bauen als Vorlage für späteren funktionalen Prototyp Bilder und Textfelder lassen sich leicht und einfach anordnen/bearbeiten Kommentare können problemlos eingefügt und angezeigt werden Victoria Pohl

9 3. Funktionen des Mock-Up Tool
Farbigkeit: kommen dem endgültigen Design sehr nahe (Integration von Farben, Typographien, Bildern und Grafiken) Farbe , Schriftart-, Form und –Größe können geändert werden Tools können gedreht werden Schattierungen können eingesetzt werden Linien und Umrandungen können hervorgehoben und verändert werden Victoria Pohl

10 5. Beispiel mehrere Plattformen/Programme:
Victoria Pohl

11 Vielen Dank für eure Aufmerksamkeit!
Victoria Pohl

12 6. Quellen Textquellen: Bildquellen:
( ; Uhr) ( ; Uhr) ( ; Uhr) ( ; Uhr ) Bildquellen: ( Uhr) ( Uhr) ( , Uhr) Victoria Pohl