Jedes Unternehmen, das online gehen will, muss eine Website erstellen, auf der die Kunden mit dem Unternehmen interagieren und auf der der Verkauf/Kauf stattfindet. Diese Website ist das Gesicht des Unternehmens für den jeweiligen Kunden, der dort einkaufen möchte. Es ist daher wichtig, dass dieses Gesicht des Unternehmens vorzeigbar und einfach zu navigieren ist, damit die Kunden keine Probleme mit der Bedienung haben. Hier spielt das Design von E-Commerce-Geschäftsmodellen eine wichtige Rolle. Das Mock-up gibt dem Geschäftsinhaber die Möglichkeit, genau zu planen, wie das Geschäft aussehen wird und wie er am besten vorgehen kann.
Dies geschieht, da ein E-Commerce-Shop-Mock-up-Design ein Beispiel dafür ist, wie ein Online-Shop aussehen kann. Die Entwickler bereiten diese Entwürfe vor, um den Unternehmen, die einen eigenen Shop einrichten wollen, einen klaren und realen Eindruck zu vermitteln. Die Mock-ups sind aus zwei wichtigen Gründen wichtig:
- Sie lassen den Nutzer wissen, wie die Details in der Realität aussehen werden, und
- Sie konzentrieren sich auf alle Details und erleichtern so das Feedback für Änderungen, bevor der eigentliche Laden eröffnet wird.
Das Mock-up zeigt im Allgemeinen das Layout der tatsächlichen Website. Die Erstellung des Mock-Ups kann in verschiedene Phasen unterteilt werden. Anhand der Stufen lassen sich die Mock-ups in Typen einteilen, z. B. ein Wireframe und ein Prototyp. Die beiden unterscheiden sich jedoch nur geringfügig voneinander, weshalb die Begriffe austauschbar verwendet werden. Es scheint auch keine genau konsolidierte Definition dafür zu geben, was jeder dieser Begriffe bedeutet. Es folgt ein kurzer Überblick:
Drahtgitter: Ein E-Commerce-Shop-Mock-up-Design kann sich auf einen Wireframe beziehen, der die Funktionalität einer Website darstellt. Der Wireframe ist die Darstellung des Seitenlayouts einschließlich der Schemata für die Platzierung von Inhalten und Daten, das gesamte Seitenlayout und die Schnittstellenelemente wie das Navigationssystem.
Prototyp: Ein Prototyp ist eine Weiterentwicklung des ursprünglichen Drahtmodells. Der Wireframe unterscheidet sich von einem Prototyp nur dadurch, dass er nur die Funktionalität anzeigt, während der Prototyp das Testen durch die Darstellung der tatsächlichen Funktionen ermöglicht.
Eine weitere Möglichkeit, Mock-ups zu klassifizieren, ist die Wiedergabetreue. Die Wiedergabetreue gibt den Grad an, in dem das jeweilige Mock-up die reale Simulation der Website wiedergibt. In diesem Sinne ist ein Wireframe von geringer Wiedergabetreue im Gegensatz zu einem Prototyp, der von hoher Wiedergabetreue ist. Auch innerhalb der Wireframes und Prototypen gibt es unterschiedliche Fidelity-Stufen.
Abgesehen von diesen Definitionen und Klassifizierungen ist ein Mock-up im allgemeinsten und gebräuchlichsten Sinne des Wortes eine konzeptionelle Darstellung, die eine statische Simulation der Schnittstelle verwendet. Ein Mock-up wird mit viel Aufwand und in vielen Details erstellt. Das Mock-up-Design für den E-Commerce-Shop muss nach dem Geschmack, den Vorlieben und den Meinungen des Eigentümers sowie nach der jeweiligen Branche erstellt werden. Es ist auch wichtig, ein gutes Mock-up zu erstellen, denn es ist die Grundlage dafür, wie die eigentliche Website in der Realität umgesetzt wird.
