Redesign der mobilen App für eine Kinokette

Benutzerfreundliche Ticketreservierung und Essensbestellung

Der Kunde ist eine gehobene Kino- und Restaurantkette. Das Unternehmen hatte eine mobile Anwendung, mit der man direkt in den Filmtheatern Tickets kaufen und Essen bestellen konnte. Sie wollten diese App verbessern, um das Engagement der Nutzer zu erhöhen und neue Kunden zu gewinnen.

Case Highlights

Die aktualisierte App bietet ein schlankes und modernes Look-and-Feel und sorgt für ein angenehmes Nutzungserlebnis:

verbesserter Kontrast
zwei Farb-Themen
optimierte App-Navigation
verbesserte Interaktion mit der Menüleiste
optimale Feldbreite für die Eingabe von Informationen
benutzerfreundliche Sitzplatzreservierung und Speisen- und Getränkebestellung

Problem

Der Kunde wollte das Design seiner mobilen App aktualisieren, um sie moderner zu gestalten und die Usability zu erhöhen. Softeq wurde mit der Neugestaltung der App beauftragt. Wir mussten die Ticketreservierung und die Essensbestellung benutzerfreundlicher machen.

Dafür sollte das Team sicherstellen, dass die App den aktuellen Designrichtlinien entspricht, sowie die Lesbarkeit der Texte verbessern und die Navigation überarbeiten.

Lösung

Farb-Themen

Um die Lesbarkeit des Texts zu verbessern, erhöhen unsere Designer den Kontrast. Sie ändern die Hintergrund- und Schriftfarbe und erstellen ein dunkles und ein helles Thema.

Die Auswahl mehrerer Farbschemen berücksichtigt auch verschiedene Benutzerpräferenzen. Das helle Thema ist vorteilhafter für Textbildschirme, wodurch der Bildschirm geräumiger wird und der Benutzer sich mehr auf Textinhalte konzentrieren kann. Wenn die Bildschirme Bilder enthalten, verleiht das dunkle Thema den Farben mehr Tiefe. Außerdem ist das dunkle Thema bequemer für User, die an die alte App-Version gewöhnt sind.

IPIC-themes — User können zwischen dem dunklen und dem hellen Thema wählen.

Zahlung

Die App bietet 3 Zahlungsmöglichkeiten: Kreditkarte, Geschenkkarte und iPic Access Points (Bonuspunkte).

Mit der neuesten Version können die Nutzer diese Zahlungsmethoden nach Belieben kombinieren.

Softeq implementiert einen einfachen und verständlichen Zahlungsfluss, wo User bei jedem Schritt weiter- oder zurückgehen und Aktionen bearbeiten/abbrechen können.

IPIC-payment-2 — Zunächst muss der Benutzer den Betrag eingeben, den er mit Bonuspunkten bezahlen möchte. Der Rest wird mit Geschenkkarte oder Kreditkarte bezahlt.

Menü

Um das Menü intuitiver zu gestalten, überarbeitet unser Team die App-Navigation, nennt die Menü-Buttons um und entwirft neue Icons.

Die Icons für ausgewählte Elemente werden jetzt in orange hervorgehoben, damit die Benutzer besser verstehen können, welcher Tab geöffnet ist:

Sitzplatzreservierung

Damit die User Sitzplätze bequemer reservieren können, vergrößern die Designer die Fläche des Kinosaals, machen den Sitzplatzstatus (nicht verfügbar / frei / ausgewählt) deutlicher und fügen eine Legende hinzu.

Um Fehler bei der Auswahl des Filmtheaters und der gewünschten Vorführzeit zu vermeiden, versieht unser Team den Auswahlbildschirm mit Informationen über den Ort, den Film, die Vorführzeit und das Datum.

Damit nicht zu viele Informationen auf einmal dargestellt werden, verschieben wir den Abschnitt mit den Zahlungsinformationen auf einen anderen Bildschirm.

IPIC-seat-reservation-2 — Nun ist es klar, welche Plätze verfügbar sind und wie die nächsten Schritte aussehen.

Film-Karussell

Der Filmauswahl-Bildschirm wurde mit Informationen überflutet: Wochentage, Filme und verfügbare Spielzeiten - alles auf einem Screen.

Damit die Informationen optimal aufgenommen werden können, gruppiert das Team die Bildschirmelemente neu und hebt nur einen Film hervor. Das Designer-Team vergrößert die Schrift der verfügbaren Spielzeiten. Um den Benutzern die Auswahl der gewünschten Films zu erleichtern, wird ein Movie-Slider implementiert, der die Spielzeiten erst nach Auswahl eines Films angezeigt.

Damit das Standortfeld besser sichtbar ist und der Benutzer keine Fehler bei der Kinoauswahl macht, rahmen unsere Designer das Element ein, verschieben es in die Mitte und fügen einen Standortpin hinzu.

IPIC-displaying-of-movies-de-1 — Mit dem Movie-Slider können User einfach durch die verfügbaren Filme und Vorstellungszeigen navigieren.

Dining

Um die Essens- und Getränkebestellung zu vereinfachen, gruppieren die Designer die Menüpunkte neu und führen klare Kategorien ein:

Das Team optimiert auch den Bestellbildschirm. Nachdem der Benutzer ein Gericht ausgewählt hat, zeigt der Bildschirm nun Informationen über Zutaten, gewünschte Temperatur, Zusatzstoffe, Menge und Preis an:

Ähnliches Projekt geplant?

Senden Sie Ihre Anforderungen und erhalten Sie eine profunde Einschätzung Anfrage senden

Ergebnisse

Intuitive Benutzererfahrung

Die neu gestaltete App entspricht den Design-Richtlinien für mobile Anwendungen und ermöglicht verständliche und angenehme Interaktion. Die App zeichnet sich durch einen verbesserten Kontrast und bietet einen intuitiven Zahlungsfluss sowie eine benutzerfreundliche Sitzplatzreservierung und Speisenbestellung.