Idag kommer en klar majoritet av besöken till de flesta webbplatser från mobilen. Ändå ser vi fortfarande sajter som är byggda för en stor skärm och sedan krympta ihop i efterhand. Resultatet blir små knappar, text som är svår att läsa och menyer som inte går att använda med tummen.
Designa för den minsta skärmen först
Mobile first innebär att man börjar med den mobila versionen och bygger vidare uppåt. Det tvingar fram prioriteringar: vad är det absolut viktigaste besökaren ska se? Allt annat får vänta tills skärmen blir större.
Tumvänliga ytor
Knappar och länkar ska vara stora nog att träffa utan att zooma. En tumregel är minst 44 pixlar i höjd. Placera viktiga funktioner, som varukorg och meny, där tummen naturligt når.
Hastighet är en del av designen
På mobilnät spelar varje kilobyte roll. Optimerade bilder, få typsnitt och ett lätt tema gör stor skillnad för hur snabbt sidan känns. Google väger dessutom in mobilupplevelsen när sidor rankas.
Testa på riktiga enheter
Webbläsarens utvecklarverktyg är bra, men ingenting slår att testa på en riktig telefon. Be gärna några personer utanför projektet att handla eller hitta information på sajten – det avslöjar snabbt var användarna fastnar.