Express-kiosk gästflöde – från scan till betalning

När en gäst går fram till en Express-kiosk går de genom ett noggrant designat flöde i 7 steg. Den här artikeln beskriver varje steg och vad som händer under huven.

Översikt av flödet

1. Attract – Startskärm med "TAP TO START"
2. Ordertyp – Dine-in eller takeaway (valfritt)
3. Meny – Kategori + produkter i rutnät
4. Varukorg/Review – Granskning innan betalning
5. Upsell (valfritt) – Mersäljning av tillbehör
6. Betalning – Kortbetalning
7. Bekräftelse – Ordernummer och väntetid

Hela flödet tar typiskt 60-90 sekunder för en genomsnittlig order.

Steg 1: Attract Screen

Vad gästen ser:

• Restaurangens logotyp (stor)
• Stort "TAP TO START" CTA
• Bakgrundsbild eller animation
• Eventuell text: "Beställ här, snabbt och enkelt"

Vad som händer bakom kulisserna:

• Kiosken är i idle-läge
• Inaktivitetstimer är inaktiv
• Varukorgen är tom
• Om någon har glömt en order återställs den efter 120 sek

Tips:

• Använd en stillsam animation för att locka uppmärksamhet
• Visa erbjudanden eller populära rätter som lockbete
• Om restaurangen är stängd: visa öppettider

Steg 2: Välj ordertyp

Visas bara om: ordertyp är satt till "Fråga kunden"

Vad gästen ser:

• Två stora knappar:
  • "🍽️ Äta här" (Dine-in)
  • "🥡 Ta med" (Takeaway)

Vad som händer bakom kulisserna:

• Valet sparas i ordern
• Påverkar bongen som skrivs ut i köket
• Kan påverka momssatsen (12 % dine-in vs 12 % takeaway i Sverige – ofta samma)

Steg 3: Menyvy

Vad gästen ser:

• Kategoribar (vänster i landskap, topp i porträtt)
• Produktrutnät (2-3 kolumner)
• Bild, namn, pris per produkt
• Allergen-ikoner (om aktiverat)
• Varukorgs-badge i hörnet (med antal + total)

Interaktion:

• Gästen tappar en kategori → menyn filtreras
• Tappar en produkt → produktvyn öppnas
• Väljer varianter och modifiers
• Klickar "Lägg till" → produkten hamnar i varukorgen

Vad som händer bakom kulisserna:

• Menyn hämtas med filter för aktiva, i lager och ej dolda produkter
• Produkter uppdateras i realtid om de säljs slut
• Varukorgen sparas i kiosken (inte i webbläsaren)

Steg 4: Varukorg/Review

Visas när gästen tappar på varukorgs-badge:

Vad gästen ser:

• Lista över valda produkter
• Kvantitet per produkt (med +/– knappar)
• Pris per rad
• Total summa
• Knapp: "Fortsätt till betalning"

Interaktion:

• Öka/minska kvantitet
• Ta bort produkt
• Redigera via klick (öppnar produktvyn igen)

Steg 5: Upsell (valfritt)

Visas bara om: upsell-steg är aktiverat och gästen har tillräckligt få produkter

Vad gästen ser:

• "Lägg till något mer?"
• Förslag på:
  • Drycker
  • Tillbehör (fries, sallad)
  • Desserter
• Stora tappbara kort

Vad som händer bakom kulisserna:

• Förslagen är i nuläget hårdkodade (kommande: konfigurerbart)
• Gästen kan hoppa över med "Fortsätt"

Tips:

• Håll det till 1-2 förslag (inte överväldigande)
• Relevant till det som redan är i varukorgen
• Generellt: +15-25 % AOV-ökning med bra upsell

Steg 6: Betalning

Vad gästen ser:

• Total summa (stor font)
• "Sätt in ditt kort"
• Laddningsanimation
• Eller "Simulera betalning" i dev-läge

Vad som händer bakom kulisserna:

• Ordern skapas med status "väntar på betalning"
• Kortläsaren aktiveras via Stripe Terminal eller liknande
• Vid lyckad betalning markeras ordern som betald

⚠️ Observera: Express-kiosk använder idag inte kontrollbox; för fiskal säkerhet använd kassan. Detta håller på att uppdateras. Se artikeln "Fiskal compliance för online-ordrar".

Steg 7: Bekräftelse

Vad gästen ser:

• "✓ Tack för din beställning!"
• Ordernummer (stort)
• Förväntad väntetid (om satt)
• "Ny beställning" knapp

Vad som händer bakom kulisserna:

• Ordern är betald
• Bong skickas till KDS i realtid
• Kvitto skrivs ut automatiskt till bongskrivare
• Varukorgen nollställs
• Efter 15-30 sek återgår kiosken till attract screen

Inaktivitetstimer

Om gästen står inaktiv (ingen tap i > 120 sek):

• Modal visas: "Är du kvar? Tryck för att fortsätta"
• Countdown: "Återställer om 30 sek"
• Om tiden går ut: hela varukorgen rensas, återgår till attract

Detta förhindrar att kiosken "fastnar" på en övergiven order.

Gästens steg i sekvens

Attract → TAP
→ Ordertyp → DINE-IN
→ Meny → kategori BURGER
→ Produkt → BURGER DELUXE (145 kr)
→ Modifiers → extra ost (+30 kr)
→ Lägg till
→ Meny → kategori DRYCKER
→ Produkt → COLA (35 kr)
→ Lägg till
→ Varukorgs-badge
→ Review (total 210 kr)
→ Fortsätt till betalning
→ Upsell → FRIES (45 kr)?
→ Ja, lägg till
→ Betalning (total 255 kr)
→ Sätt in kort
→ Tack! Ordernummer: #1234
→ Attract (efter 15 sek)

Tillgänglighet

Designen följer WCAG 2.1 AA:

• Stora tap-zoner (min 44x44 px)
• Hög kontrast på text
• Bildikoner kompletteras med text
• Skärmläsare-stöd

Framtida: röststyrning, mer textstorleksalternativ.

Konfiguration

Express-kiosken konfigureras via Admin → Inställningar → Express per arbetsstation.