A múlt héten beszélgettem egy kifejezetten előremutató gondolkodású vállalkozóval, aki felépített egy komoly brandet, és most készül továbbvinni egy következő szintre. Ehhez szüksége van egy új weboldalra, és bele is vágott, hogy ezt elkészítse. Az eszmecsere során figyelmes lettem valamire, ami korábban nem tűnt fel, vagy legalábbis nem tudatosult bennem.

Biztosan hallottad már ezt a két kifejezést a weboldalkészítés kapcsán: webfejlesztés és webdesign (fonetikusan webdizájn). Szakmabeliként meglepő volt, hogy sokak számára ez a két fogalom felcserélhető, vagy legalábbis nem világos a különbség. Persze ez az én hiányosságom, hiszen nem várható el, hogy a szakzsargont ismerjék és következetesen használják a laikusok is. Azonban most, hogy egyértelművé vált számomra, hogy ez korántsem kézenfekvő azoknak, akik még nem vettek részt egy komoly weboldalkészítési folyamatban, úgy gondolom, érdemes tisztázni ezt a két fogalmat.

Ki az a webdesigner?

Mielőtt rátérünk a tárgyra, fontos tisztázni a design fogalmát. A design annyit tesz: terv vagy tervezés. Hétköznapi értelemben többnyire valaminek a megjelenését értik alatta, ám valójában a működés is legalább annyira idetartozik. Egy tervező (legyen az műszaki, informatikai vagy grafikai) feladatának fontos része, hogy a megtervezett tárgy vagy rendszer ellássa a feladatát, sőt, sok esetben ez fontosabb, mint az, hogyan néz ki.

Egyszerűen fogalmazva a webdesigner azért felel, hogy a weboldal felhasználói elérjék a céljukat, azaz beteljesítsék azt, amiért a weboldalra látogattak. Például, ha egy webshopról van szó, akkor a designer feladata egy olyan weboldalt tervezni, ami lehetővé teszi a vásárlók számára, hogy a lehető legkönnyebben megtalálják és megvegyék a keresett terméket.

A webdesigner egy specializált grafikustervező, aki kifejezetten digitális felületek tervezésére szakosodott. A webdesign tovább bontható két nagyobb kategóriára: UX desgin és UI design.

A UX designer (vagyis user experiece designer, magyarul felhasználóiélmény-tervező) feladata, hogy olyan felépítést alakítson ki egy digitális felületnek, amit élvezetes használni. Ezáltal hozzásegíti a felhasználókat ahhoz, hogy könnyedén elérjék céljaikat az adott weboldalon, alkalmazásban vagy szoftverben. Ha jól végzi a dolgát, azzal egyaránt támogatja az üzleti célokat is. A UX designer eszköztárába tartozik többek között a kutatás, az interjúzás, az információs architektúra készítése (ez lényegében egy ágrajz, ami az weboldal struktúráját mutatja be) és a drótvázazás (az egyes oldalak sematikus ábrázolása).

A UI designer (vagyis user interface designer, magyarul felhasználóifelület-tervező) feladata a digitális felület esztétikus kialakítása, miközben szemmel tartja a használhatóságot és a funkcionalitást is. Nem csupán azért felel, hogy szép legyen a weboldal, de azért is, hogy a felhasználók tájékozódását segítse és a webfejlesztő életét is könnyebbé tegye. Ezekhez a legfőbb eszközei a következetesség és a rendszer kialakítása. A UI designerek ún. “design system”-ben gondolkodnak, aminek lényege, hogy a kis elemektől (pl. gombok) a nagyokig (pl. egy website egyik oldala) minden előre meghatározott elemekből épül fel - a legóhoz hasonlóan.

Egy webdesigner tehát azért felel, hogy jól használható és esztétikus legyen egy weboldal. Kiemelkedően nagy hatással van a felhasználók tapasztalatára, és ezáltal az üzleti célok teljesülésére.

Ki az a webfejlesztő?

A webfejlesztő lényegében azért dolgozik, hogy a weboldal a tervek szerint épüljön fel és funkcionáljon. Ő az, aki működésbe hozza a grafikai terveket, és aki egy rajzból működő weboldalt készít.

A webfejlesztőnek nem feladata, hogy kitalálja, hogyan működjön vagy nézzen ki egy weboldal. Ez persze nem jelenti azt, hogy az ő munkája ne lenne kreatív. A fejlesztőnek át kell gondolnia, hogy az elvárt működés hogyan valósítható meg, és ezen felül hogyan lesz a leghatékonyabb és legelegánsabb. Számtalan olyan dolog merül fel a munkája során, amire nem is gondolnánk. Egy egyszerű példa: nem mindegy, hogy egy űrlap beküldése milyen folyamatot indít el. Az űrlap tartalmát többféleképpen is célba lehet juttatni, és ezek közül van, ami egyszerű és biztonságos, és van, ami bonyolult és veszélyezteti az adatbiztonságot.

A webfejlesztő az informatikus egy speciáliaziált munkaköre, és ez is több részre bonható. Vannak frontend és backend fejlesztők, és vannak rendszerinformatikusok (vagy rendszergazdák) is. (Még ennél is jóval több pozíciót meg lehet határozni, de a cikk kedvéért maradjunk az említett háromnál.)

A frontend fejlesztő azzal foglalkozik, ami az áltagfelhasználó számára látható és érzékelhető. Ő az, aki a látványtervek alapján felépíti a weboldalt, hogy pontosan úgy nézzen ki, amilyennek szánták. Kódot ír vagy valamilyen eszközt használ, ezáltal életet lehel a tervrajzokba.

A backend fejlesztő ezzel szemben azért felel, ami szemmel nem látható. Az ő dolga kialakítani azokat a rendszereket, amik lehetővé teszik a különböző tevékenységeket a weboldalon. Pl. megvalósítja, hogy a korábban említett űrlap üzenete célba jusson, vagy hogy a vállalatirányítási rendszerben tárolt termékek megjelenjenek a webshopon és folyamatos szinkronban legyenek azzal.

A rendszerinformatikus foglalkozik többek között azokkal a dolgokkal, amiket a hétköznapokban az “IT” címkével illetnek. Ő felel azért, hogy a lefejlesztett weboldal hogyan kerül ki az internetre. Hozzá tartozik a tárhely és a domain kezelése, de ennél jóval összetettebb feladatokat is ellát.

Egy webfejlesztő tehát azért felel, hogy a weboldal az eltervezettnek megfelelően működjön, és kiszolgálja a felhasználókat és a weboldalt üzemeltető céget egyaránt.

Melyikre van szükségem?

Általában ha egy cég belevág egy marketingcélú weboldal vagy egy webshop készítésébe, webdesignerekre és webfejlesztőkre egyaránt szüksége lesz. A fentiekből kiderül, hogy mindkettőnek más a feladatköre, és egyik a másik nélkül nem hozhat létre egy felépítésében átgondolt, megjelenésében esztétikus, és működésében olajozott weboldalt.

Vannak olyan kivételes esetek, amikor csak az egyikre vagy a másikra van szükség. Ha például adott cégen belül van fejlesztőcsapat, amely alkalmas és hajlandó felépíteni egy weboldalt, akkor elegendő webdesignereket megbízni - fordított esetben pedig, ha designerek vannak házon belül, elég fejlesztőket találnunk a terv megvalósításához. Fontos azonban figyelni a részetekre is: egy backend fejlesztő, bár képes lehet rá, nem biztos, hogy a legalkalmasabb egy marketing site összerakásához; és egy grafikus, aki social média posztokat tervez, nem valószínű, hogy jó webdesigner lesz.

A cikk elején említett vállalkozó webfejlesztőket bízott meg azzal, hogy készítsék el az új weboldalát A-tól Z-ig. Hiába mutatott nekik kiváló példákat, a saját weboldala messze elmaradt az elvárttól. Utólag belátta, hogy ez nem a fejlesztő hibája: lehet akármilyen jó a munkájában, nem az a dolga, hogy felépítésben és megjelenésben gondolkodjon. Terv nélkül el van veszve, és ez így is van rendjén. A vállalkozó is arra jutott, hogy érdemes mindig a megfelelő szakembereket megbízni egy adott munkára, és ezzel rengeteg fejfájást és erőforrást megspórolhatunk.

‍