Softwareentwicklung und Projektmanagement WS 18/19 Farooq Ibrahim Mock-Up Tool Softwareentwicklung und Projektmanagement WS 18/19 Farooq Ibrahim
Gliederung Was ist ein Mock up Tool Einordnung von den Tools Aussehen von Wireframes Beispiel Quellen
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.
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.
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.
Einordnung von den Tools Prototyp Ein Prototype ist eine nahezu fertige Abbildung des Produkts, welches das User-Interface und die Interaktion darstellt.
Aussehen von wireframes
Aussehen von wireframes Fertige Vorlage In schwarz und weiß
https://gomockingbird.com/home Beispiel https://gomockingbird.com/home
quellen https://de.ryte.com/wiki/Mockup https://blog.comwrap.com/wireframes-prototypes-mockups-wo-liegt-eigentlich-der-unterschied http://www.pxelperfect.com/whats-the-difference-between-wireframe-prototype-mockup https://www.webschmoeker.de/webdesign/unterschied-wireframe-und-mockup/