Kodowanie dla projektantów – ile powinniśmy wiedzieć?

Weź coś, w czym się wyróżniasz, a potem pchaj się dalej.

Duża część społeczności projektantów toczy debata na temat tego, czy projektanci powinni kodować. Niektórzy wolą szukać jednorożców, którzy potrafią jedno i drugie, podczas gdy inni twierdzą, że nie istnieją lub tylko przeszkadzają.

Wielu projektantów uważa, że ​​projektanci i programiści muszą współpracować, ale każda dyscyplina powinna trzymać się tego, co wiedzą. Inni nie widzą problemu z profesjonalistami noszącymi wiele kapeluszy. Wielu programistów postrzega projektantów, którzy kodują zagrożenie, podczas gdy inni postrzegają ich jako mile widzianych współpracowników, którzy nauczyli się mówić w ich języku.

Słodki punkt, który nazywa się „ wspólnym zrozumieniem ”, znajduje się prawdopodobnie gdzieś pośrodku. Znajomość kodu nie oznacza, że ​​projektant musi zostać ekspertem w kodowaniu, ale po prostu rozumieć perspektywę programisty.

Interfejs użytkownika, czyli „warstwa prezentacji” to plac zabaw projektanta, ale skupianie się tylko na tym jest podobne do rozważania tylko elewacji budynku. Wielcy projektanci rozumieją, że znajomość podstaw technologicznych, które dostarczają ich projektów, nie tylko czyni projektanta bardziej imponującym, ale znacznie zwiększa jego perspektywy zawodowe.

Jak Aaron Walter, wiceprezes ds. edukacji projektowej w InVision, stwierdził w artykule Toptal Design Talks: „Nie zabije projektanta, jeśli będzie wiedział trochę, jak napisać trochę HTML i CSS, może trochę JavaScript”.

Cały temat „czy projektanci powinni nauczyć się kodować” jest przedmiotem gorących dyskusji. Chociaż niektórzy wielcy projektanci są również dobrzy w kodowaniu, wielu uważa, że ​​niepodzielne skupienie się na konkretnej umiejętności wzmocni profesjonalistę. Wielu uważa również, że dzisiaj bycie wszechstronnym projektantem jest dużym plusem i że nie powinno być nic na przeszkodzie, aby projektant miał za pasem inną przydatną umiejętność, taką jak kodowanie.

Pytanie brzmi, ile kodowania powinni wiedzieć projektanci? Czy projektanci marnowaliby swój czas, przekraczali granice na terytorium dewelopera i potencjalnie stawali na palcach?

Korzyści ze znajomości podstawowego HTML i CSS

Projektanci odnieśliby duże korzyści z zdobycia podstawowej wiedzy na temat tego, co nazywamy „frontendem” (warstwa prezentacji) napędzanym przez HTML (Hyper Text Markup Language) i CSS (Cascading Style Sheets, język opisujący style składowe w dokumencie HTML) i być może zdziwiłby się, jak łatwo jest nauczyć się podstaw.

HTML i CSS nie zawierają logiki programowania. Litera M w HTML oznacza „Markup”, sposób na opisanie zakodowanej struktury elementów strony, które są blokami budulcowymi stron. HTML z CSS i JavaScript tworzą triadę fundamentalnych technologii dla World Wide Web.

Mówiąc potocznie, HTML to mapa architektoniczna, która mówi przeglądarce, co ma wyświetlić, a CSS, czyli Kaskadowe Arkusze Stylów, to kod, który mówi przeglądarce , jak wyświetlać rzeczy.

Mówiąc metaforycznie, jeśli HTML jest szkieletem strony, CSS opisałby wzrost, kształt ciała, skórę, kolor oczu, kolor włosów itp. Język ma bardzo prostą strukturę kodu, która określa typografię, kolory, pozycje i wymiary .

Zrozumienie kodu i sposób kodowania to zrozumienie pikseli

Nauka kodowania interfejsu użytkownika i jego podglądu daje projektantom możliwość natychmiastowego zobaczenia, jak rzeczy są wyświetlane podczas przeglądania na różnych urządzeniach. Jeśli projektanci bawią się HTML i CSS, zauważą, że wszystko jest mierzone w pikselach (istnieją inne jednostki miary, takie jak „ems” i wartości procentowe, które ostatecznie zostaną przekonwertowane na piksele).

Zrozumienie pomiarów i struktury kodu, tj. sposobu wyświetlania stron, zapewni głębsze zrozumienie procesu rozwoju front-endu. To z kolei spowoduje, że projektanci zastanowią się głębiej nad swoimi projektami i tym, jak sprawić, by były bardziej wydajne w tym procesie. Będą wiedzieć, co można łatwo osiągnąć, a co byłoby trudniejsze.

Front-end JavaScript i know-how Ajax czynią projektanta wyjątkowym atutem

Tutaj sprawy mogą się komplikować, ale jest to również miejsce, w którym dzieje się dużo zabawy. Jeśli projektant jest myślicielem analitycznym lub ma wyjątkową motywację, wiele zyska na nauce JavaScript i Ajax (asynchroniczny JavaScript i XML). Czemu?

Wykazanie wiedzy technicznej na temat interfejsu użytkownika i znajomości języka Ajax znacznie przyczyni się do zdobycia szacunku programistów. Umiejętność odwoływania się do JavaScript i Ajax oraz sposobu ich używania zwiększy zdolność projektanta do przedstawiania programistom szczególnie wyrafinowanego pomysłu projektowego, np. projekt określonej funkcjonalności w interfejsie użytkownika.

Perspektywa projektanta poszerzy się, jeśli poczuje się komfortowo, wiedząc dokładnie, jak daleko może ich zaprowadzić technologia i jak daleko może ją popchnąć do innowacji. Zagłębianie się w kodowanie i różne technologie nie jest konieczne — jeśli projektant zna podstawy HTML, CSS i JavaScript, z odrobiną Ajax, będzie już daleko przed konkurencją. Będą wyjątkowym atutem każdej firmy i zespołu produktowego.

Projektanci mogą przenieść to na wyższy poziom dzięki podstawom JavaScript

Chociaż projektanci mogliby się na tym zatrzymać i wdrożyć backend (warstwę dostępu do danych) przez programistów, mogą zdynamizować projekt, dodając trochę skryptów. Wpisz JavaScript (język skryptowy), który jest językiem programowania dla sieci.

Na początku XXI wieku, kiedy sieć wciąż się rozwijała, agencje takie jak Fantasy i Firstborn wywarły duże wrażenie na społeczności projektantów stron internetowych, kiedy wykorzystały JavaScript w niezwykły, innowacyjny i kreatywny sposób.

JavaScript może aktualizować i zmieniać zarówno HTML, jak i CSS, a także obliczać, manipulować i weryfikować dane. Może być używany do wyświetlania dynamicznych interakcji, animowania elementów, tworzenia responsywnej komunikacji z zapleczem lub serwerem i nie tylko.

Nie ma ograniczeń co do tego, co można osiągnąć za pomocą JavaScript w programowaniu front-end. Jest to język programowania : funkcje, obiekty, logika, instrukcje warunkowe, matematyka, matematyka i więcej matematyki — co dla niektórych może być trochę trudne. Ale nie jest to trudne do nauczenia, zwłaszcza biorąc pod uwagę wymagania większości klientów.

Nauka kodowania poprawi współpracę z programistami

Czy romantyczne związki byłyby łatwiejsze, gdyby mężczyźni i kobiety mogli czytać sobie nawzajem w myślach? Niektórzy tak myślą. To samo dotyczy projektantów i programistów.

Wiedza o tym, jak myślą programiści i czego potrzebują, aby móc wykonywać swoją pracę, sprawi, że projektant będzie wielkim atutem każdego multidyscyplinarnego zespołu. Takie podejście jest przydatne w przypadku komunikacji wewnętrznej, a także prezentacji pomysłów, ponieważ będą mieli więcej pomysłu na to, czego oczekiwać od innych członków zespołu. Jeśli projektanci będą w stanie to zrobić, będą w znacznie lepszej pozycji, aby zaproponować klientom solidniejsze rozwiązania.

Projektanci, którzy kodują, zobaczą więcej możliwości pracy

W każdym przypadku pracy projektowej wiedza o tym, jak kodować, może mieć duży wpływ na procesy przesiewowe, a także na codzienną pracę. W Toptal widzimy wiele możliwości dla profesjonalistów z tym hybrydowym profilem, a start-upy chcą znaleźć ludzi, którzy mogą przejąć zarówno projektowanie, jak i frontend ich aplikacji na wczesnym etapie.

Mimo to są projektanci i programiści, którzy nie lubią się wzajemnie wtrącać do swoich interesów. Niektórzy mogą być zagrożeni, niektórzy mogą zostać zakwestionowani, a niektórzy mogą być zbyt leniwi, aby nauczyć się czegoś nowego. Ale prawda jest taka, że ​​każdy powinien przeanalizować swoje możliwości i skupić się na tym, co zwiększy jego szanse na sukces.

Projektanci mogą nie mieć wystarczająco dużo czasu, aby nauczyć się wszystkiego, ale znajomość waniliowego HTML i CSS powinna wystarczyć, aby dodać znaczące rozróżnienie między kwitnącą karierą a ślepą uliczką. Wykonanie pierwszych kroków przez projektantów powinno być szybkim i łatwym procesem. Im więcej wiedzą, tym bardziej mogą poszerzyć swoje horyzonty, jeśli chodzi o możliwości pracy.

Czy projektanci powinni nauczyć się kodować?

Zdolność do adaptacji i elastyczność pracy z innymi zespołami, umiejętność radzenia sobie z różnymi projektami oraz szeroki zestaw umiejętności do podejmowania różnych obowiązków są zawsze bardzo pożądane. Czy jest gdzieś projektant, który nie chciałby mieć przewagi nad innymi, jeśli chodzi o wysoce pożądane prace w ekscytujących start-upach lub dużych firmach technologicznych o ugruntowanej pozycji?

Projektanci mają swoje podejścia, procesy, arsenał narzędzi projektowych i rezultaty, ale to tylko część równania. Odkrywanie i zdobywanie zrozumienia, w jaki sposób projekty interfejsu użytkownika są dostarczane przy użyciu różnych technologii cyfrowych, może przenieść projektantów na wyższy poziom i zwiększyć ich zdolność do dostarczania świetnych projektów.

Coraz więcej i więcej możliwości pracy w dziedzinie projektowania obejmuje „fajne rzeczy”, takie jak podstawowe umiejętności tworzenia stron internetowych i prototypowania przy użyciu HTML, CSS i JavaScript. Każdy projektant decyduje, ile ma podjąć; wyraźnie istnieje taka potrzeba.

Czy sztuczna inteligencja wyeliminuje programistów front-end?

Pozostaje jednak jedno pytanie: czy kodowanie dla projektantów pozostanie aktualne w dłuższej perspektywie? Wśród projektantów panuje przeczucie, że dzięki sztucznej inteligencji i uczeniu maszynowemu projektanci wkrótce będą mogli projektować bez kodu. Po prostu przeciągnij i upuść i przesuwaj elementy na ekranie, a następnie naciśnij przycisk i zakoduj całość za pomocą AI. Innymi słowy, miejsca pracy dla tego typu programistów front-end szybko znikną.

Jeśli chodzi o projektantów, odpowiedź może leżeć w myśleniu krótkoterminowym lub długoterminowym. W niedalekiej przyszłości sztuczna inteligencja nie przejmie roli, a projektanci, którzy kodują, mogą nadal być bardzo poszukiwani. Na krótką metę projektanci, którzy chcą się wyróżniać, powinni zachować w swoim arsenale pewne podstawowe umiejętności kodowania, takie jak JavaScript i Ajax.

Opanowanie kodowania dla projektantów przyspieszy karierę

Projektanci UI, którzy chcą się rozwijać i poszerzać swoje umiejętności, mają do dyspozycji kilka opcji. Mogą odświeżyć różne umiejętności projektowe i przejść do innych ról, takich jak projektowanie wizualne, UX, a nawet badania UX. Mogą również stopniowo wspinać się po szczeblach drabiny do wyższych ról, dyrektorów, kierowników, menedżerów i dyrektorów.

Jednak, aby naprawdę przyspieszyć swoją karierę, projektanci mogą chcieć bardziej zagłębić się w rozwój. Zdobycie głębokiej wiedzy na temat różnych technologii, które napędzają dziś produkty cyfrowe, zapewni im bardzo pożądany zestaw umiejętności. To z kolei otworzy więcej możliwości zatrudnienia w dużych i małych firmach.

Czy projektanci powinni kodować? Może, może nie. Ale projektanci, którzy kodują, a przynajmniej wykazują się głęboką znajomością różnych technologii, staną się wielkim atutem każdego multidyscyplinarnego zespołu i na dłuższą metę na pewno się to opłaci.

Dalsza lektura na blogu Toptal Design:

• Zasady projektowania mobilnego UX i najlepsze praktyki
• Mobilny projekt UX – najlepsze praktyki, ograniczenia i współpraca z programistami
• Projekt międzykulturowy i rola UX
• Zasady projektowania i ich znaczenie
• Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady