Designe webside fra "slutten"? Hvorfor ikke! Det er to måter å lage et responsivt prosjekt på: du kan enten designe en desktop-versjon og kutte innholdet, en funksjon etter en annen for å forlate bare det essensielle, eller lage den mobile, kondenserte designen og utvide den.
Problemet med å skalere ned er at du alltid må ha i bakhodet at ikke alle desktop-teknologier er egnet for mobile enheter, og noen ganger føles den "nedskalerte" versjonen ufullstendig og uprofesjonell, og at det å tilpasse desktop-nettstedet ditt vil føre til at du laster ned det store innholdet selv om det ikke er nødvendig.
Mobil-først-tilnærmingen er en metode som hjelper deg med å trekke ut kjernen i ideen din og huske på hva som er det viktigste innholdet, hva som er formålet du vil vise. Du kan bruke den til å øke sidens ytelse ved å minimere unødvendig innhold når det er nødvendig, og gjøre det enklere å overvåke det. Det er også lettere å designe UI-mønstre når du kan legge til noe vanskelig, enn å redusere noe viktig. Det er også mer nyttig å se på tilgjengelighet - hvordan vil de langsommere enhetene reagere? Desktop-enheter er ofte kraftigere enn mobile enheter, så det er lettere å kode ny funksjon som et tillegg, ikke basen som egentlig ikke kan brukes på tregere. Det betyr imidlertid ikke at mobildesign må være rått og nakent. Med tanke på begrensningene bør det være komplekst og tiltalende, fordi begge versjonene er dyptgripende for betrakteren mens han eller hun surfer, men det betyr ikke at opplevelsen må være identisk (det kan den faktisk ikke være).
Utfordringen for mobile visninger er: hvordan få med så mye funksjonalitet som mulig, med liten vekt og intuitiv opplevelse? Desktop tilgir mange feil - mobil ikke. Hvis du skyter det største byttet først, vil du finne det mye enklere å utvikle videre. Når det gjelder trykk og sveip, er det ikke mye å tenke på når du konverterer det til klikk - i hvert fall ikke så mye som den andre veien.
Hva er det som er vanskelig? Det vanskeligste med å starte fra mobilvisning, etter min mening, er mangel på et tydelig visuelt designkonsept. Dette problemet kommer strengt tatt fra et kreativt, kunstnerisk perspektiv, der mobilversjonen noen ganger ER et mangelfullt design. Ja, det er sannheten - det er ikke mye plass til å uttrykke seg og la fantasien få fritt spillerom, spesielt hvis designet ikke er rent og minimalistisk. Det er mye å tenke på når det gjelder farge- og formkomposisjon som skal få plass på liten plass og samtidig se innbydende og oversiktlig ut, for ikke å snakke om den intuitive håndteringen. Hva er løsningen? Jeg vil anbefale å skissere alle versjonene med så mange visuelle ideer som mulig, og deretter starte mobilalternativet fra et teknisk og rent brukeropplevelses- og frontend-utviklingsperspektiv. Det virker som det beste svaret på dilemmaet, et kompromiss for å få bare fordeler fra begge perspektiver!