Wireframes und Screendesign – eine App nimmt Gestalt an

FLYACTS läutet den Entwicklungsprozess einer App mit einer umfangreichen Konzeptionsphase ein. Aus der Vielzahl der User Stories, die der Product Owner auf Basis der Kundenvorstellung geschrieben hat, erstellen unsere Konzepter ein Modell der App. Diese Phase ist entscheidend für den Erfolg, da wir die Basis für die Usability und User Experience legen.

Wireframes – ein analoges Modell

Das passiert zunächst ganz klassisch. Analog mit Papier und Bleistift skizzieren/scribbeln wir ein Wireframe.

Ziel eines Wireframes ist die Darstellung der Gesamtheit aller Funktionen/User Stories der zukünftigen App. Wir veranschaulichen alle Bildschirminhalte, die ein Nutzer später antreffen wird.

Ein Wireframe ist mit der Sitemap einer Website vergleichbar, aber umfangreicher. Es werden nicht nur die Beziehungen der einzelnen Screens der App untereinander veranschaulicht, sondern auch die Entscheidungsmöglichkeiten für den Nutzer.

 

In diesem Stadium der Konzeption spielen weder die optische Gestaltung, noch die zu hinterlegenden Inhalte eine Rolle. Grafische Elemente stören diese Konzeptionsphase und verkomplizieren das Modell. Wir konzentrieren uns ausschließlich auf die zu Grunde liegende Logik. Wir stellen sicher, dass die Nutzerführung für den Kunden schlüssig ist und er den gewünschten Mehrwert erhält.

Anschließend präsentieren wir unseren Kunden die Entwürfe und freuen uns auf ihr Feedback. Anregungen und Kritikpunkte arbeiten wir schließlich in einen weiteren Entwurf ein und legen diesen zur Abnahme vor.

 

Screendesign – so wird die App aussehen

Sobald das Wireframe abgenommen wurde, setzen sich unsere Konzepter mit den Grafikern zusammen und gestalten die Optik der App. FLYACTS setzt dabei auf eine eingängige und effektvolle Gestaltung. Dabei richten wir uns natürlich nach den Vorgaben und Wünschen der Auftraggeber.

Haben die Kunden ein bestehendes Corporate Design? Wir integrieren es in die App. Wir stehen jederzeit beratend, mit stetigem Blick auf die Usability der App, zur Seite. Als Full-Service-Agentur gestalten wir auf Wunsch auch ein komplettes Corporate Design rund um die App.

Analog zum Prozedere in der Wireframe-Phase legen wir auch hier unsere Entwürfe im Anschluss vor. Zur besseren Veranschaulichung geben wir Entwürfe an die Hand, die den späteren Betrieb der App auf mobilen Endgeräten simulieren. Zusätzlich bauen wir auf Wunsch einen App-Prototyp. Ein Prototyp ist ein interaktives Modell der Anwendung. Touch- und klickbar führt der Prototyp durch das Wireframe samt dazugehörigem Screendesign. Dies ist sehr hilfreich, wenn der Auftraggeber das App-Projekt vor deinen Stakeholdern präsentieren möchte.

Sind noch Fragen offen? Wir beraten gern persönlich über unser Kontaktformular oder per Telefon.