Arbeiten Über mich Kontakt
Zurück

hexa.

Companion-App für eine Mond-Robotik-Flotte

Willkommen in der Zukunft des Lebens auf dem Mond. In einer Welt, in der die Besiedlung des Mondes Realität ist, ist hexa die ultimative Companion-App, um deine unverzichtbare Roboter-Belegschaft zu steuern. Ob du in Kuppeln Pflanzen kultivierst oder waghalsige Krater-Expeditionen leitest, dieses schlanke, intuitive Werkzeug lässt dich mühelos Aufgaben zuweisen, Fortschritte überwachen und in Echtzeit Updates deiner Hexabots empfangen, alles an einem Ort. Gebaut für Entdecker, Familien und Ingenieure gleichermaßen sorgt hexa dafür, dass das Leben auf dem Mond reibungslos, sicher und effizient läuft.

Kontext

Designflows Contest · Mobile App

Zeitraum

4 Tage

Rolle

UX/UI Design

Thema

Mondkolonie / Robotik

Drei iPhones mit hexa.-Screens, frei schwebend – Dashboard, Task-Deployment und Kartenansicht
Vorgehen

Design-Prozess

Von der Aufgabenstellung über das Konzept bis zum fertigen Interface – in drei aufeinander aufbauenden Phasen.

01

Briefing

Wer nutzt hexa. unter welchen Bedingungen? Den Anfang bildet das Verständnis der Menschen, ihrer Gewohnheiten und Wünsche.

Zielgruppe Verhaltensmuster Präferenzen
02

Konzept

Aus der Analyse entstehen Struktur und Form: eine logische Informationsarchitektur, Low-Fidelity-Wireframes und ein konsistenter Style Guide.

Deep Analysis Informationsarchitektur
03

UI Design

Den Abschluss bildet das hochauflösende Interface: ein dunkles, kontrastreiches UI mit klaren Status-Anzeigen und schnellen Flows.

High-Fidelity Screens Wireframes Style Guide
Zwei iPhones mit hexa.-Screens – Kartenansicht und Hexabot-Routing
Zielgruppe

Zwei Nutzungsrealitäten

Astronaut:in auf der Mondoberfläche – Zielgruppe „Explorers & Researchers“

Diese Nutzer konzentrieren sich auf unterschiedliche missionskritische Aufgaben, sind häufig im Multitasking und müssen ihre Experimente effizient durchführen.

Familie in Raumanzügen beim Anbau in einer Mondkuppel – Zielgruppe „Families“

Diese Nutzer sind keine technischen Experten, verlassen sich bei alltäglichen Tätigkeiten auf Hexabots und brauchen ihre Interaktion mit der App so einfach und unkompliziert wie möglich.

User Insights

Aus Beobachtung und Befragung kristallisierten sich wiederkehrende Verhaltensmuster und konkrete Präferenzen heraus. Sie wurden zur Richtschnur für jede Designentscheidung, von der Status-Lesbarkeit bis zur Sprachsteuerung.

Verhaltensmuster

Häufige Status-Checks

  • Nutzer prüfen den Status ihrer Hexabots durchschnittlich 7–10 Mal pro Tag.
  • Sie wollen sehen, ob Aufgaben wie geplant voranschreiten.
  • Leicht lesbare Echtzeit-Updates sind entscheidend.

Zeitkritische Task-Zuweisung

  • Rund 65 % weisen neue Aufgaben als Reaktion auf dringende Bedürfnisse zu.
  • Oft bleibt minimale Zeit zum Planen.
  • Ein schneller, geführter Prozess senkt den Stress spürbar.

Komplexes Einsatzumfeld

  • Genutzt wird unter herausfordernden physischen Bedingungen.
  • Bedienbar auch bei eingeschränkter Geschicklichkeit oder Zeit.
  • Etwa mit Handschuhen oder beschlagenem Helm.

Präferenzen

Sprachbefehle

  • Viele wünschen sich freihändige Steuerung.
  • Besonders im Anzug oder bei manuellen Arbeiten.
  • Sprachgesteuerte Zuweisung & Status-Checks verbessern die Bedienbarkeit.

Personalisierung

  • Hexabots benennen und anpassen.
  • Macht Interaktionen intuitiver und persönlicher.
  • Anpassungsoptionen erhöhen Engagement & Usability.

Klare Task-Zuordnung

  • Mehrere Hexabots im selben Gebiet klar unterscheiden.
  • Aufgabenorte und Überschneidungen hervorheben.
  • Zeigt auf einen Blick, welcher Hexabot was tut.

Informations­architektur

Aus den Erkenntnissen entstand eine klare Struktur: Vom HOME-Screen erreichen Nutzer die vier Hauptbereiche: Neue Aufgaben zuweisen, Hexabot-Cards mit Detailansicht, eine Landkarte und Einstellungen, ergänzt um den sprachgesteuerten KI-Assistenten.

Informationsarchitektur als Baumdiagramm: HOME mit den Knoten „Assign new Task“, „Hexabot Cards“ (mit „Hexabot Details“), „Map“ und „Settings“ sowie dem KI-Assistenten

Wireframes

Auf Basis der Architektur entstanden Low-Fidelity-Wireframes für jeden Schritt: Vom Zuweisen einer Aufgabe über die Auswahl von Hexabot, Menge und Standort bis zum Deployment.

Durchgehender Wireframe-Streifen: Assign New Task, Select Hexabot, Set Details, Select Location, Deploy und Kartenansicht nebeneinander

Style Guide

Die visuelle Sprache: ein tiefdunkles Interface, das auch bei Mondlicht funktioniert. Neon-Grün dient als Signalfarbe für Aktionen und Status, Lavendel als ruhiger Sekundärakzent. Als Schrift kommt Ubuntu zum Einsatz – geometrisch, klar und gut lesbar auf kleinen Displays.

Typografie · Ubuntu

Aa

0 1 2 3 4 5 6 7 8 9

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

! “ § $ % & / ( ) = ? * @

Farben

Alien#00E677
Lavender#999DFC
White#FFFFFF
Stone#232323
Universe#0C0D10
Graphit#3A3B40

Ergänzt um ein durchgängiges, gut erkennbares Icon-Set für Standort, Mission, Zeit und Status.

UI Design

Das finale Interface bringt alles zusammen: ein dunkles, kontrastreiches UI mit klaren Status-Anzeigen, großen Touch-Zielen und schnellen Flows – optimiert für den Einsatz unter rauen Bedingungen.

Deployment-Flow: Standort vorschlagen, Standort bestaetigen und deployen, dann Live-Karte mit gruener Route
KI-Assistent: gruene Sprach-Wellenform mit der Frage What can I do for you ueber den Hexabot-Karten KI-Assistent nach dem Sprachbefehl: bestaetigte Aktion mit Rueckmeldung des Assistenten

Hexa entstand im Rahmen eines Design-Contests: Innerhalb von nur 4 Tagen musste das komplette Projekt stehen, von der Recherche über Informationsarchitektur und Wireframes bis zum High-Fidelity-Design. Ein Briefing, dann hieß es: loslegen.