Cik atsaucīgs tīmekļa dizains mainīja pasauli

Gadā, kad Apple uzsāka pirmo iPad , vecā pieeja vienas 'darbvirsmas' vietnes un vienas 'mobilās' vietnes kodēšanai kļuva arvien nepieņemama. Arvien vairāk ierīču nonākot tiešsaistē, tīmekļa dizains sauca par drosmīgu jaunu stratēģiju.

Tas nonāca kā raksts Ītans Marčote sarakstā A Apart. Tas smēlās iedvesmu no Džona Alsopa raksta, Dao no Web dizaina un apskatīja arhitektūras principus, lai paskaidrotu, kā mēs varētu izveidot izkārtojumus, kas vienmērīgi pielāgotos dažādām ekrāna vidēm, tomēr saglabājot labākos drukas dizaina principus.



Pārējais ir vēsture. Viņa eseja ar nosaukumu Atsaucīgs tīmekļa dizains , ieviesa jaunu pieeju, kas bija tik vienkārša, eleganta un efektīva, ka nozare to ātri pieņēma kā vietnes veidošanas standarta veidu, un tā joprojām ir arī šodien.



Marcotte sekoja līdzi tāda paša nosaukuma grāmata 2013. gadu Mashable nosauca par 2013. gadu par atsaucīga tīmekļa dizaina gadu. Un šodien, sākot no Bangkokas līdz Bostonai, Sanpaulu līdz Sidnejai, ikreiz, kad kāds sāk strādāt pie tīmekļa dizaina, tas, visticamāk, būs atsaucīgs.

Ītans Markots burtiski uzrakstīja grāmatu par adaptīvo tīmekļa dizainu, kā arī oriģinālo rakstu



labākie klēpjdatori video rediģēšanai līdz 500 gadiem
Ītans Markots burtiski uzrakstīja grāmatu par adaptīvo tīmekļa dizainu, kā arī oriģinālo rakstu

Tāpēc ir taisnīgi teikt, ka Marcotte ir tiesīga justies nedaudz apmierināta ar sevi. Bet viņš visu elpu aizraujoši pieticīgs. 'Mani joprojām pārsteidz tas, ka atsaucīgais dizains sāka darboties tā, kā tas notika,' viņš atspoguļo. 'Es to saku ar sirsnību: es ievēroju publicēšanas termiņu. Es uzrakstīju rakstu. Un, kad es to ieslēdzu, es domāju, ka ar to viss beigsies. Tas, kā tas eksplodēja, ir bijis šausminošs un pazemojošs.

Viņš piebilst, ka, lai arī viņš, iespējams, bija pirmais, kurš salika visus gabalus, atsaucīgs dizains dažos veidos bija neizbēgams. 'Tas, kā galvenā ideja tik ļoti atsaucās uz cilvēkiem, liek domāt, ka, ja es to nebūtu izdomājis, kāds cits to izdarītu. Tā kā mūsu projektēšanas veids vienkārši nebija ilgtspējīgs. '

Joprojām to izdomāju

Kamēr Marcotte šodien turpina kurēt @rwd Twitter kontā, kurā viņš dalās ar saitēm uz noderīgiem rakstiem un interesantiem pārveidojumiem, viņš noteikti nejūtas tā, it kā viņam piederētu atsaucīgs dizains vai viņš būtu jāuzskata par tā šķīrējtiesnesi.



'Pēc dažiem gadiem es domāju, ka daži cilvēki uz mani skatās tā, it kā man būtu atbildes uz dažiem izaicinājumiem, kas mums tur ir,' viņš saka. 'Bet es ļoti piedalījos sarunā, kuru pašlaik rīko daudzi, daudzi cilvēki. Tāpēc es nekādā ziņā neuzskatu sevi par atsaucīga dizaina īpašnieku. Es cenšos izdomāt, kā manā praksē katru dienu veidot atsaucīgu dizainu. '

Ītans runā tītaru ar citu tīmekļa dizaina leģendu Džefriju Zeldmani

Ītans runā tītaru ar citu tīmekļa dizaina leģendu Džefriju Zeldmani

Protams, viņš joprojām ir gatavs dalīties ar savu viedokli. 'Daži ļaudis mani laipni lūdza sniegt priekšvārdus viņu grāmatām, jo ​​es runāju par dažām viņu interesējošām tēmām,' viņš saka. 'Un citi ir bijuši pietiekami laipni, lai man sūtītu rakstus vai pārprojektus, kuri, viņuprāt, ir pelnījuši plašāku auditoriju; Es ar prieku to palīdzu. Bet es noteikti nejūtos, ka varu kontrolēt atsaucīgu dizainu vai ka tā ir mana lieta.

Un viņš nav kareivīgs arī par ideju, ka atsaucīgs tīmekļa dizains vienmēr ir 'pareizais un patiesais ceļš', lai radītu vislabāko digitālo pieredzi.

'Mūsu nozarē ir tendence šķērsot idejas,' viņš saka. 'To var redzēt ar atsaucīgu dizainu, salīdzinot ar ierīcēm raksturīgu pieredzi, atsaucīgu dizainu un adaptīvu dizainu. Pat kaut kas tik plašs kā vietējais vai tīmeklis vai mobilais pret darbvirsmu. Mums ir tendence domāt par lietām šajos binārajos terminos. Tāpat kā tas, vai tas, līdz nāk kaut kas labāks. '

Tomēr tā nekad nav bijusi Marčotes pieredze tīmeklī. 'Manā darbā nekad nav bijis viens labākais veids, kā noformēt vai atrisināt problēmu. Galu galā tas ir par to, kas mums palīdz visefektīvākajā veidā atrisināt mūsu klientu un ieinteresēto personu problēmas, ņemot vērā visus ierobežojumus, ar kuriem mēs saskaramies. '

Tas nozīmē, ka tas parasti ir atsaucīgs dizains. 'Es strādāju ar klientiem, kuri visu laiku strādā vietējos darbus,' viņš saka. 'Bet, kad es runāju ar viņiem par stratēģiju, tas patiešām ir jautājums par to, kas viņiem palīdzēs sasniegt pēc iespējas plašāku auditoriju. Un vienmēr tas ir tīmeklis un atsaucīgas pieredzes radīšana tīmekļa dizainam.

kā ierobežot to, kurš var redzēt jūsu fotogrāfijas facebook

'Tas nenozīmē, ka es nemudināšu viņus meklēt interesantus vietējos risinājumus, ja viņiem ir kāda problēma,' viņš saka. 'Bet vispārīgi runājot, ieguldīt sevi ierīces agnostiskā, skaistā, atsaucīgā izkārtojumā būs labākais veids, kā sākt. Un tas varētu novest pie dažām interesantām pieejām ap malām.

Jauni izaicinājumi

Bet tīmekļa pasaule strauji mainās. Ierīces agnostiskais dizains varētu darboties, ja mēs runājam tikai par viedtālruņiem, planšetdatoriem un galddatoriem. Bet vai atsaucīgais dizains izdzīvos nākamo ierīču cunami?

'Man šķiet, ka tā ir saruna, kas šobrīd turpinās,' atbild Marčote. Piemēram, es strādāju ar vienu klientu, kurš uzsāka skaistu atsaucīgu pārveidošanu, un pēc dažiem mēnešiem mēs sākām saņemt ekrānuzņēmumus no Google Glass. Šī nebija ierīce, kas pat nebija izgudrots, kad mēs sākām vietni. Un varbūt tas nebija labākais veids, kā sastapt dizainu vai saturu ... bet tas joprojām bija pieejams. ”

Uzrakstījis grāmatu par RWD, Ītans vēlāk uzrakstīja grāmatu par atsaucīgiem dizaina modeļiem

Uzrakstījis grāmatu par RWD, Ītans vēlāk uzrakstīja grāmatu par atsaucīgiem dizaina modeļiem

Un morāle ir? Vispirms domāt par tīmekli kā par elastīgu dizaina nesēju nozīmē, ka tad, kad parādās šie interesantie malas gadījumi, jo jūs to esat izstrādājis pēc iespējas pareizi, tas nākotnē atbrīvos jūs sakot: 'Labi, tāpēc šeit ir ierīce, kas kļūst kāda reāla vilkme ar mūsu auditoriju, kādu risinājumu mēs tam vēlamies izpētīt? Vai tas ir par mūsu atsaucīgās pieejas uzlabošanu, vai mēs to pielāgojam šim kontekstam? Vai varbūt tas ir kaut kas vairāk pielāgots un diskrēts? '

Piemēram, viņš norāda uz viedpulksteņiem. 'Kas notiks ar tīmekli, kad tas būs redzams tik mazā ekrānā?' viņš jautā. 'Kas zina: atkal tas jūtas agri, un Apple Watch pašlaik nav īsti tīmeklim draudzīga pieredze.'

'Bet, ja apmeklējat vietni YouTube, varat atrast daudz lielisku videoklipu, kuros redzami cilvēki, kuri Android Wear ierīcēs pārlūko adaptīvu dizainu. Tas var nebūt ideāls, var nebūt populārs. Bet, uzstādot šo elastīgo ierīces agnostikas dizainu, mēs vismaz esam padarījuši kaut ko pieejamu šai auditorijai. '

Uzturēšanās zemē

Visas mūsu sarunas laikā Marcotte visu nepārtraukti atgriež klientu darbā. Un ir skaidrs, ka tas viņam ir tikpat svarīgi kā uzstāšanās konferencēs, rakstot rakstus savam emuāram un grāmatas, piemēram, viņa jaunākais darbs, Atsaucīgs dizains: modeļi un principi .

'Esmu daudz ceļojis, kas ir lieliski, bet tam ir jābūt sajaukumam starp runāšanu par darbu un darba veikšanu,' viņš atspoguļo. 'Jo es domāju, ka viens informē otru. Ir lietas, ko esmu iemācījies, runājot ar cilvēkiem konferencēs, un ko es atkal ieviesu savā praksē, un lietas, kuras es izstrādāju klientiem, par kurām es patiešām priecājos un vēlos dalīties ar lielāku auditoriju. '

Tomēr līdzsvars ir kaut kas, ko viņš vienmēr cenšas izdomāt. 'Ceļošana ļoti daudz ko izņem no cilvēka,' viņš atzīmē. 'Tāpēc šogad es patiešām esmu koncentrējies uz klientu darbu. Esmu satricinājis daudzas runas saistības un patiešām mēģinājis koncentrēties uz praktisku dizainu un sadarbību ar dažiem labiem cilvēkiem.

Interesanti, ka gadā, kurā dominē “viltus ziņas”, šie labie cilvēki ir iekļāvuši divas novatoriskas plašsaziņas līdzekļu organizācijas Source OpenNews projektu un neatkarīgo bezpeļņas ziņu zāli ProPublica .

Marcotte ir strādājusi ar Source un ProPublica, kas ir novatorisku mediju organizāciju pāris

Marcotte ir strādājusi ar Source un ProPublica, kas ir novatorisku mediju organizāciju pāris

'Avots palīdz dizaineriem un izstrādātājiem, kas strādā avīzes dienestos visā planētā, pastāstīt stāstus par to, kā viņi ražo savu darbu,' skaidro Marcotte. 'Piemēram, viņi apkopoja divu gadu vērtus dažādu ziņu organizāciju datus un interaktīvas vizualizācijas par ieroču vardarbību ASV.'

'Tā ir visu to darbu krātuve, kas ir veikti saistībā ar šo ļoti sarežģīto problēmu, bet tas arī palīdz popularizēt visus rīkus, ietvarus vai procesus, kas varētu būt radušies, veidojot šos stāstus. Lai padarītu tās pieejamākas cilvēkiem, lai vajadzības gadījumā viņi varētu arī radīt šo darbu. '

Marcotte iesaistījās avotu mēnesi ilgā dizaina sprintā, cieši sadarbojoties ar komandu, lai izveidotu jaunu dizainu un darbotos. 'Viņi to bija plānojuši diezgan ilgu laiku un bija veikuši pētījumu kalnus, pirms es parādījos savam sprintam, tāpēc viņi veica lielāko daļu smagā celšanas,' viņš atceras. 'Termiņi bija stingri, bet galu galā viņi bija brīnišķīgi klienti.'

Tāpat kā ProPublica. 'Viņi patiešām koncentrējas uz dažiem patiešām smagiem, gaļīgiem jautājumiem, piemēram, korupciju un uz patērētājiem vērstiem stāstiem,' viņš saka. 'Tāpēc bija patīkami, ka bija iespēja viņiem kaut kādā veidā palīdzēt. Viņi ir ļoti strauji mainīgs avīžu zāle, tāpēc bija patīkami vienkārši sēdēt un skatīties, kā viņi dara savu.

Neskatoties uz to, ka stratēģiskā līmeņa domāšana ir tik apdāvināta, Marcotte joprojām labprāt iepazīstas ar kodu. 'Es parasti uzskatu, ka esmu diezgan iesaistīts kādā dizaina un priekšgala darba aspektā,' viņš saka.

spēle, kurā jūs velkat līnijas, lai pārvietotu bumbu

'Pat ja es pats tieši neiesaistos maketa ieviešanā, es parasti cenšos pārliecināties, ka mēs ievērojam dažus labus principus. Nodrošinot, ka mēs nepieņemam lēmumus, kas apdraudētu pieejamību, kas apdraudētu ātru, skaistu un atsaucīgu dizainu. '

Šis raksts sākotnēji tika publicēts 300 tīkls , pasaulē visvairāk pārdotais žurnāls tīmekļa dizaineriem un izstrādātājiem. Pērciet 300. numuru vai abonēt šeit .

Saistītie raksti: