För de flesta företag sker majoriteten av besöken i mobilen. Ändå ritas många hemsidor fortfarande för datorskärmen först och kläms sedan ihop till mobilen i efterhand. Vi gör tvärtom – och det är inte en teknikdetalj, utan skillnaden mellan en sajt som fungerar och en som frustrerar.
Vad responsiv design egentligen är
En responsiv sajt anpassar sig efter skärmen den visas på: samma sida, men innehållet ordnar om sig så att det fungerar lika bra på en telefon som på en stor skärm. Det är inte en separat mobilsajt att underhålla, utan en och samma sida som är byggd för att vara flexibel från grunden.
Därför "mobilen först"
När man designar för den lilla skärmen först tvingas man prioritera. Vad är viktigast? Vad måste synas direkt? Den disciplinen ger en tydligare sajt även på datorn. Ritar man i stället datorn först blir mobilen en efterhandskonstruktion där saker göms, krymper och krånglar – och det är i mobilen de flesta kunderna faktiskt är.
Det som avgör om mobilen känns bra
- Touch-vänliga ytor – knappar och länkar ska vara stora nog för en tumme, med luft omkring så man inte träffar fel.
- Läsbar text utan att zooma – minst 16 pixlar, annars zoomar telefonen in vid varje fält.
- Ingen sidled-scroll – inget innehåll får sticka ut utanför skärmen; en bred tabell eller bild ska rulla i sin egen ruta, inte skjuta hela sidan i sidled.
- Tummen når det viktiga – de vanligaste knapparna placeras där handen når, inte högst upp i ett hörn.
Brytpunkter – men med måtta
Sajten byter layout vid några bestämda brytpunkter (typiskt telefon, surfplatta och dator). Poängen är inte att träffa varje enskild modell, utan att innehållet flyter snyggt däremellan. En sida som är byggd flexibelt ser bra ut även på skärmstorlekar ingen tänkt på.
Varje sida vi bygger på Crevo ritas för mobilen först och testas i alla skärmstorlekar innan den går live – för det är där kunderna är. Vill ni veta hur er sajt står sig i mobilen? Boka en kostnadsfri genomgång.