UI / UX Design für Apps und Webapplikationen

Home - LEISTUNGEN - UI / UX Design für Apps und Webapplikationen

UI / UX Design für Apps und Webapplikationen

Auf der Basis des Konzepts erstellen wir ein zielgruppenspezifisches UI / UX Design für Apps und Webapplikationen. Von den ersten Scribbles bis hin zum finalen Design – alles aus einer Hand. Und das von erfahrenen Designern, die mit voller Leidenschaft bei der Sache sind.

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

UI / UX Design für eine intuitive Bedienbarkeit

Gutes UI / UX-Design für Apps und Webanwendungen gewährleistet, dass Ihre App oder Website benutzerfreundlich und intuitiv bedienbar ist. Es definiert, wie Funktionen umgesetzt werden. Damit kann der Nutzer sie dann einfach finden und ohne Nachdenken oder Ausprobieren ausführen. Es berücksichtigt auch gestaltungsspezifische Aspekte der Barrierefreiheit.

Dieser Schritt entscheidet über die Nutzererfahrung der App oder Website. Also ob die Nutzer mit der App oder Website zurechtkommen oder sie aber als kompliziert oder schlecht durchdacht empfinden. Dadurch wird die besondere Bedeutung dieses Prozessschritts deutlich.

Scribbles – es wird etwas sichtbar

Scribbles sind grobe Entwürfe, die meist mit Stift auf Papier oder einem Grafiktablet skizziert werden. Sie dienen dazu, Ideen zu finden und markieren den Anfang des Designprozesses.

Der Vorteil von Scribbles für Apps und Webanwendungen besteht darin, dass das Konzept schnell visualisiert und mit Ihnen als Kunde besprochen werden kann. Sie zeigen die wichtigsten Interaktionsabläufe und die Navigationsstruktur auf.

Außerdem stellen wir in dieser Phase das Basis- Layout der Bildschirme sowie elementare Screen-Elemente bereit. Dabei verzichten wir hier bewusst auf detaillierte Gestaltungselemente.

Der nächste Schritt - Wireframes

In Wireframes kennzeichnen wir bereits die Kanten der Objekte und fügen ggf. noch Hilfslinien ein. 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 oder Website. Sie dienen als Grundlage für gemeinsame Diskussionen, die am Ende keine Fragen offenlassen.

Layouts – es wird konkreter

Mit dem Layout erfolgt die konkrete Visualisierung des Konzepts für die App oder Webseite bzw. Webapplikation. Dazu werden die Wireframes weiter ausgearbeitet und mit konkreten Designelementen und Farben finalisiert. Das dadurch entstehende Bild aus UI / UX Design vermittelt Ihnen einen Eindruck, wie Ihre App oder Website aussehen wird.

Das User Interface (UI)

Das User Interface (UI) der App oder Webapp 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. Es gibt aber spezifische Details, die berücksichtigt werden sollten.

Schulung und Expertenwissen

Unsere UI-Designer sind speziell geschult, um den Richtlinien des App Stores, insbesondere in Bezug auf Benutzerführung und Design, gerecht zu werden. Dadurch bleiben sie stets auf dem neuesten Stand der herstellereigenen Vorgaben. Die Website oder App wird unter Berücksichtigung der Grundsätze des Material Designs und Ihres Corporate Designs erstellt.

Wir arbeiten in dieser Projektphase häufig noch mit Fülltext (Lorem Ipsum), um den Fokus auf das Design zu legen. Der endgültige Text wird oft erst während der Entwicklung vom Kunden finalisiert und anschließend in die App oder Website integriert.

Klick Dummy – es wird anschaulich

Wir verknüpfen in dieser Phase die verschiedenen Screens zu einem Klick Dummy, um das Layout noch anschaulicher zu machen. Die einzelnen Screens weisen dabei noch keine Funktion auf. Hier können Sie lediglich die Abfolgen der Screens im Rahmen des UI / UX Design Prozesses erkennen.

So können Sie sich bereits zu einem sehr frühen Zeitpunkt durch die Navigation klicken, ohne eine Zeile Code. Wenn Änderungen erforderlich sind, können sie immer noch relativ einfach umgesetzt werden.

Hierfür setzen wir verschiedene Tools ein, die für Wireframes, Designs oder Klickdummys verwendet werden.

Test auf Referenzgerät spart Aufwand

Sie können nun den Klick-Dummy, der im Rahmen des UI / UX Design für Apps und Webanwendungen erstellt wurde, auf einem oder mehreren zuvor vereinbarten Referenzgeräten begutachten und kommentieren.

Die responsive Umsetzung in diesem frühen Projektstadium entfällt, aufgrund der Beschränkung auf ein oder wenige Referenzgeräte. Umfangreiche Änderungen werden nehmen wir an einem späteren Zeitpunkt vor.

Sobald das Layout und das entsprechende Design festgelegt wurden, werden die Bildschirme auch in den responsiven Ansichten entworfen.