Webpagina ontwerpen vanaf "het einde"? Waarom niet! Er zijn twee manieren om een responsive project te maken: of je ontwerpt een desktopversie en knipt de inhoud weg, de ene functie na de andere, zodat alleen het essentiële overblijft, of je maakt een mobiel, verkort ontwerp en breidt het uit.
Het probleem met schaalverkleining is dat je er altijd rekening mee moet houden dat niet alle desktoptechnologieën geschikt zijn voor mobiele apparaten en dat de "geknipte" versie soms onvolledig en onprofessioneel aanvoelt en dat het aanpassen van je desktopwebsite leidt tot het downloaden van de grote inhoud, hoewel dat niet nodig is.
De mobile-first benadering is een methode die je helpt om de kern van je idee te achterhalen en in gedachten te houden wat de belangrijkste inhoud is, wat het doel is dat je wilt laten zien. Je kunt het gebruiken om de prestaties van pagina's te verhogen door onnodige inhoud te minimaliseren wanneer dat nodig is, wat het makkelijker maakt om het te controleren. Het is ook gemakkelijker om UI-patronen te ontwerpen als je iets lastigs kunt toevoegen, dan om iets belangrijks te verminderen. Het is ook nuttiger om vanuit het oogpunt van toegankelijkheid te kijken - hoe zullen de langzamere apparaten reageren? Desktopapparaten zijn vaak krachtiger dan mobiele apparaten, dus het is gemakkelijker om code nieuwe functie als een toevoeging, niet als de basis die niet echt gebruikt kan worden op langzamere apparaten. Dit betekent echter niet dat mobiel ontwerp rauw en grimmig moet zijn. Rekening houdend met de beperkingen moet het complex en aantrekkelijk zijn, omdat beide versies diepgaand zijn voor de kijker tijdens het browsen, maar het betekent ook niet dat de ervaring identiek moet zijn (in feite kan dat niet).
De uitdaging voor mobiele weergaven is: hoe plaats je zoveel mogelijk functionaliteit met weinig gewicht en een intuïtieve ervaring? Desktop vergeeft veel fouten - mobiel niet. Als je eerst op de grotere steengroeve schiet, zul je de verdere ontwikkeling een stuk gemakkelijker vinden. Als je denkt aan tikken en vegen, hoef je niet veel na te denken bij het omzetten naar klikken - in ieder geval niet zoveel als andersom.
Wat is moeilijk? Het moeilijkste om uit te gaan van de mobiele weergave is volgens mij het gebrek aan een duidelijk visueel ontwerpconcept. Dit probleem komt strikt vanuit een creatief, kunstzinnig perspectief, waarbij de mobiele versie soms een gebrekkig ontwerp IS. Ja, dat is de waarheid - er is niet veel ruimte voor expressie en om onbelemmerde verbeelding te laten spreken, vooral als het ontwerp niet puur en minimalistisch is. Er moet veel aandacht worden besteed aan de compositie van kleur en vorm die in een kleine ruimte moet passen en er toch uitnodigend en duidelijk uit moet zien, om nog maar te zwijgen over de intuïtieve bediening. Wat is de oplossing? Ik zou aanraden om alle versies te schetsen met zoveel mogelijk visuele ideeën en dan de mobiele optie te starten vanuit een technische en pure gebruikerservaring en front-end ontwikkeling. Het lijkt het beste antwoord op de dilemma's, een compromis om alleen de voordelen van beide perspectieven te krijgen!