Når vi taler om webdesign i 2017, taler vi virkelig om lydhurt webdesign. I løbet af lidt over seks år er udtrykket "responsive" blevet en allomfattende industristandard.

Responsive webdesign er processen med at designe et websted eller en webapp, så indholdet justeres hensigtsmæssigt i henhold til den enhed, den vises på. For nogle år siden så jeg en fremragende konference præsentation af Ethan Marcotte-hvem mønstret termen 'responsivt webdesign' - hvor han lignede lydhøre steder til Utahs Pando træ; en enkelt organisme med en tilsluttet rodstruktur, der kommer fra jorden på forskellige steder, forskellige sammenhænge, ​​i forskellige størrelser, men alle bærer den samme basisgenetik.

Det er uden tvivl vedtagelsen af ​​lydhørt design, der har muliggjort væksten af ​​mobilwebben; uden at omkostningerne ved at udvikle et mobilt websted parallelt med en desktop version ville have betydet, at mange firmaer stak med sidstnævnte.

Relationer designet til mobil bliver ofte gennemført på meget større visningsporte

Men lydhørt design er ikke uden problemer. Ved definition svarer responsive designs til visningsstørrelse, ikke indhold. Containerbaserede variationer på CSS-medieforespørgsler er blevet solgt som en løsning, men hidtil er det bare en post-it på en persons whiteboard.

Design er bredt om relationer mellem elementer, og disse relationer er begrænset på en lille skærm. Desuden fordi vores markering er semantisk struktureret, bliver relationer designet til mobil ofte gennemført på meget større visningsporte.

En af de mest kritiserede brugerbeslutninger fra det seneste år har været det stigende antal hamburgermenuer, der bruges på skrivebordet. Imidlertid er der ikke blevet lagt særlig vægt på mobile layouter - vandrette bånd af indhold opdelt i et 12 kolonne grid - skaleres op til skrivebordet.

Spørgsmålet om, hvorvidt lydhurtigt webdesign dræber kreativitet, er sandsynligvis uretfærdigt; Det går ud fra, at mangfoldighed og innovation er livsnerven i en designproces. Det lægger også skyld i et koncept, hvis der er skyld i fordeling, ligger det sikkert i implementeringen. Faktisk blomstrer designet under de strengeste begrænsninger. Jeg kender en designer, der tilføjer sine egne begrænsninger til klientkort, fordi han føler, at hans arbejde er stærkere, når han udfordres.

hvis der er skyld i fordeling, ligger det sikkert i implementeringen

Responsivt design virker utroligt godt med branding, men det er mindre end ideelt til layout. Det kan være, at den bedste måde at gennemføre responsivt design på er at skabe forskellige designs til forskellige klasser af visningsporte, og stole på modtagelige teknikker kun for lignende skærme. Vi kan muligvis ikke kende de nøjagtige dimensioner på hver skærm, men vi ved, at en telefon skal passe i en lomme, vi ved, at en notesbog ikke kan være smallere end tastaturet.

Responsivt design kan simpelthen være en ide, der ligger længere end den tid, vi indser, og når værktøjer som CSS-variabler og container-forespørgsler er implementeret, vil design på nettet igen blive forskelligt.

Udvalgte billede, Pando billede af Tony Frates via Flickr