Měli by weboví designéři znát kód? Nalezení kompromisu v unavené debatě

Měli by weboví designéři rozumět základním HTML a CSS? Je to unavený argument se dvěma stranami, které se odmítají vzdát, proč to dokonce prodiskutovat?

Účelem tohoto článku není prokázat, která skupina má pravdu, ale pokusit se prokázat, že obě strany skutečně vyjadřují platné body, a zjistit, zda analýza těchto bodů vede ke kompromisu, na kterém se obě strany mohou dohodnout.

Žhavé téma

Jeden z našich článků minulý týden vyzval několik poznámek týkajících se důsledků v celém díle, že weboví návrháři by měli mít základní přehled o kódu, který se podílí na vytváření webové stránky. Mnoho tlesklo tomuto návrhu, zatímco stejný počet čtenářů shledal, že je mimo značku.

Toto téma je téma, které bylo podrobně diskutováno téměř o každém blogu designu na webu. V debatě jsou dvě odlišné strany, jejichž členové v písku nakreslili jasné čáry, které pravděpodobně nikdy nebudou překročeny.

Mám pravdu a jste špatně

Každý, kdo věří, že porozumění kódu není pro návrh nezbytné, jednoduše odmítá pobavit myšlenky, že by tento názor mohl být špatný. Podobně ani návrháři, kteří mají silné znalosti kódu, nemohou být přesvědčeni, že pro to nejsou lepší návrháři.

"Buď návrháři by měli znát kód, nebo by neměli, takový jednoduchý argument ponechává malý prostor pro kompromisy."

Kam nás to tedy nechává? Zdá se, že jsme v nehybném patu, kde obě strany drží pevně. Největším problémem je, že se nezdá, že by existovala nějaká střední půda. Buď návrháři by měli znát kód, nebo by neměli, takový jednoduchý argument ponechává malý prostor pro kompromisy.

Skutečnost, že obě strany se pevně drží svých názorů, však naznačuje, že každá z nich má důležité body, které by neměly být přehlíženy. Dnes se pokusíme tyto body respektovat a najdeme nepolapitelný střed. Doufejme, že můžeme vést diskusi k závěru, že obě strany se mohou alespoň částečně přihlásit k odběru.

Stav vývoje webu

Vzhledem k povaze debaty předpokládám, že někteří z nás rozumí tomu, jak jsou webové stránky vytvářeny a některé ne. S ohledem na to bude jednoduchá definice pojmů trvat dlouhou cestu, aby pomohla přivést každého na stejnou stránku.

Rychlá a špinavá myšlenka je, že HTML se používá pro obsah, CSS pro styling a JavaScript pro chování. Následující text je trochu zjednodušený, ale odráží obecný stav vytváření základních webových stránek.

„HTML se používá pro obsah, CSS pro styling a JavaScript pro chování“

Typická stránka může obsahovat text, odkazy a dokonce i primární obrázky vložené pomocí HTML, jejichž struktura poskytuje hierarchii celého návrhu. HTML je kostra vaší stránky.

CSS je také pokožkou vaší stránky. Zde se provádí většina estetických možností: barvy, písma a dokonce i rozvržení se provádí pomocí CSS. Hodně z toho, za co je designér zodpovědný, se provádí pomocí CSS, takže pokud designér potřebuje něco o kódu porozumět, je to dobré místo, kde začít.

JavaScript je volitelný mozek pro vaši stránku. Pokud chcete efektní prezentace nebo jiné dynamické funkce, JavaScript je často nejlepším způsobem, jak toho dosáhnout. V poslední době se CSS3 vyvinula v cítící bytost schopnou odcizit některé z chování JavaScriptu, takže linie nejsou tak jasné, jak byly kdysi.

Porozumění vašemu obchodu

Bez ohledu na to, jaký typ designéra jste, je těžké tvrdit, že pro vaši kariéru není důležité, abyste se pokusili porozumět povaze toho, co vytváříte.

Dobří návrháři tisku vědí vše o tisku a jeho okolních procesech. Rozumí základním čtyřbarevným operacím lisování, jak je papír řezán na velikost reklamy a jak to souvisí s nastavením souboru, jaký druh inkoustu je k dispozici a jak se míchá; jde to dál a dál.

Základní rozvržení může být vytvořeno zcela bez těchto znalostí, ale skuteční profesionálové investují čas a úsilí, aby se naučili procesy za implementací návrhu, aby je mohli během procesu návrhu zohlednit.

"Skuteční profesionálové investují čas a úsilí, aby se naučili procesy za implementací návrhu."

Weboví návrháři v této oblasti často dostávají volný vstup. Webová technologie je komplikovaná, takže je nereálné očekávat, že ji návrhář pochopí. Koneckonců, na čem záleží, jak je implementována barva pozadí, pokud odpovídá návrhovým specifikacím?

Je to copout nebo legitimní argument? Opravdu potřebují weboví designéři vědět, co se podílí na oživování jejich návrhů tak, jak to činí návrháři tisku? Pokud díky poznání rozdílu mezi přímými a procesními barvami z vás uděláte lepšího designéra tisku, dělá vás porozumění roli, vztahu a implementaci výše uvedených tří technologií lepším webdesignérem?

Navrhování pro web

Web je velmi jedinečnou formou médií. Některé projekty vyžadují vysokou úroveň interakce, zatímco jiné nejsou jen digitální zobrazení toho, co by se dalo snadno vytisknout (například tento článek).

Jako webový designér máte za úkol analyzovat každý scénář a poskytovat estetiku, která nejlépe odpovídá cílům a uživatelům webu. Vyvstává důležitá otázka, zda toho můžete skutečně dosáhnout, aniž byste pochopili, jak web funguje.

Řekněme, že navrhujete mobilní web a váš klient chce, aby doba načítání byla nízká. Pokud víte, co je CSS schopno, můžete snadno vytvořit atraktivní design, který nevyžaduje obrázky. Pokud si však nejste jisti, jak proveditelné je něco podobného přechodu kompatibilnímu s různými prohlížeči, jste v nevýhodě.

Totéž platí o typografii. Možná byste chtěli použít jedinečné písmo na část textu, která musí být živá, nepomohlo by to pochopit implementaci @ font-face a co s tím můžete dělat?

Oddělení rolí

Hlavní argument v této debatě vyvstává ohledně toho, zda by role designéra a vývojáře měly být zcela oddělené. V této oblasti mají obě strany stejně legitimní argumenty.

Separatisté tvrdí, že návrh webových stránek a vývoj webových stránek jsou dvě zcela odlišné role vyžadující velmi odlišné sady dovedností. Je mnohem lepší mít kreativy věnované výhradně designu a technikám výhradně na kódování, než se pokusit sloučit obě role do jednoho jednotlivce. To by vyžadovalo příliš mnoho jedné osoby a projekt by trpěl.

Mnoho velkých společností po celém světě skutečně pracuje se svými webovými týmy přesně tímto způsobem, přičemž jedna skupina se věnuje vytváření návrhů, které jsou poté předávány jinému oddělení, aby se z nich stal živý projekt. To je zvláště nutné, když projekt vyžaduje vysokou úroveň odborných znalostí, jako je například aplikace Ruby nebo PHP.

"Nikdo z nás nemůže předpokládat, že bude znát jediný formát, který může a měl by být aplikován na každou společnost zabývající se webovým designem kdekoli."

Malé podniky a operace na volné noze si však často nemohou dovolit více týmů odborníků. V těchto scénářích je osamělý superman, který vidí projekt od začátku do konce, neocenitelným zdrojem. Ať už se to líbí nebo ne, tito jednotlivci ve skutečnosti existují, z nichž mnozí jsou pozoruhodně dobří jak v oblasti designu, tak vývoje.

Pokud se k tomuto dílčímu argumentu přistupujeme otevřeně, myslím, že se všichni shodneme na tom, že existují okolnosti, kdy je výhodné, aby role projektanta a vývojáře byly oddělené, a další scénáře, v nichž je lepší, aby byly vzájemně propojeny. Nikdo z nás nemůže předpokládat, že bude znát jediný formát, který může a měl by být použit na každou společnost zabývající se webovým designem kdekoli.

Srdce problému

Nalezení kompromisu ve výše uvedeném argumentu je důležitým krokem. Pokud se všichni shodneme na tom, že existují případy, kdy je rozdělení a spojení rolí designéra a vývojáře legitimní strukturou, pak bychom možná mohli dospět k nějakému obecnému závěru o tom, zda by návrháři obecně měli rozumět kódu.

Abychom našli společný základ, analyzujme každý argument. Obtížnost čistého návrháře je pro mě snadno pochopitelná, protože jsem byl v tomto táboře tak dlouho. Vizuální design je komplikovanější, než kolik lidí mu dává zásluhu. Existuje příliš mnoho lidí z HTML a CSS, kteří předpokládají, že protože vědí, jak vytvořit web, měli by být schopni jej navrhnout. Stejně jako kódování, design není něco, čeho můžete uspět bez základního vzdělání a zkoumání toho, co funguje a co ne. Designéři nejsou jen lidé, kteří dávají pozor na barevná schémata, jsou to vysoce trénovaní jedinci, kteří tvrdě pracovali na sestavení sady dovedností, kterou vlastní.

Jde zde o to, že kodéry bez zkušeností s návrhem pravděpodobně nemají podnikání předstírající, že jsou návrháři. Podobně by návrhář neměl trávit čas hackováním společně špatně napsaného kódu.

Ale počkejte, již jsme diskutovali výše, jak základní porozumění kódu může ve skutečnosti lépe připravit návrháře k vytvoření něčeho, co odpovídá cílům webu. Kam nás to tedy nechá?

Kompromis

Konverzace nahoře se může zdát trochu dlouhá větrná a zbytečná, ale logické kroky, kterými jsme prošli, jsou důležité pro to, abychom nás dostali k bodu, kdy můžeme dojít k závěru.

S ohledem na platné argumenty obou stran je kompromis mnohem snadnější. Nyní vidíme, že těm, kteří si myslí, že by návrháři měli rozumět kódu, často nezáleží na tom, zda je návrhář tím, kdo web kóduje. Jednoduše tvrdí, že vyzbrojeni znalostí o tom, jak backend funguje, lze vytvořit vhodnější design frontu.

"Někdy vám nahlédnutí do práce někoho jiného pomůže zlepšit vás."

Kompromis je pak v tom, že zatímco někteří weboví designéři mohou a mohou těžit z toho, že jsou schopni psát kód, možná tato dovednost není ve všech webovských designérech úplně univerzální. To se však velmi liší od toho, že návrháři by neměli rozumět kódu, který přechází na stylové weby.

Zde je důležité rozlišení. Například hodně rozumím tomu, jak tisk novin funguje. Rozumím kvalitě papíru a inkoustu a tomu, jak to souvisí s pojmy, jako je použití bohaté černé místo čisté černé ve svých návrzích. To však neznamená, že mohu jít ven a získat práci spravující tiskárnu! Rozumím těm aspektům tisku, které mě nutí, abych byl lepším designérem. Někdy vám nahlédnutí do práce někoho jiného pomůže zlepšit vás.

Podobně lze říci, že weboví designéři by měli rozumět těm aspektům kódování, díky nimž jsou lepší weboví designéři. Na základě mých předchozích příkladů můžeme pochopit flexibilitu a omezení @ font-face, aniž bychom si pamatovali Bulletproof Syntax Paula Irishe. Můžete také pochopit, které efekty CSS3 jsou podporovány ve kterých prohlížečích, aniž by bylo možné psát kód nezbytný pro takovou implementaci.

Odlož své zbraně

Nejsem dost naivní, abych si představil, že každý čtenář bude souhlasit s mými závěry. Jak jsem řekl výše, existuje několik, kteří prostě odmítají zvážit možnost, že jejich cesta není jediná cesta. Naléhavě však vyzývám každého z vás, aby zvážil, jak daleko jsme se blíží k ukončení této rozpravy s logikou použitou výše.

"Vaším úkolem je absorbovat informace, které mohou a měly by ovlivnit vaše rozhodnutí o návrhu."

Na konci, proč vám záleží, kdo dělá to, co ve společnosti web design, pokud je konečný produkt uspokojivý? S ohledem na tento cíl není webový designér, který neumí psát CSS z hlavy, absolutním požadavkem, ale to neznamená, že je mimo dosah pro pochopení základní povahy vývoje webu a nástrojů, které bude použit k provedení návrhu, který vytvoří.

Ať už navrhujete aplikační rozhraní, billboardy, webové stránky nebo šamponové láhve, jste zodpovědní za pochopení toho, jak bude váš návrh implementován. Pokud jste dostatečně dychtiví naučit se tento proces dostatečně dobře, abyste to dokázali sami, dobré pro vás. Pokud tomu tak není, Vaším úkolem je absorbovat informace, které mohou a měly by ovlivnit vaše návrhová rozhodnutí.

Závěr

Abychom to shrnuli, všichni jsme ostře zastávali názory na to, zda by všichni weboví designéři měli rozumět základním HTML a CSS. Pokud však tyto názory odložíme dostatečně dlouho na to, abychom si uvědomili, že obě strany debaty přinášejí platné body, je možné dosáhnout kompromisu.

Pokud povzbuzujeme všechny designéry, aby porozuměli jejich obchodu a tomu, co se podílí na realizaci jejich výtvorů, máme všichni jasnou dohodu. Odložte svůj úsudek o procesu ostatních a vyzvedněte novou mantru: Dobrý návrháři přijímají informovaná rozhodnutí. Kdo může argumentovat s takovým nárokem?

Zanechte komentář níže a dejte nám vědět, co si myslíte. Je pravda, že by se weboví designéři, stejně jako tiskoví designéři, měli pokusit alespoň pochopit, co se s designem děje poté, co ho odevzdají? Záleží na tom, zda designér dokáže napsat kód, pokud chápe důsledky toho, jak by současné webové technologie měly ovlivnit návrh?