APP UI / UX DESIGN

Auf der Basis des App Konzepts erstellen wir ein zielgruppenspezifisches UI / UX – Design für Ihre attraktive und intuitiv bedienbare App. Von den ersten Scribbles bis hin zum fertigen Design – alles aus einer Hand von erfahrenen Designern, die mit voller Leidenschaft an Ihrer App arbeiten.

App UI UX Design Icon
CI Guidelines
Skizzen
Wireframes
Clickdummies
Referenzgeräte
Feedbackschleifen

UX Design für intuitive Bedienbarkeit

Das UX Design sorgt für die einfache Bedienbarkeit Ihrer App. Hier wird festgelegt, wie Funktionen so realisiert werden, dass der User diese einfach findet und ohne Überlegen und Ausprobieren ausführen kann.

In diesem Arbeitsschritt entscheidet sich, ob User mit der App zurechtkommen oder diese für kompliziert oder schlecht durchdacht halten. Damit zeigt sich die besondere Bedeutung dieses Prozessschrittes.

Scribbles – wie alles beginnt

Als Scribbles bezeichnet man einen meist per Stift auf Papier oder mittels Grafiktablet angedeuteten Grobentwurf. Ein Scribble dient der Ideenfindung und steht ganz am Anfang eines App Designs.

Der Vorteil von Scribbles liegt darin, dass das Konzept ohne großen Aufwand visualisiert und mit Ihnen als Kunde diskutiert werden kann. Sie stellen die wichtigsten Interaktionsabläufe und die Navigationsstruktur dar.

Darüber hinaus das Basis-Layout der Screens sowie grundlegende Screen-Elemente. Auf Designdetails wird in dieser Phase ganz bewusst verzichtet.

Der nächste Schritt - Wireframes

In Wireframes werden bereits die Kanten der Objekte gezeichnet und ggf. noch Hilfslinien eingefügt. Damit werden Flächen als solche erkennbar und erhalten bereits eine plastische Wirkung.

Wireframes ermöglichen ein besseres Verständnis der Interaktionen und Abläufe in der App. Sie dienen als Grundlage für gemeinsame Diskussionen, die am Ende keine Fragen offenlassen.

App Layouts – es wird konkreter

Mit dem Layout erfolgt die konkrete Visualisierung des Konzepts. Dazu werden die Wireframes weiter ausgearbeitet und mit konkreten Designelementen und Farben finalisiert. Das dadurch entstehende Bild vermittelt Ihnen einen Eindruck, wie Ihr App auszusehen wird.

Das User Interface (UI) der App sollte auf die jeweiligen Gegebenheiten der technischen Plattform, also Google Android oder Apple iOS, angepasst sein. Die Benutzerführung, Buttons und Darstellungsweisen von Icons ähneln sich bei iOS und Android, aber es gibt spezifische Details, die berücksichtigt werden sollten. Unsere UI Designer werden entsprechend der App Store Design Guidelines hinsichtlich Benutzerführung und Design geschult. Sie sind daher immer auf dem aktuellsten Stand, was die herstellereigenen Vorgaben angeht. Somit wird Ihre App hinsichtlich der Optik und Benutzerführung immer den neusten Vorgaben und Designtrends, natürlich entsprechend Ihres Corporate Designs, entsprechen.

Als Text wird in der dieser Projektphase häufig noch als Fülltext (Lorem Ipsum) verwendet, um die Diskussion auf das App Layout zu fokussieren. Der endgültige Text wird oft erst im Rahmen der App Programmierung vom Kunden finalisiert und dann entsprechend in die App integriert.

Click Dummy – es wird anschaulich

Um das App Layout noch anschaulicher zu machen, können die verschiedenen Screens zu einem Click Dummy verknüpft werden. Die einzelnen Screens weise dabei noch keine Funktion auf.

So können Sie sich bereits zu einem sehr frühen Zeitpunkt durch die Navigation klicken, ohne dass eine Zeile Code geschrieben wurde. Stellen Sie jetzt fest, dass doch noch Änderungen erforderlich sind, können diese immer noch mit vergleichsweise geringem Aufwand umgesetzt werden.

Test auf Referenzgerät spart Aufwand

Dieser Click-Dummy wird über eine App auf ein vorher mit Ihnen vereinbartes Referenzgerät verteilt.

Mit der Beschränkung auf ein Referenzgerät erspart man sich die responsive Umsetzung zu so einem frühen Projektstadium, in dem noch vielfältige Änderungen zu erwarten sind.

?
Diese Webseite verwendet Google Analytics. Zum deaktivieren für Ihren Besuch klicken Sie bitte hier.
×