Share
Responsief webontwerp. Dat zegt alles. Als de man achter de meest besmettelijke stroming in webdesign op dit moment, heeft Ethan Marcotte echt geen introductie nodig. Onlangs hij reageerden op een paar van mijn vragen (zie wat ik daar heb gedaan?), dus pak een koffie en ontdek wat hij te zeggen had over snikken in de metro en mensen in de zon schieten?
Ontwerper. Ontwikkelaar. Lang. Slecht met cijfers.
Ik ben een onafhankelijke ontwerper / ontwikkelaar / iets dat in Cambridge, Massachusetts woont. Voordat ik eind 2010 opnieuw op eigen kracht uit de slag ging, was ik een interactief ontwerpdirecteur bij de charmante en mooie Happy Cog. Maar door de jaren heen heb ik het geluk gehad om samen te werken met mensen zoals New York Magazine, Stanford University, het W3C en het Sundance Film Festival. Meest recent hielp ik een nieuwe responsieve site voor The Boston Globe te lanceren. Ik hou van deze baan.
Meer recent, ik veronderstel dat ik "bekendsta" voor het bedenken van de term "responsive web design" bij An Event Apart Seattle 2010, om een meer flexibele manier te beschrijven om buiten de desktop te ontwerpen. Ik volgde dat gesprek met een artikel in het tijdschrift A List Apart en uiteindelijk schreef ik een klein boek over het onderwerp.
In een notendop is responsief ontwerp een alternatieve manier om het post-desktopweb te ontwerpen. Historisch gezien was onze hoofdbenadering van ontwerpen voor mobiel, tablet of wat-is-u, het bouwen van apparaatspecifieke sites, het fragmenteren van onze inhoud in verschillende contexten. Responsief ontwerp, op het meest basale niveau, stelt ons in staat flexibele gridgebaseerde lay-outs en mediaquery's te combineren om een meer, goed, responsief ontwerp te creëren: een ontwerp dat zichzelf hervormt om tegemoet te komen aan verschillende resolutiebereiken.
Hoe dan ook. Het was een absoluut krankzinnig, prachtig jaar.
Persoonlijke kruistocht? Oh, godzijdank ja. Ik ben de meest dogmatische persoon op internet en geloof heimelijk dat mensen die het niet met me eens zijn, in de zon moeten worden geschoten.
Hallo! Ik maak een grapje! Ik grap! (Ik ben ook ongelooflijk laag op cafeïne!)
Maar echt, het allerbeste aan werken op het web is dat er geen enkele juiste weg is? van werken. Ik bedoel, in het afgelopen jaar lijkt het alsof dit debat zich online heeft gevormd, eentje die op de een of andere manier "mobiel ontwerp" heeft tegen "responsief ontwerp" in een soort episch, Clash of the Titans-achtig conflict. Ik begrijp niet waarom dingen zo binair moeten zijn: sommige doelgroepen zouden profiteren van apparaatspecifieke ervaringen, terwijl anderen zouden kunnen profiteren van een meer responsieve benadering.
Ik werk dit jaar met één grote klant, waarbij dit laatste het geval is: dat de doelen van elke "context" als het ware in zo'n hoge mate overlappen dat een responsieve benadering gemakkelijk de beste was. Maar ik heb op sites gewerkt waar het omgekeerde ook waar was.
Uiteindelijk gaat het erom de benadering van de behoeften van het publiek van een bepaalde site aan te passen, niet alleen de apparaten die ze gebruiken, of de vooroordelen die we ontwerpers op tafel leggen. Als onze community meer structuur en proces kan bieden hoe om te kiezen tussen een responsieve benadering of een apparaatspecifieke aanpak, zullen we het juiste probleem aanpakken.
Man. Niet een paar dingen, om eerlijk te zijn.
Eerst en vooral is er veel dat kan worden verbeterd aan de CSS-kant van de dingen. Ik bedoel, vandaag vertrouwen we op wat tamelijk oude (als betrouwbare) hulpmiddelen: namelijk drijvers en positionering. En helaas betekent dit dat de meeste responsieve sites vandaag worden beperkt door de bronorder. Dit kan tot op zekere hoogte worden opgelost, vooral als u uw markup op een "eerste mobiele" manier plant, maar gelukkig zijn er enkele CSS3-tools opgesteld die ons nog meer flexibiliteit bieden. Ik ben vooral enthousiast over de flexibele box en de lay-outmodule.
We kunnen geen verband leggen tussen de breedte van een scherm en de hoeveelheid beschikbare bandbreedte, maar er is nog steeds veel werk verzet rond het optimaliseren van de beeldweergave. Een van de eerste was het responsive images script van Filament Group, maar sindsdien zijn er scads gebouwd; Jason Grigsby had een fantastische verzameling van verschillende responsieve beeldtechnieken, met details over hun respectievelijke sterke en zwakke punten, die ik ten zeerste aanbeveel.
En tot slot denk ik dat hetgene dat ik het meest interesseer om uit te zoeken, is hoe een responsieve aanpak de manier waarop ik mijn projecten beheer, kan veranderen. Voor de Boston Globe was de grootste verandering voor mij een meer collaboratieve benadering tussen ontwerpers en ontwikkelaars: de nadruk leggen op rapid prototyping als een ontwerptool en het gebruik van de site in verschillende telefoons, tablets en browsers het ontwerp van de site daadwerkelijk laten weten. Dus hoe zou een meer responsieve benadering van het verzamelen van vereisten eruit zien? Een responsievere contentstrategie? De technische fundamenten - vloeistofrasters, flexibele afbeeldingen en vragen uit de media - zijn eigenlijk maar een onderdeel van een veel groter ontwerpproces, een die ik heel graag wil proberen te achterhalen.
Ik heb de laatste tijd veel werk van Garret Keizer gelezen. Zijn boek over geluid was geweldig, en ik weende openlijk over de metro toen ik zijn recente essay over onderwijs voor het tijdschrift van Harper las. (Beschikbaar in het tijdschrift, maar online voor abonnees.)
Visueel gesproken, ontdekte ik het werk van Dave Mott via Dribbble en ben ik in diepe klap.
IK KAN ELK MOMENT WEGEN DAT IK WIL oke ja, misschien moet ik overschakelen op eenhoorns.
Accentsconagua