nach einer kleinen Diskussion mit Lukas saß ich im Zug und mir war danach, mal einen kleinen Dialogablauf für die Icebox zu entwerfen mit leich überarbeitetem Deisgn. Der Entwurf ist in Safari entsanden, sieht aber auch in Firefox und Chrome so weit ok aus.
Selbst wenn ich mich des Browsers einnerun täte, der auf dem Raspi läuft, hätte ich den nicht installiert...
Das Bild unten links gibt es hier auch in größerer Auflösung bzw., in der Hintergrundversion hier.Den Source-Code dieses Mockups, das in etwa 1,5 Stunden gebastel entstand, könnt ihr euch ja selbst kopieren.
Abmessungen jedes Screen-divs: 800x480px.
Idee zu den Screens:
$START: Ein Startscreen

The Icebox

Bitte wähle eine Aktion aus Wußtest du, dass man über die obere Zeile immer zurückgehen kann?

$TRINK Getränke Kaufen: Gruppen

The Icebox

Bitte wähle eine Gruppe aus Wußtest du, dass man in diesem Design nicht mehr scrollen wird müssen?

$TRINK 2a Getränke auswählen (hier nur Fritz:

The Icebox

Bitte wähle ein Fritz-Getränk aus Man könnte hier mit Logos in den Buttons..., aber das währe vielleicht auch etwas too much...

$USER Nutzer in dritteln, 2 buttons drunter

The Icebox

Du hast eine Fritz-Kola ausgewählt. Wer bist du? Wen es nich so alles gibt. Vielleicht doch noch mit ner Seitenzahl?

$THX Mit Undo und 10 Sekunden countdown

The Icebox

Es dankt die Icebox.
Falls du dich vertan hast, hast du noch 10 Sekunden Zeit,
die Aktion zu wiederrufen

$GELD – Nach der Auswahl Geld auf $Start folgt dieser Dialog (danach USER und ein adaptierter $THX)

The Icebox

Bitte wähle die Menge an Geld, die du aufladen möchtest
und bezahle Sie in der Dose links (Bild?)
Über Kritik freue ich mich :)

Kellertuer, Tweet dazu