Prototyping: Schnell sehen und testen, was funktioniert

Wie soll Ihre Website oder Ihre App aussehen? Wie fühlt sich die Bedienung an? Layout, Design und Usability von digitalen Produkten entstehen bei uns nicht in der Theorie, sondern am lebenden Objekt. Wir entwickeln möglichst früh einen bedienbaren Prototypen, den Sie und Ihre Kunden direkt im Browser benutzen und testen können: Sie sehen, was Sie bekommen. Auf diese Weise können wir schnell ein gemeinsames Verständnis vom User Interface entwickeln, wie Ihre Website oder App später gestaltet sein soll und wie sie auf Eingaben reagiert. In iterativen Schritten nähern wir uns dann gemeinsam dem Design und dem interaktiven Ergebnis an, das Sie sich vorstellen.

Ihre Vorteile durch Prototypen:

  • Sie erhalten früh einen sehr guten Eindruck vom späteren Endprodukt.
  • Interaktive Elemente können einfacher visualisiert und ausprobiert werden.
  • Besprochene Änderungen werden sofort und in allen denkbaren Ansichten sichtbar.
  • Die spätere Bedienungsfreundlichkeit (Usability) kann vorab getestet werden.
  • Der fertige Prototpy kann anschließend in das CMS der Website bzw. in die App überführt werden und spart so Entwicklungszeit.
  • Der Prozess erspart unnötige Zwischenschritte durch statische Layouts, die zur Beurteilung von interaktiven Produkten nicht gut geeignet sind.

Mit Prototyping schaffen wir passgenaue Lösungen

Skizze von einem Quadrat mit einem Pfeil in der Mitte

Responsive Design

Das Responsive Design kann vom Designer wie auch vom Kunden gleichzeitig auf verschiedenen realen oder simulierten Geräten kontrolliert, getestet und angepasst werden.

Skizze von einem Rädchen mit Stift

Designentwicklung

Das Design beim Prototyping entwickelt sich iterativ in mehreren Durchläufen, immer nach direkter Absprache mit dem Kunden. Dabei bleibt der Entwurf immer flexibel und einfach veränderbar.

Skizze von einer Uhr die leicht verschwischt

Real-Time-Änderungen

Kleine Anpassungswünsche lassen sich über eine Änderung im Quellcode direkt präsentieren, so bekommt der Kunde unmittelbar einen Eindruck, wie seine zukünftige Seite aussehen könnte.

Skizze von einem Bildschirmausschnitt mit Rädchen

Funktionaler Prototyp

Innerhalb kurzer Zeit lässt sich mit einem HTML-Template und dem responsiven HTML-, CSS- und JavaScript-Framework Bootstrap ein Funktionsprototyp erstellen.

Skizze von einer Lupe

Einblick für den Kunden

Unsere Kunden können direkt in den Design-Prozess integriert werden und bekommen durch den Prototypen augenblicklich die Möglichkeit, eine Änderung nachzuvollziehen oder auf ihren Geräten zu testen.

Skizze von einem Bildschirmfenster mit einem Kreis aus zwei Pfeilen

Flexibles Design

Das CSS lässt sich unabhängig von der Funktionalität des Frameworks steuern. Gleichzeitig ist der Prototyp von Beginn an dynamisch im Gegensatz zum klassischen, statischen Screendesign.

Responsive Test

Ist Ihre Website für mobile Endgeräte optimiert?

Machen Sie den Schaffrath Responsive-Webdesign-Check und prüfen Sie in Echtzeit die Darstellung Ihrer Website auf unterschiedlichen Endgeräten.

Responsives Design heißt: immer klug angepasst

Es geht nicht mehr ohne: Responsive Webdesign, das auf allen Bildschirmen und Geräten funktioniert. Notwendig ist es einerseits, weil Suchmaschinen voraussetzen, dass digitale Medien für alle Formen von Endgeräten optimiert sind. Andererseits steigt die Vielfalt von Nutzern, Geräten und Bildschirmgrößen ständig. Jede und jeder soll dabei dieselbe Erfahrung von gutem Design machen. Neben der technischen Finesse sind deshalb ästhetische und emotionale Ansprüche an das Design sowie eine kluge Nutzerführung von entscheidender Bedeutung, damit Ihre digitalen Medienformate erfolgreich sind. Mit klugen Designprozessen und Prototyping erreichen wir dieses Ziel gemeinsam mit Ihnen.

Mann, der an einer Tafel zeichnet und plant

Usability

Gutes Aussehen ist nicht alles.

Erst durch ein intuitives Design und eine intuitive Nutzerführung erschafft man erfolgreiche Produkte. Ziel ist es dabei, dem Kunden ein optimales Erlebnis zu bieten. Unsere Usability-Experten beachten dies…

Sie erreichen mich unter

Lars Kosman

L.N. Schaffrath DigitalMedien GmbH Lars Kosman

Lassen Sie uns sprechen

Wie können wir Ihnen helfen?