UI und UX für einen Crêpe-Roboter
Ein Praxisprojekt aus dem IAD HF Studium, zusammen mit dem Basler Startup Maus Robotics. Sie bauen einen autonomen Crêpe-Roboter, der in unter 90 Sekunden einen frischen Crêpe macht und dabei den ganzen Prozess sichtbar lässt. Bedient wird er über ein iPad, das direkt an der Maschine hängt. Hier zeige ich den Prototyp für den Bestellprozess, von den ersten Wireframes bis zum interaktiven Hi-Fi-Stand. Zwei Ziele haben die Arbeit bestimmt. Das Interface soll den physischen Prozess unterstützen und ihm nicht die Show stehlen, denn der Roboter selbst ist das Erlebnis. Und die Führung durch die Bestellung soll über Animation laufen statt über Bestätigungsdialoge. Eine gute Animationsführung sagt der Person, woher sie kommt und wohin sie als Nächstes schaut, und nimmt dem Interface genau die Erklärarbeit ab, die sonst Text und Popups leisten müssten.
Der Prototyp, klickbar.
Der Prototyp ist für den iPad an der Maschine gebaut. Auf dem Handy siehst du ihn nur verkleinert, bedienen lässt er sich erst ab Tablet oder am Computer.
Das Endprodukt mit der Crêpe-Animation. Die Animationen sind fertig und stützen den Bestellprozess, sie führen Nutzer*innen durch die ganze Bestellung.