Un chat de zece minute cu Ethan Marcotte

Responsabil design web. Asta spune totul. Ca om în spatele celei mai contagioase mișcări în designul web în acest moment, Ethan Marcotte nu are nevoie de o introducere. Recent, el a răspuns la cateva dintre intrebarile mele (vedeti ce am facut acolo?), luati o cafea si aflati ce avea de spus cu privire la plangerea in metrou si tragere de oameni in soare?


QHi Ethan, minunat pentru a avea pe Webdesigntuts +! Pentru cei care nu vă cunosc, ați putea să vă înscrieți rapid în opt cuvinte?

Designer. Dezvoltator. Înalt. Rău cu numere.


Cu toate acestea, spuneți-ne puțin despre ceea ce sunteți cel mai bine cunoscut.

Sunt un designer independent / dezvoltator / ceva care locuiește în Cambridge, Massachusetts. Înainte de a ieși din nou pe cont propriu la sfârșitul anului 2010, eram un director de design interactiv la fermecătorul și frumosul Happy Cog. Dar, de-a lungul anilor, am fost norocos să lucrez cu revistele New York, Universitatea Stanford, W3C și Festivalul de Film Sundance. Cel mai recent, am ajutat la lansarea unui nou site receptiv pentru The Boston Globe. Îmi place slujba asta.

Mai recent, presupun că sunt "cunoscut pentru" coining termenul "design web responsiv" la An Event Apart Seattle 2010, pentru a descrie un mod mai flexibil de a proiecta dincolo de desktop. Am urmat acea discuție cu un articol din revista A List Apart și în cele din urmă am scris o mică carte despre acest subiect.

Pe scurt, designul receptiv este o modalitate alternativă de a proiecta web post-desktop. Din punct de vedere istoric, abordarea noastră principală în ceea ce privește proiectarea pentru dispozitive mobile, tablete sau ce-ați-a fost să construiți site-uri specifice dispozitivului, fragmentând conținutul nostru în diferite contexte. Designul receptiv, la nivelul său cel mai de bază, ne permite să combinăm planuri flexibile bazate pe grilă și interogări mediatice pentru a crea un design mai receptiv și mai receptiv: unul care se reprofilează pentru a se potrivi diferitelor intervale de rezoluție.

Oricum. A fost un an absolut nebun, minunat.


QÎn timp ce ați scris mai multe articole despre acest subiect, ați vorbit la evenimente și ați publicat o carte, este clar că sunteți hotărât să promovați avantajele designului web receptiv. Ar fi exagerat să numim această cruciadă personală?

Cruciadă personală? Doamne, da. Sunt persoana cea mai dogmatică de pe internet și cred că în secret oamenii care nu sunt de acord cu mine ar trebui să fie concediați în soare.

Hei! Glumesc! Sunt jest! (Sunt, de asemenea, incredibil de scăzut de cofeină!)

Dar, într-adevăr, cel mai bun lucru absolut despre lucrul pe Web este că nu există o singură cale adevărată? de lucru. Vreau să spun că în ultimul an se pare că a apărut această dezbatere online, una care a făcut cumva "designul mobil" împotriva "designului receptiv" într-un fel de conflict epic, Clash of the Titans. Nu înțeleg de ce lucrurile trebuie să fie atât de binare: unele audiențe ar beneficia de experiențe specifice dispozitivelor, în timp ce altele ar beneficia de o abordare mai receptivă.

Am lucrat cu un mare client în acest an, în cazul în care acesta este cazul: că scopurile fiecărui "context" se suprapun la un nivel atât de înalt, încât o abordare receptivă era cu ușurință cea mai bună. Dar am lucrat și pe site-urile unde era adevărat invers.

În cele din urmă, este vorba despre adaptarea abordării la nevoile unui public dintr-un anumit site - nu pur și simplu dispozitivele pe care le utilizează sau în ceea ce privește prejudecățile pe care ni le aducem proiectanții la masă. Dacă comunitatea noastră poate oferi mai multă structură și proces Cum pentru a decide între o abordare receptivă sau una specifică unui dispozitiv, vom aborda problema corectă.


QBuilding design-urile receptive sunt o abordare făcută datorită dezvoltării CSS. Ce alte instrumente ar putea îmbunătăți în continuare lucrurile? Cu alte cuvinte, ce (dacă e ceva) simțiți că lipsește în prezent din proces?

Om. Nu sunt câteva lucruri, pentru a fi sincer.

În primul rând, există multe care ar putea fi îmbunătățite pe partea CSS a lucrurilor. Adică, astăzi ne bazăm pe niște instrumente destul de vechi (dacă sunt de încredere): anume plutitoare și poziționare. Și, din păcate, înseamnă că site-urile cele mai receptive astăzi sunt constrânse de ordinea sursă. Acest lucru poate fi rezolvat într-o oarecare măsură, mai ales dacă planificați marcarea într-o manieră "mobilă în primul rând", dar, din fericire, există câteva instrumente CSS3 care sunt elaborate, ceea ce ne va oferi și mai multă flexibilitate. Sunt foarte incantat de caseta flexibila si modulul de layout.

Nu putem face o corelație între lățimea unui ecran și cantitatea de lățime de bandă disponibilă, dar totuși sa făcut o mulțime de lucruri în jurul optimizării imaginii. Unul dintre primele a fost scenariul de imagini receptiv al grupului Filament Group, dar de atunci au fost construite scade; Jason Grigsby a avut o tehnică fantastică de rotunjire a diferitelor tehnici de imagine receptivă, detaliind punctele forte și dezavantajele pe care le recomand.

Și, în sfârșit, cred că lucrul cel mai interesat este să înțeleg cum o abordare receptivă poate schimba modul în care îmi gestionez proiectele. Pentru Boston Globe, cea mai mare schimbare pentru mine a fost adoptarea unei abordări mai colaborative între designeri și dezvoltatori: punând accentul pe prototiparea rapidă ca instrument de proiectare și lăsând utilizarea site-ului în diverse telefoane, tablete și browsere să informeze de fapt designul site-ului. Deci, ce ar arata o abordare mai receptiva la colectarea cerintelor? O strategie de conținut mai receptivă? Fundamentele tehnice - grilele fluide, imaginile flexibile și interogările media - sunt într-adevăr doar o parte a unui proces de proiectare mult mai amplu, pe care sunt cu adevărat încântat să încerc și să-mi dau seama.


QWhose work (nu neapărat în domeniul designului web) vă inspiră în acest moment?

Am citit multe lucrări ale lui Garret Keizer în ultimul timp. Cartea sa despre zgomot a fost minunată și am plâns deschis în metrou când i-am citit eseul recent despre educația pentru revista lui Harper. (Disponibil în revista, dar online pentru abonați.)

Vorbind un pic mai mult vizual, am descoperit lucrarea lui Dave Mott prin Dribbble și am fost în adânc.


QJust pentru a runda lucrurile off, eu nu pot ajuta decât observați roboți featuring în mod regulat în munca ta. Foarte regulat, de fapt. Crezi că s-ar putea să fie timp pentru o vacanță?

Pot sa ma duc oricand doresc bine da, poate ar trebui să trec la unicorns.