Softwareentwicklung und Projektmanagement WS 18/19 Farooq Ibrahim

Präsentation zum Thema: "Softwareentwicklung und Projektmanagement WS 18/19 Farooq Ibrahim"—  Präsentation transkript:

1 Softwareentwicklung und Projektmanagement WS 18/19 Farooq Ibrahim
Mock-Up Tool Softwareentwicklung und Projektmanagement WS 18/19 Farooq Ibrahim

2 Gliederung Was ist ein Mock up Tool Einordnung von den Tools
Aussehen von Wireframes Beispiel Quellen

3 Definition Mockup tool dient zu Visualisierung von Ideen und Konzepte in Form von Webseiten oder Apps.  Sie beinhalten Navigationsstruktur, Site und Design-Elemente im Detail.

4 Einordnung von den Tools
Wireframe Ein Wireframes ist ein sehr einfaches Abbild eines Designs. Sie sind eher die Basis des Designs und damit ein wichtiger Part des fertigen Produktes. Beispiel : Vergleichen lässt sich ein Wireframe mit der Aufbauanleitung eines Ikea-Regals. Man weiß zwar dank der Anleitung, wie es später einmal aussehen soll, aber es wird nicht gezeigt, wie schön das Ganze am Ende tatsächlich in der Wohnung und mit Dekoration wirken kann.

5 Einordnung von den Tools
Mockup Ein Mockup ist das Design einer Webseite. sie sind jedoch das, was Designer klassischerweise für das Layout und Design verwenden. Mockups können generell mit weniger Zeitaufwand erstellt werden als Prototypes. Sie sind aber nicht klickbar. Im Gegensatz zum Wireframe ist ein Mockup detaillierter.

6 Einordnung von den Tools
Prototyp Ein Prototype ist eine nahezu fertige Abbildung des Produkts, welches das User-Interface und die Interaktion darstellt.

7

8 Aussehen von wireframes

9 Aussehen von wireframes
Fertige Vorlage In schwarz und weiß

10 https://gomockingbird.com/home
Beispiel

11 quellen https://de.ryte.com/wiki/Mockup