När vi pratar om webbdesign år 2017 talar vi verkligen om lyhörd webbdesign. På drygt sex år har termen "responsiv" blivit en allomfattande industristandard.
Responsiv webbdesign är processen att designa en webbplats eller en webbapp, så att innehållet anpassas på lämpligt sätt enligt den enhet som den ses på. För några år sedan såg jag ett utmärkt konferenssamtal av Ethan Marcotte-who myntade termen "lyhörd webbdesign"-där han liknade lyhörda platser till Utahs Pando-träd; en enda organism med en sammanhängande rotstruktur, som kommer ut från marken på olika ställen, olika sammanhang, i olika storlekar, men alla bär samma basgenetik.
Det är förmodligen antagandet av lyhörd design som har möjliggjort tillväxten av mobilbanan. utan att kostnaden för att utveckla en mobilplats parallellt med en stationär version skulle ha inneburit att många företag stämmer med den senare.
Relationer utformade för mobil överförs ofta till mycket större visningar
Men lyhörd design är inte utan problem. Enligt definition svarar responsiva mönster på visningsstorlek, inte innehåll. Containerbaserade variationer på CSS-mediafrågor har blivit uppfattad som en lösning, men hittills är det bara en post-it på någons whiteboard.
Design är i stort sett om relationer mellan element, och dessa relationer är begränsade på en liten skärm. Dessutom, eftersom vår markering är semantiskt strukturerad, omvandlas relationer utformade för mobil ofta till mycket större visningar.
Ett av de vanligaste kritiska gränssnittsbesluten från det gångna året har varit det ökande antalet hamburgermenyer som används på skrivbordet. Dock har liten uppmärksamhet ägnats åt mobillayouter - horisontella innehållsband uppdelade i en 12-kolonnnät - uppskalad till skrivbordet.
Frågan om huruvida lyhörd webbdesign dödar kreativitet är förmodligen orättvist. Det förutsätter att mångfald och innovation är livsnerven i en designprocess. Det låter också på ett koncept, om det finns skyldighet att dela, ligger det säkert med genomförandet. Faktum är att design ofta blomstrar under de strängaste restriktionerna. Jag känner en designer som lägger sina egna begränsningar till klientdräkter, för han känner att hans arbete är starkare när han utmanas.
om det finns skyldighet att dela, ligger det säkert i genomförandet
Responsiv design fungerar otroligt bra med branding, men det är mindre än perfekt för layout. Det kan vara att det bästa sättet att implementera lyhörd design är att skapa distinkta mönster för olika klasser av visningsport, och lita på responsiva tekniker endast för liknande skärmar. Vi kanske inte känner till de exakta dimensionerna på varje skärm, men vi vet att en telefon måste passa i fickan, vi vet att en anteckningsbok inte kan vara smalare än tangentbordet.
Responsiv design kan helt enkelt vara en idé som ligger längre före den tid vi inser, och när verktyg som CSS-variabler, och behållarfrågor har implementerats, kommer design på webben att bli mångsidig igen.