En patient öppnar din kliniks hemsida i mobilen sent en kväll. Hen letar efter bokningssidan men hittar inte menyn. När hen till slut hittar den är texten så liten att hen trycker på fel länk och hamnar på en sida hen aldrig ville till. Efter tredje försöket ger hen upp och ringer nästa klinik i träfflistan. Du såg aldrig den här personen. I din statistik syns hen bara som ett besök som "varade några sekunder".
Det här är den tysta förlusten som uppstår när hemsidans meny i mobilen är dåligt utformad. På datorn ser allt bra ut, eftersom det är där du oftast kollar din sida. Dina kunder når dig däremot ofta med en hand, ute på stan och med tankarna på annat håll. I den här artikeln förklarar jag hur menyn och knapparna påverkar din verksamhet, hur du själv upptäcker om din sida har ett problem och vad du ska fråga den som bygger den.
Vad är en mobilmeny egentligen?
En mobilskärm är smal. Därför gömmer sig menyraden från datorn i mobilen oftast bakom en liten ikon med tre streck. Den kallas "hamburgermeny", och när du trycker på den öppnas listan. Den lösningen är inte fel i sig, men den passar inte alla verksamheter.
Problemet uppstår när det kunderna oftast vill göra (ringa, få vägbeskrivning, be om tid eller offert) ligger djupt nere i menyn. En bra mobilmeny visar de få viktigaste sakerna direkt.
Så syns ett menyproblem i din verksamhet
- Missade samtal och bokningar. Om telefonnumret inte går att hitta ringer kunden inte.
- Tappat förtroende. En rörig eller trasig meny ger intrycket att även verksamheten är rörig.
- Synlighet på Google. Google ser inte en sida som är svår att använda i mobilen som en bra upplevelse. Om fler besökare snabbt lämnar sidan kan det indirekt påverka hur den bedöms.
- Bortkastade annonspengar. Om en besökare du betalat för att locka hit går vilse i menyn ger utgiften ingenting tillbaka.
Det du kan kontrollera själv
Du behöver ingen teknisk kunskap. Ta mobilen och surfa som en kund.
- Testa med en hand. Kan du öppna och stänga menyn med tummen?
- Hitta telefonnumret. Når du numret eller en "Ring"-knapp inom några sekunder efter att sidan öppnats? Tar det mer än fem sekunder finns det ett problem.
- Räkna felträffarna. Om du hela tiden råkar trycka på fel länk är knapparna för små eller för nära varandra.
- Läs texten. Går det att läsa utan att zooma?
- Låt någon annan prova. Ge mobilen till en vän som aldrig sett din sida och be hen "boka en tid" eller "fråga efter priset". Se var hen fastnar. Det är det mest avslöjande testet.
De vanligaste menyfelen
När jag går igenom företagssidor i olika branscher dyker samma fel upp om och om igen:
- För många val. En meny med tolv punkter blir en lång lista i mobilen. Kunden måste scrolla och tröttnar.
- Menyer i menyer. Ett tryck öppnar en andra lista, som öppnar en tredje. Det är svårt att hantera med fingret.
- En otydlig ikon. Ibland är menyikonen så liten eller blek att den nästan inte syns.
- Telefonnumret allra längst ner. Står det bara i sidfoten måste kunden scrolla genom hela sidan.
- Sidan rör sig bakom den öppna menyn. Den som vill stänga menyn råkar trycka någon annanstans.
Inget av det här kräver ett stort programmeringsprojekt. Det mesta är designbeslut. Men så länge ingen märker dem kostar de dig kunder varje dag.
Vad designern gör
Hittar du ett problem ligger lösningen hos designern eller utvecklaren. Vanligtvis innebär arbetet:
- Att hålla menyn enkel: fyra till sex huvudpunkter i stället för alla sidor.
- Att koppla de viktigaste åtgärderna, som att ringa och få vägbeskrivning, till en knapp som alltid syns.
- Att göra knapparna tillräckligt stora för ett finger och ge dem utrymme emellan.
- Att se till att stängknappen syns tydligt när menyn är öppen.
- Att ersätta menyer som öppnas när man för musen över dem (det finns inte i mobilen) med sådana som fungerar med tryck.
I mobilen finns ingen "svävande" mus, så rullgardinsmenyer som fungerar fint på datorn fastnar ofta i mobilen. Fråga din designer särskilt om det.
Vad du ska fråga din designer
- "Har du testat menyn på riktiga mobiler, både äldre och nyare modeller?"
- "Kan du hålla mina kunders tre vanligaste åtgärder synliga hela tiden?"
- "Hur bestämmer du knapparnas storlek och avståndet mellan dem?"
- "Hur testar du problem som att sidan hoppar eller att menyn fastnar när den öppnas?"
Den som inte kan svara tydligt på det behandlar kanske mobilen som en eftertanke.
Hur lång tid tar det?
Att åtgärda menyn och knapparna går oftast mycket snabbare än att bygga om hela sidan. Beroende på hur sidan är byggd och hur stort problemet är kan det ta allt från några dagar till några veckor. Bara den som tittar på din sida kan ge en säker uppskattning.
När arbetet är klart, be att få se ändringen på en riktig mobil. I stället för en skärmdump öppnar du sidan på din egen mobil och upprepar samma tester: hitta numret, öppna menyn, nå bokningssidan. Om det är enklare än vid ditt första försök är du på rätt väg.
Vanliga frågor
Är en hamburgermeny dålig?
Nej. För de flesta företagssidor fungerar den utmärkt. Det viktiga är att de avgörande åtgärderna (ringa, boka, vägbeskrivning) inte försvinner i den.
Hur många menypunkter bör det finnas?
Det finns inget fast antal, men fyra till sex huvudpunkter räcker oftast för en företagssida, till exempel tjänster, om oss, vanliga frågor och kontakt. Övriga sidor nås därifrån.
Skadar ett menyproblem i mobilen min placering på Google?
Ensamt är det inte avgörande, men Google vill visa sidor som människor är nöjda med. Om besökare går vilse i menyn och lämnar sidan är det inget bra tecken.
Räcker det att bara åtgärda menyn?
Ibland ja. Men om texten är liten, sidan långsam eller knapparna svåra att nå bör hela mobilupplevelsen ses över tillsammans.
Min designer säger att sidan är "mobilanpassad", men jag ser ändå problem.
Mobilanpassad betyder att sidan ryms på skärmen. Det betyder inte att den är lätt att använda. Skicka en skärmdump på det du ser.
Kort sagt: om din kund inte lätt kan använda din sida i mobilen säger hen inte det till dig, hen går bara. Fem minuter med din egen mobil avslöjar de flesta problem. Vill du ha en hemsida där menyn och knapparna är planerade utifrån kundens perspektiv kan du läsa mer om min tjänst bygga hemsida.