Mobiltelefonen har blivit en vanlig ingång till digitala spelplattformar. Att använda en tjänst på en mindre skärm innebär dock mer än att visa samma webbsida i ett smalare format. Menyer, spelvyer och informationsfält behöver utformas så att de fungerar med pekskärm och kan anpassas efter olika skärmstorlekar. Resultatet är en mobilupplevelse där både teknik och gränssnittsdesign spelar en central roll.

Responsiv design och tydlig navigering

En responsiv webbplats anpassar layouten efter enhetens skärm. På en mobil kan innehåll som ligger i flera kolumner på en dator i stället visas i en följd, medan knappar och text får tillräckligt med utrymme för att vara lätta att använda. Menyer kan samlas i en kompakt navigering, och viktiga delar som sökfunktion eller kontoinformation placeras där de är enkla att hitta.

Designen behöver också ta hänsyn till att användaren navigerar med fingrar snarare än muspekare. Därför är knappstorlek, avstånd mellan val och tydlig återkoppling vid tryck relevanta delar av gränssnittet. En välordnad struktur hjälper användaren att röra sig mellan spelkategorier, kontosidor och annan information utan att behöva hantera onödigt många steg.

Spelens format på mobil

Spelutvecklare anpassar ofta spelens visning för stående eller liggande läge. Ett spel med många detaljer kan vara utformat för bredare vy, medan enklare spel kan fungera väl i stående format. Grafiska element skalas om, menyer placeras om och kontrollknappar utformas för pekskärm. Det kan även finnas inställningar för ljud, animationer och visningsläge som gör det möjligt att anpassa upplevelsen efter enheten.

Hur snabbt en spelsida öppnas påverkas bland annat av bildmaterial, programkod och nätverksförbindelse. Plattformar kan därför använda tekniker som laddar innehållet stegvis och anpassar bildstorlekar. På så sätt kan själva gränssnittet visas innan alla detaljer i en spelvy har hämtats. För mobil användning är även stabil prestanda viktig, eftersom telefoner varierar i kapacitet och anslutning.

Mobilanpassning hos olika tjänster

Olika aktörer gör delvis olika val när de utformar sina mobila tjänster. Vissa använder en responsiv webbplats som öppnas i telefonens webbläsare, medan andra också erbjuder en separat app. I en översikt över mobila spelplattformar kan varumärken som leovegas nämnas som en del av det bredare utbudet av tjänster som presenteras för mobil användning. Det centrala ur ett användarperspektiv är hur innehållet organiseras och hur väl funktionerna passar skärmens format.

En mobilwebbplats och en app kan ha liknande funktioner men skilja sig åt i hur de startas och uppdateras. Webbplatsen nås via en webbläsare, medan en app installeras på enheten. I båda fallen behöver gränssnittet fungera tillsammans med telefonens operativsystem och stödja vanliga funktioner, exempelvis inloggning och navigering mellan olika delar av tjänsten.

Information, läsbarhet och användning

Mobilanpassning omfattar också text och informationsstruktur. Tydliga rubriker, korta textstycken och konsekvent placering av menyer gör innehållet lättare att överblicka på en mindre skärm. Läsbarheten påverkas av teckenstorlek, kontrast och radavstånd. När information presenteras i en logisk ordning blir det enklare att förstå vilka funktioner som finns och hur olika delar av tjänsten hänger ihop.

Utvecklingen av mobilspel bygger därmed på flera samverkande delar: responsiv teknik, spel som fungerar i olika format och gränssnitt som är anpassade för pekskärm. När dessa delar planeras tillsammans kan digitala spelplattformar erbjuda en sammanhållen upplevelse på såväl telefoner som större skärmar.

X