Ha még sosem készíttettél weboldalt, a folyamat kívülről egy fekete doboz. Leadod, hogy mit szeretnél, aztán vársz, és egyszer csak kész. Pedig a weboldal tervezés lépései pont olyan kiszámíthatóak, mint egy házépítésé — és ha tudod, mi jön mikor, sokkal könnyebb dolgod lesz. Nemcsak azért, mert nyugodtabb leszel, hanem mert a te döntéseiden is múlik, mikor halad a munka.
Ebben a cikkben végigmegyünk azon, mi történik a háttérben attól a pillanattól, hogy írsz egy e-mailt, addig, amíg az oldal élesben elindul.
Mielőtt bármi elkezdődne: a beszélgetés
A legelső lépés nem a rajzolás és nem a kódolás, hanem egy beszélgetés. Kiderül belőle, mivel foglalkozol, kik a vevőid, és mit vársz az oldaltól. Ez utóbbi a legfontosabb, és a legtöbben itt akadnak el.
Mert az, hogy „legyen egy weboldalam”, még nem cél. Az már igen, hogy hívjanak fel, hogy foglaljanak időpontot, hogy megtalálják a nyitvatartást, vagy hogy ne kelljen tizedszer is elmondanod ugyanazt telefonon. Ezekből egészen más oldal lesz.
Amit érdemes előre összeszedned:
- mit csinál a vállalkozásod, egy mondatban
- kinek szól, és mi az, amit ő keres
- mi az egy dolog, amit a látogató tegyen az oldalon
- van-e olyan versenytárs, akinek az oldalát szereted — és miért
Az utolsó pont többet ér, mint gondolnád. Ha megmutatsz két oldalt, amik tetszenek, abból többet lehet kiolvasni, mint tíz jelzőből.
Szerkezet: mi hova kerül
Ezután jön a váz. Ilyenkor még nincs szín, nincs betűtípus, nincs kép — csak dobozok, amik megmutatják, milyen oldalak lesznek, és azokon milyen sorrendben jön az információ.
Ez a lépés szokott a legunalmasabbnak tűnni, pedig itt dőlnek el a fontos dolgok. Hogy a főoldalon rögtön látszik-e, mivel foglalkozol. Hogy hányadik görgetésnél bukkan fel az ár. Hogy a telefonszám ott van-e, ahol keresni fogják.
A sorrend nem ízlés kérdése. A látogató néhány másodperc alatt eldönti, marad-e, és ebben az a pár másodpercben csak azt látja, ami legfelül van.
Dizájn: a látvány a tartalomra épül
Csak most jön a kinézet. Szín, betűtípus, képek, gombok, elrendezés — mindaz, amire a legtöbben elsőre gondolnak, ha weboldalról van szó.
A sorrend azért ez, mert a dizájn a tartalomhoz igazodik, nem fordítva. Ha előbb készül el a látvány, és utána keressük hozzá a szöveget, abból mindig kompromisszum lesz: vagy a szöveget kell megvágni, hogy beférjen, vagy a dizájnt kell szétfeszíteni. Egyik sem lesz jó.
Itt szoktak jönni a körök is. Az első verzióra adsz visszajelzést, abból lesz a második, és általában a másodikra-harmadikra állunk meg. Ez normális, nem azt jelenti, hogy valami félrement.
Fejlesztés: amikor a képből működő oldal lesz
Az elfogadott dizájn eddig csak egy kép. A fejlesztés során lesz belőle működő weboldal: kattinthatóak a gombok, elküldhető az űrlap, és — ami legalább ennyire fontos — telefonon is használható marad.
A mobil ma nem opció. A látogatók nagyobbik része telefonról érkezik, tehát nem elég, hogy az oldal kicsiben is „elfér”. Olvashatónak és kezelhetőnek kell lennie egy hüvelykujjal is. Erről bővebben is írtunk: miért fontos, hogy mobilbarát legyen a weboldalad.
Ilyenkor kerülnek a helyükre a háttérdolgok is, amiket sosem fogsz látni, de nélkülük nem működik rendesen az oldal: a sebesség, a biztonsági beállítások, a keresőknek szóló jelzések.
Tartalom és tesztelés: a leglassabb szakasz
Itt szokott elakadni a legtöbb projekt, és majdnem mindig ugyanazon: a szövegeken és a képeken.
A fejlesztés kész, az oldal áll, de üres. Kellenek a szolgáltatás-leírások, a bemutatkozás, a saját fotók. Ha ezek nincsenek meg, az oldal hetekig várakozik egy egyébként befejezett állapotban. Ezért éri meg már az elején elkezdeni gyűjteni őket, nem a végén.
Amikor megvan a tartalom, jön a tesztelés. Több böngésző, több képernyőméret, régebbi telefon is. Végigpróbáljuk az űrlapokat, megnézzük, tényleg megérkezik-e a levél, és hogy minden link oda visz, ahova kell.
Élesítés és átadás
Az élesítés maga gyors — az oldal átkerül a saját domainre, és onnantól bárki eléri. Az átadás viszont több ennél.
Jó esetben megkapod a hozzáféréseket, és megtanulod, hogyan írj át magad egy szöveget vagy cserélj le egy képet. Nem kell fejlesztővé válnod, de az apró módosításokhoz ne kelljen mindig segítséget kérned.
És itt nem ér véget: az oldal frissítést és karbantartást igényel. Arról, hogy az első hetekben mire figyelj, külön cikkünk szól: mit tegyél, miután elkészült és átadták a weboldalad.
Mennyi idő ez az egész?
Egy néhány oldalas bemutatkozó oldal jellemzően három-hat hét. Egy nagyobb, sok szolgáltatásoldalas vagy webshopos munka ennél több.
A határidőt viszont ritkán a fejlesztés nyújtja el. Sokkal gyakrabban a visszajelzésre várás és a hiányzó tartalom. Ha a dizájn-verzióra egy hét múlva érkezik válasz, az egy hét csúszás — akkor is, ha közben minden más kész.
Ezért szokás lépésenként jóváhagyni. Így nem az utolsó héten derül ki, hogy nem arra gondoltál, hanem ott, ahol még olcsó javítani.
Mi történik, ha közben meggondolod magad?
Előfordul, és nem baj. Egy weboldal tervezése közben sokszor magad is jobban megfogalmazod, mit szeretnél — ez természetes.
Az számít, hogy mikor szólsz. Ha a vázlat szakaszában mondod, hogy mégis kellene egy árlista-oldal, az néhány perc. Ha a fejlesztés közben, akkor már a dizájnhoz is hozzá kell nyúlni. Ha az élesítés előtti napon, akkor az egész sorrend borul, mert minden lépés az előzőre épül.
Ezért kérünk jóváhagyást szakaszonként. Nem formaság: az a pont, ahol még olcsó változtatni. Egy jó tervező nem attól lesz jó, hogy sosem kell módosítani, hanem attól, hogy időben kérdez.
Mit tehetsz azért, hogy gyorsabb legyen?
Három dolgon múlik a legtöbb, és mind a három rajtad áll:
- Gyűjtsd össze a tartalmat előre. Szövegek, fotók, logó, referenciák — ezek nélkül a legjobb fejlesztő is áll.
- Válaszolj egyben. Egy összeszedett visszajelzés többet ér, mint öt külön üzenet három nap alatt.
- Mondd meg, mi a baj, ne azt, hogy mit csináljunk helyette. A „túl sötét ez a rész” pontosabb irány, mint egy konkrét színkód — mert a valódi problémára keresünk megoldást.
Összefoglalás
A weboldal tervezés lépései mindig ugyanabban a sorrendben jönnek: beszélgetés, szerkezet, dizájn, fejlesztés, tartalom és tesztelés, végül élesítés. Minden lépés az előzőre épül, és mindegyiknél te is jóváhagysz valamit.
Ha tudod, hol tart a munka és mi a következő állomás, a hat hét sem tűnik hosszúnak. És ami ennél is fontosabb: a végén tényleg az lesz, amire gondoltál.
Ha arra vagy kíváncsi, pontosan mit takar az egyedi munka a sablonos megoldásokhoz képest, arról itt olvashatsz: egyedi weboldal készítés — mit jelent, és mit kapsz érte. Ha pedig már tudod, mit szeretnél, vedd fel velünk a kapcsolatot — az első beszélgetés ingyenes, és abból már kiderül, mekkora munka lenne a tiéd.
