Öppna målsidan för en ChatGPT-annons på en mobil och börja fylla i formuläret. Tangentbordet visas. En samtyckespanel ligger kvar. Längst ned finns en fast kontaktknapp. Går det fortfarande att läsa fältet du arbetar i och instruktionen under det? Den övningen säger mer om knappen än en snygg skärmbild av en tom sida.
En fast knapp kan hålla ett relevant nästa steg tillgängligt medan besökaren läser. Den kan också täcka just den information som behövs för att fatta beslut. Det här är ett layoutval på företagets webbplats, inte en funktion i själva ChatGPT-annonsen. Bedöm därför lösningen utifrån den verkliga målsidan och det erbjudande som annonseras.
Börja med att avgöra om knappen behöver följa med
Tänk dig en annons om offert på installation i ett mötesrum. Sidan beskriver rummets förutsättningar, utrustningen, omfattningen och hur offerten tas fram. På en lång mobilsida kan en fast knapp med texten ”Begär offert för mötesrummet” spara en återgång till sidans början. På en kort sida med synligt formulär kan samma knapp tillföra ganska lite.
Lägg inte till en fast knapp enbart för att andra webbplatser har en. Skissa läsordningen och markera var besökaren redan kan gå vidare. Om det finns en naturlig handling vid varje verkligt beslut behöver den extra knappen motivera sitt utrymme. Om besökaren först måste jämföra två paket kan en ensam köpknapp föra personen förbi ett olöst val.
Skriv skälet konkret: ”Offertformuläret ligger efter en längre genomgång av omfattningen, och läsaren behöver kunna nå det från varje avsnitt.” Det är en hypotes som går att granska. Ett allmänt påstående om att fasta knappar alltid ger fler affärer är inte ett tillräckligt underlag.
Behåll handlingen från ChatGPT-annonsen
Den fasta knappen bör ha samma innebörd som målsidans huvudsakliga knapp. Om annonsen erbjuder en offert på en bedömning är ”Begär offert på bedömningen” tydligare än ”Kom igång”. Byt inte till ”Boka nu” om nästa steg egentligen bara skickar en förfrågan.
Om flera annonser använder sidan behöver deras nästa steg vara förenliga. En sida som tar emot både ett informationserbjudande och ett köpbudskap kan skapa olika förväntningar. Lös det i sidans uppdrag i stället för att låta den fasta knappen välja vilken annons som får styra. Guiden om första skärmen hjälper er tydliggöra erbjudandet innan ytterligare kontroller läggs till.
Lämna plats för sidans sista delar
Ett vanligt problem syns först längst ned. Besökaren når formuläret men den fasta raden täcker sista fältet, skicka-knappen eller bekräftelsen. Det behövs tillräckligt utrymme för att innehållet ska kunna komma fram ovanför raden. Granska detta i webbläsaren och inte bara i en ritning med bestämda mått.
W3C:s Focus Not Obscured (Minimum) kräver att en komponent med tangentbordsfokus inte döljs helt av innehåll som webbplatsen skapar. Den här granskningen går längre: försök hålla hela fältet, etiketten och instruktionen synliga. Att klara ett enskilt kriterium innebär inte att hela formuläret är tillgängligt eller lätt att använda.
| Tillstånd att öppna | Fråga att besvara |
|---|---|
| Fält med synligt tangentbord | Går fält och instruktion att läsa? |
| Valideringsfel | Går problemet att hitta och rätta? |
| Öppen samtyckespanel | Är kontrollerna åtskilda och åtkomliga? |
| Sidans sista avsnitt | Går sista raden och sidfoten att använda? |
| Förstorad text | Radbryts knappen utan att innebörden försvinner? |
Utgå från de tillstånd som faktiskt finns på sidan. En skärmbild från toppen visar inte att hela resan fungerar. Dokumentera hellre ett konkret problem, exempelvis att en feltext täcks, än en allmän bedömning om att sidan känns trång.
Granska knappen i tillstånd där utrymmet förändras
- Tangentbord öppet
Fält och instruktion ska gå att läsa.
- Felmeddelande
Den fasta raden får inte täcka rättningen.
- Vid formuläret
Skilj hoppa till formulär från skicka förfrågan.
- Vid sista fältet
Låt feltext och skicka-knapp komma fram ovanför raden.
Bestäm vad som händer vid formuläret
När besökaren når formuläret kanske den fasta knappen inte längre behövs. Om den ligger kvar bör två likadana knappar inte ha olika beteenden. En knapp som flyttar besökaren till formuläret ska inte heta som om den redan skickar förfrågan.
Om raden döljs vid formuläret behöver övergången vara lugn och begriplig. Innehållet ska inte flytta sig plötsligt när raden visas eller försvinner. Läs om rörligt innehåll vid huvudhandlingen när infogade element ändrar läspositionen. Bevara också svar som redan har skrivits om besökaren går tillbaka för att kontrollera erbjudandet.
Prova själva förflyttningen till formuläret
Tryck på den fasta knappen när formuläret ligger utanför bild. Kontrollera var läsningen börjar efter förflyttningen. Besökaren behöver se formulärets rubrik och eventuella instruktioner, inte bara hamna mitt bland fälten. Prova också med tangentbord: efter att länken aktiverats ska det gå att fortsätta genom formuläret i en begriplig ordning. En visuell förflyttning ensam visar inte hur tangentbordsanvändningen fungerar.
Gör samma kontroll efter ett valideringsfel. Om sidan flyttar tillbaka till det första felaktiga fältet kan den fasta raden täcka feltexten trots att den första ankomsten fungerade. Skriv ned startläge, handling och vad som täcks så att felet går att återskapa. Bedöm även en lösning där knappen ligger i sidans vanliga flöde; det viktiga är att förfrågan går att genomföra.
Fatta beslut efter en komplett genomgång
Börja från den faktiska destinationslänken och gå igenom eventuella vanliga omdirigeringar. Läs sidan, öppna formuläret, framkalla ett fel och genomför en testförfrågan enligt verksamhetens säkra testrutin. Upprepa med tangentbord och smal skärm. Låt gärna en annan person leta specifikt efter täckt information.
Publicera lösningen när den stödjer samma erbjudande och hela resan förblir användbar. Om det inte fungerar kan en tydlig knapp i sidans vanliga flöde vara rätt val. Följ sedan upp konkret återkoppling och kvaliteten på förfrågningarna. Att knappen syns hela tiden visar inte i sig att den hjälper besökaren fatta beslut.
Källor och avgränsning
När en fast mobilknapp hjälper förfrågan från ChatGPT och hur den granskas utan att täcka formuläret.
Arbetsmetoder och exempel är redaktionella förslag. Kontrollera aktuella plattformsvillkor och funktioner inför genomförandet.