Bokningswidget för restaurang: en fråga i taget

En gäst som vill boka bord har redan bestämt sig. Hen har valt er framför grannen, hittat er hemsida och tryckt på Boka bord. Det enda en bokningswidget kan göra därifrån är att inte stå i vägen.

Det låter enkelt. Det var det inte. Den här hösten har vi byggt om vår widget från grunden, och på vägen gick vi på en mina som vi gärna berättar om, eftersom den lärde oss mer än något annat.

Vad är en bokningswidget?

En bokningswidget är den lilla rutan på restaurangens egen hemsida där gästen bokar bord. Gästen lämnar aldrig er sajt, laddar inte ner någon app och skapar inget konto. Bokningen landar direkt i ert bokningssystem, och gästen får en bekräftelse på mejl.

För gästen är widgeten hela ert bokningssystem. Allt annat, bordskartan, gästregistret, kvällens översikt, ser bara ni. Därför är det märkligt hur ofta just den delen får minst omsorg.

Tre frågor, en i taget

Den nya widgeten ställer en fråga per skärm. För en vanlig bordsbokning blir det tre:

Efter det står det ”Välkomna ikväll.” Inte ”Din reservation har registrerats med referensnummer”. Välkomna ikväll.

Vi frågar bara det som ändrar svaret. Har ni en enda matsal får gästen aldrig frågan var hen vill sitta. Har ni både matsal och uteservering kommer den frågan, annars inte. Den gamla raden högst upp som sammanfattade varje val är borta, liksom de separata väljarna för dag, längd och tid.

Minan: tiderna som fanns men inte syntes

I september gick vi igenom widgeten som en gäst skulle göra, på en telefon, en kväll med gott om lediga bord. Av 28 bokningsbara tider visade widgeten tolv.

Resten fanns där, längre ner i en lista som gick att rulla. Men på en iPhone syns ingen rullningslist förrän man rör vid skärmen, och listan råkade ta slut exakt mellan två rader. Den såg färdig ut. Direkt under stod en vänlig länk: Få notis om en tid blir ledig.

Gästen som ville ha bord klockan nio gjorde alltså det enda rimliga: ställde sig i kö till ett bord som stod ledigt.

Inget test fångade det. Tiderna låg i koden, listan fungerade, allt var grönt. Felet fanns bara i ögonen på den som tittade. Det är lite pinsamt att skriva, men det är också hela anledningen till att widgeten ser ut som den gör i dag.

Först lagade vi listan. Sen ställde vi frågan en gång till: varför ska en gäst över huvud taget läsa 28 tider? Nu visar widgeten sex stycken runt kvällens mitt, och en tydlig knapp som heter Fler tider. Den som vill äta 19:00 hittar det direkt. Den som vill äta 21:30 vet precis var resten finns.

Det vi nästan byggde i stället

Det första förslaget till en ny widget gick åt andra hållet. Allt på en skärm: dagar, tider, priser, vad som var ledigt just nu. Färre klick, tänkte vi. Det såg ut som instrumentbrädan i ett flygplan.

Vi slängde det. Ett klick är inte dyrt. Det dyra är att behöva tänka. En skärm med en fråga och fem stora knappar går fortare att ta sig igenom än en skärm med allt, även om den senare tekniskt sett har färre steg. ”Få klick” är ett bra mål så länge man minns vad det står för: att gästen aldrig ska tveka.

Vad forskningen säger

Vi är inte först med den slutsatsen, och det är skönt att kunna luta sig mot andra.

Långa formulär tappar folk. Baymard Institute har studerat kassaflöden i näthandeln i många år. I deras sammanställning har 17 procent av amerikanska näthandlare någon gång avbrutit ett köp bara för att kassan var för lång eller krånglig. En genomsnittlig kassa visar drygt 23 formulärelement. Baymard menar att 12 till 14 räcker. En bordsbokning är ingen kassa, men gästen är samma människa med samma tålamod.

En sak per sida fungerar. Den brittiska statens designteam kom fram till samma sak när de byggde om myndigheternas e-tjänster. Tim Paul beskrev det 2015 i inlägget One thing per page: sidor med en fråga är lättare för ovana användare, fungerar bra på mobilen och hanterar fel bättre. Deras råd är att börja där och bara slå ihop frågor när det finns skäl.

Långsamma sidor lämnas. Googles studie The Need for Mobile Speed från 2016 gick igenom över 10 000 mobilsajter och fann att 53 procent av besöken avbryts om sidan tar mer än tre sekunder att ladda. Siffran har några år på nacken, men ingen har blivit tålmodigare sedan dess.

Den ska inte synas på er hemsida heller

Det sista är lätt att glömma. En widget bor på er sajt, och varje sak den hämtar när sidan laddas är en sak er hemsida får vänta på.

När vi räknade efter gjorde widgeten elva anrop innan gästen ens hade tryckt på något. Fem av dem var rena formaliteter som webbläsaren skickade för säkerhets skull. Nu gör den fyra. Hela widgeten väger drygt 40 kB när den skickas, ungefär som en liten bild.

Det märks inte som en funktion. Det märks som att er hemsida är lika snabb med widgeten som utan.

Småsaker som gästen aldrig lägger märke till

Det mesta av höstens arbete är sådant som bara märks när det saknas:

• Ett dubbeltryck på Boka ger en bokning. Inte två. Det låter självklart, och det var det inte förrän vi mätte.
• Förslag som går att boka. När kvällen är full föreslår widgeten närmaste lediga tider, och bara tider som faktiskt går igenom.
• Raka besked. Finns det inga lediga dagar står det så, i stället för en kalender full av gråa rutor.
• Stamgästen slipper börja om. Länken Boka igen i bekräftelsemejlet öppnar widgeten med sällskapet redan ifyllt.
• Den ni ser är den gästen får. Förhandsvisningen i inställningarna är den riktiga widgeten, inte en bild av den.

Det ni själva bestämmer

En fråga i taget betyder inte att alla krogar får samma widget. Det mesta nedan är avstängt från början, och ni slår på det som passar er. Gästen ser bara det ni har valt.

Det gästen kan berätta i förväg

Under namn och telefon kan gästen trycka på ett par snabbval. Inget av dem är obligatoriskt, och det tar en sekund.

Det är små saker som gör stor skillnad vid dörren. Kommer det en rullstol vill ni ha valt bordet innan sällskapet står där. Kommer det en barnvagn vill ni veta det före fredagens sista lediga hörn är upptaget. Och den som fyller år blir gladare av ett ljus i desserten än av frågan ”var det ni som firade något?”.

Varje snabbval har sin egen knapp i inställningarna. Tar ni inte emot hundar låter ni Hund vara av, och då finns frågan inte. Det gästen har tryckt på syns på bokningen under kvällen, så personalen vet det utan att någon behöver läsa ett fritextfält.

Vad gästen måste fylla i

Ni väljer om telefonnummer och e-post ska krävas, och om gästen måste skriva ett meddelande om allergier och önskemål. Färre krav ger fler bokningar. Fler krav ger er mer att gå på. Det är er avvägning, inte vår.

Tillval strax före Boka

Har ni lagt upp tillval får gästen en sista fråga: Vill ni lägga till något? Det kan vara bubbel till bordet eller en timme extra. Ni sätter namn och pris, gästen ser summan och betalar på plats. Den som inte vill trycker på Boka utan tillval och är klar.

Reglerna runt bokningen

• Största sällskap. Ni sätter taket. Större sällskap kan få raden ”Fler än 8? Mejla oss” i stället för ett nej.
• Hur långt fram. Hur många dagar i förväg det går att boka, och hur nära inpå.
• Första och sista tid. Ingen bokar bord fem minuter efter att ni öppnat eller en kvart före stängning om ni inte vill det.
• Avbokning. Om gästen får avboka själv, och hur sent.
• Paus. Är det kaos i köket pausar ni onlinebokningarna med ett tryck. Widgeten säger vänligt ifrån tills ni slår på igen.

Hur den ser ut och vad den visar

• Ljust, mörkt eller automatiskt, så att den följer er sajt.
• Inbäddad på sidan eller bakom en knapp, med er egen text på knappen.
• Svenska eller engelska.
• En del av huset eller hela. Widgeten kan gälla bara matsalen, eller låta gästen välja mellan matsal, uteservering och kvällens evenemang.
• Egen färg och logga ingår i Pro.

Allt det här ändrar ni själva, på telefonen om ni vill, och förhandsvisningen bredvid visar direkt vad gästen kommer att se.

Prova den själv

Det här är den riktiga widgeten, kopplad till vår demokrog. Boka ett bord och se hur långt ni hinner räkna.

På er egen sajt är det en rad som klistras in där ni vill ha den:

<bordflow-widget data-org="er-krog"></bordflow-widget>

Den fungerar på alla hemsidor där det går att klistra in en bit HTML.

Vanliga frågor om bokningswidgetar

Behöver gästen skapa ett konto eller ladda ner en app?

Nej. Gästen bokar på er hemsida med namn, telefon och e-post, och får bekräftelsen på mejl.

Vad händer när det är fullt?

Widgeten föreslår närmaste lediga tider. Finns det inga kan gästen ställa sig på väntelistan och får besked om ett bord blir ledigt.

Kan gästen säga till om rullstol, barnvagn eller hund?

Ja, om ni har slagit på det. Gästen trycker på ett snabbval när hen bokar, och ni ser det på bokningen i förväg.

Kostar det något per bokning?

Nej. Bordflow har ett fast månadspris och tar ingen avgift per gäst eller bokning. Vi har skrivit mer om det i Bokningssystem utan provision.

Fungerar den på mobilen?

Den är byggd för mobilen först. Det är där de flesta gäster bokar, ofta med en hand och på väg någon annanstans.

---

Widgeten är en del av Bordflow, ett bokningssystem för restauranger som följer hela kvällen. Läs mer om bordsbokning online på er egen hemsida, eller se vad det kostar.