Az újratervezést ne a színekkel kezdd, hanem azzal, hogy mit kell jobban megoldania a weboldaladnak. A weboldal újratervezés folyamata az üzleti cél tisztázásával indul, utána derül ki, elég-e néhány javítás, vagy az egész oldalt érdemes átalakítani. Így nem bontasz le mindent csak azért, mert a régi megjelenés már nem tetszik.
Jogos, ha közben a keresőből érkező látogatóidat és a jól működő oldalaidat félted. Ezeket nem érdemes félvállról venni: előre fel kell mérni, mely tartalmak hoznak látogatót, mely oldalak fontosak az érdeklődőknek, és mi szorul valódi javításra. Én ezért először a jelenlegi weboldal üzleti szerepét és problémáit nézem meg, nem rögtön új látványtervet készítek.
A cikkben megmutatom, milyen jelek alapján válassz kisebb frissítés és teljes újratervezés között, hogyan óvd meg az értékes tartalmakat, és milyen sorrendben haladj a tervezéssel, fejlesztéssel és teszteléssel. Így már az indulás előtt látni fogod, mire kell felkészülnöd, és hogyan juthatsz el egy használhatóbb, a vállalkozásod céljait szolgáló weboldalig.
Újratervezés akkor indokolt, ha a weboldalad akadályoz egy konkrét üzleti cél elérésében. Ha viszont a gond egyetlen oldalon vagy szövegben van, gyakran elég azt célzottan javítani. Az újratervezés terjedelmét a feltárt üzleti probléma határozza meg.
Kevés érdeklődő érkezik? Ez önmagában még nem bizonyítja, hogy az egész weboldal rosszul működik. Lehet, hogy a látogató nem érti az ajánlatot, nem találja a kapcsolatfelvétel módját, vagy a szöveg nem ad választ arra, ami miatt megnyitotta az oldalt. A tünetet könnyű észrevenni, az okot viszont előbb meg kell keresni.
Nyisd meg az oldalt úgy, mintha most találkoznál először a vállalkozásoddal. Rövid idő alatt kiderül, mit kínálsz, kinek szól az ajánlat, és mi a következő lépés? Ha ezekre nehéz választ találni, a látogatónak kell összeraknia a képet. Ezt ne várd el tőle.
Nézd meg azt is, hogy a tartalom a jelenlegi ajánlatodat mutatja-e be, és válaszol-e az ügyfeleid valódi kérdéseire. Egy elavult szolgáltatásleírás tartalmi hiba, nem feltétlenül újratervezési feladat. A szokatlan betűszín vagy a régi fejléc zavarhat, de önmagában még nem jelenti azt, hogy az oldal akadályozza az értékesítést.
Ha a gond néhány oldalra vagy tartalmi elemre korlátozódik, kezdd ott. Tegyük fel, hogy egy pékség weboldalán helyes az ajánlat, könnyen megtalálható a kapcsolatfelvétel, de a nyitvatartási oldal elavult. Ilyenkor a nyitvatartás javítása megoldhatja a konkrét problémát. A teljes oldal átalakítása erre olyan válasz lenne, mint új üzlethelyiséget bérelni egy rosszul kiírt nyitvatartás miatt.
Ha viszont több oldalon ugyanaz a zavar jelentkezik, például nem derül ki az ajánlat lényege, nehéz megtalálni a következő lépést, vagy a fontos funkciók sem működnek jól együtt, akkor már a teljes rendszer vizsgálata indokolt. Ilyenkor előbb tárd fel, pontosan hol akad el a látogató, és mely elemek okozzák a problémát, csak utána dönts a beavatkozás terjedelméről.
A döntés előtt írd le egy mondatban, mit szeretnél, hogy a látogató tegyen, majd keresd végig az ehhez vezető útját. Hol akad el? Melyik oldal vagy funkció okozza a gondot? Ha egy konkrét elemre mutat a válasz, javítsd célzottan. Ha az út több ponton szétesik, a weboldal újratervezés folyamata a teljes élmény átgondolásával kezdődjön, ne a színek kiválasztásával.
A weboldal újratervezés folyamata előtt rögzítsd, mit kell támogatnia az oldalnak a vállalkozásodban. Érdeklődőket gyűjtesz, online értékesítesz, vagy egy visszatérő kézi feladatot szeretnél egyszerűsíteni? Írd le azt is, milyen ajánlatot mutatsz be, és mit vársz a látogatótól. Így a tervezés nem a kedvenc színeid körül forog majd.
Készíts leltárt a főoldalról, a szolgáltatási oldalakról, a bejegyzésekről és a kapcsolatfelvételhez vezető útvonalakról. Jelöld meg, mit szeretnél megtartani, mit kell frissíteni, és mi vált feleslegessé. A működő funkciókat is írd össze, például az ajánlatkérő űrlapot vagy az időpontfoglalást. Ne hagyd, hogy egy hasznos megoldás csak azért tűnjön el, mert az új oldalon még nem került szóba.
Ha van hozzáférésed mérési adatokhoz, mentsd el őket az átalakítás előtt, és jegyezd fel, melyik időszakot vizsgáltad. Nézd meg, mely oldalakra érkeznek látogatók, honnan lépnek tovább, és melyek kapcsolódnak érdeklődéshez vagy más fontos üzleti művelethez. Egy adat önmagában kevés. Azt is rögzítsd, milyen célt szolgál az adott oldal, például egy könyvelő szolgáltatási oldala segít-e eligazodni a vállalkozóknak az ajánlatok között.
A weboldal újratervezés lépései között a teljesítmény felmérése és a tartalmi terv is szerepel. Én ezt az üzleti működéssel együtt vizsgálnám: egy oldal lehet látogatott, de ha nem viszi közelebb az érdeklődőt a következő lépéshez, érdemes megérteni, miért.
Ne csak a menüpontokat hasonlítsd össze. Készíts listát a régi és a tervezett webcímekről is. A menü neve változhat, miközben egy régi oldal címe megmarad, vagy fordítva. Ha egy webcím megváltozik, tervezz releváns új céloldalra mutató átirányítást. Minden megváltoztatott URL-hez legyen előre átgondolt céloldal vagy indokolt megszüntetés.
Ha egy régi szolgáltatási oldalnak nincs közvetlen megfelelője, ne irányítsd automatikusan a főoldalra. Döntsd el, van-e olyan új oldal, amely valóban ugyanarra az igényre ad választ. Ha nincs, legyen világos oka annak, hogy a régi oldal megszűnik. A véletlenszerű átirányítás nem rendezi a tartalmat, csak másik helyre küldi a látogatót.
Ezzel a leltárral a tartalomról, a működő elemekről és a webcímekről szóló döntéseid még az átalakítás előtt tiszták lesznek. Így kisebb az esélye, hogy egy értékes oldal vagy fontos útvonal csak az élesítés után hiányozzon.
A megfelelő beavatkozás attól függ, mekkora részt érint a probléma. Ha néhány tartalmi elemre szűkül, először a célzott javítást vizsgáld meg. Ha több oldalon vagy funkción akad el ugyanaz az üzleti folyamat, indokolt lehet a szélesebb átalakítás. Egyik megoldás sem jobb minden helyzetben.
Az alábbi összevetés segít elválasztani a három lehetőséget. A szervezési igény főleg attól függ, hány oldal, tartalom és működő funkció változik, illetve mennyi döntést kell meghoznod az újratervezés előtt.
| Részleges frissítés | Újratervezés | Teljes újraépítés |
|---|---|---|
| Hatóköre: néhány szöveg, oldal vagy elem módosul. A meglévő felépítés alapvetően maradhat. | Hatóköre: több oldal, az elrendezés vagy a látogatói útvonal is átalakulhat, miközben az oldal alapjai megmaradhatnak. | Hatóköre: az oldal felépítése és működési alapja is újragondolást igényel. |
| Mi őrizhető meg? Általában a meglévő szerkezet, funkciók és jól működő tartalmak nagy része. | Mi őrizhető meg? A hasznos tartalmak és funkciók megtarthatók, ha illeszkednek az új célokhoz. | Mi őrizhető meg? A tartalmak, fontos webcímek és üzletileg hasznos megoldások külön felmérést igényelnek. Új alap nem jelenti azt, hogy minden régit el kell dobni. |
| Szervezés: jellemzően néhány konkrét döntés és a módosított elem ellenőrzése szükséges. | Szervezés: össze kell hangolni az oldalakat, a tartalmat és a funkciókat. | Szervezés: több előkészítés kell, mert az új szerkezetet, tartalmakat, működést és átállást is meg kell tervezni. |
Ha az oldalstruktúra kiszolgálja a vállalkozásod céljait, de egy tartalom hiányos vagy elavult, kezdd annak frissítésével. Például egy könyvelő új szolgáltatást vezet be. Lehet, hogy ehhez elegendő egy új szolgáltatási oldal, valamint a hozzá kapcsolódó menüpont vagy ajánlatkérési útvonal módosítása. Előtte nézd meg, hogyan kapcsolódik az új oldal a meglévő tartalmakhoz és funkciókhoz.
Ha a jelenlegi felépítés több üzleti célt is akadályoz, például az ajánlat bemutatása, az érdeklődés fogadása és egy fontos funkció használata is nehézkes, a különálló javítások csak foltozgatják a gondot. Ilyenkor érdemes együtt vizsgálni a tartalmat, az oldalstruktúrát és a funkciókat. Ha a meglévő alapok nem támogatják a szükséges működést, az újraépítés is szóba kerülhet.
Bármelyik irányt választod, készíts listát a megtartandó tartalmakról és a keresőből érkező látogatók által használt webcímekről. Az újratervezés terjedelmét ne a látvány változásának mértéke, hanem az üzleti probléma kiterjedése határozza meg.
A weboldal újratervezés folyamata akkor marad kezelhető, ha minden szakasz végén tiszta, mivel lehet továbblépni. Én ezt a sorrendet javaslom: előbb rögzítsd a célt, aztán mérd fel a jelenlegi oldalt, tervezz, kivitelezz, tesztelj, végül élesíts. Ha valamelyik döntés nyitva marad, ne próbáld a következő szakaszban találgatással pótolni.
Az Alvásguru CBT-I kurzusának landingoldalán is ebben a sorrendben haladtam. Először elemeztem a régi oldalt, hogy lássam, mely részek rontják a konverziót. Utána az ügyféllel végigvettem, honnan érkezik a látogató, és mit tud addigra a kurzusról. Az ajánlat felépítését ez alapján dolgoztam át, a redesign, a fejlesztés és az élesítés csak ezután jött. Ugyanarra a saját listára kiküldve, hirdetés nélkül, a konverzió 0,57%-ról 5,1%-ra nőtt.
Írd le röviden az üzleti célt, majd gyűjtsd össze a szolgáltatásleírásokat, a használható képeket, a gyakori ügyfélkérdéseket és a szükséges funkciókat. Például egy időpontkérő űrlapnál döntsd el előre, milyen adatokat kell bekérni, és mi történjen a beküldés után. Jelöld ki azt is, ki ad visszajelzést, és ki hagyja jóvá a tartalmat. Így a véleményezés nem válik végtelen körhintává.
Élesítés előtt nézd át az oldalt mobilon is. Próbáld végig a navigációt, küldd el az űrlapokat, kattints a belső linkekre, és ellenőrizd a fontos funkciókat. Ne csak azt nézd, hogy „szép-e”, hanem azt is, hogy végig tud-e menni rajta az érdeklődő.
Az élesítés után járd végig újra a fő útvonalakat. Nézd meg, nem maradt-e hibás oldalra mutató link vagy működésképtelen átirányítás, és figyeld, hogy a fontos oldalak elérhetők-e a keresők számára. Ha egy látogatói útvonal megszakad, javítsd azt célzottan, mielőtt az apró hiba megszokott kerülőúttá válik.
Az új oldal akkor szolgálja a vállalkozásodat, ha a döntések egy konkrét üzleti célhoz kapcsolódnak. Több érdeklődőt szeretnél? Egyszerűsítenéd az értékesítést? Vagy azt szeretnéd, hogy kevesebb feladatot kelljen kézzel intézned? Ha világos a cél, könnyebb eldönteni, melyik fejlesztés visz előre, és melyik csak újabb tétel a kívánságlistán.
Minden javaslatnál tedd fel a kérdést: „Melyik konkrét problémát oldja meg?” Egy új funkció önmagában még nem indok. Akkor van értelme, ha könnyebbé teszi a látogató dolgát, támogat egy fontos üzleti folyamatot, vagy csökkent egy visszatérő kézi feladatot.
Vegyünk egy terembérléssel foglalkozó vállalkozást. Ha az érdeklődők rendszeresen telefonon kérdeznek rá a szabad időpontokra, egy átlátható foglalási útvonal segíthet, hogy könnyebben jelezhessék az igényüket. A cél így nem általában „egy modernebb weboldal”, hanem az, hogy a foglalás menete érthetőbb legyen. Azt is érdemes tisztázni, milyen adatokat kell megadnia az érdeklődőnek, és mi történjen a kérés beküldése után.
Én egyéni szakemberként vezetem a projekteket, szükség esetén alvállalkozókkal. A weboldalt üzleti eszközként kezelem, ezért a fejlesztési javaslatokat ahhoz kötöm, hogy több érdeklődőt szerezz, több értékesítést támogass, kevesebb kézi munkát végezz, vagy csökkents egy működési kockázatot.
A weboldal újratervezés folyamata kisebb, önállóan is értelmes szakaszokra bontható. Először elkészülhet az az oldal vagy funkció, amely a legfontosabb célt támogatja, a további fejlesztések pedig később következhetnek. Minden szakasznál rögzítsd, miből látszik, hogy az adott feladat elkészült. Így a projekt nem nő észrevétlenül végtelen kívánságlistává.
Több mint 50 ügyfélweboldal kezelésében és karbantartásában szereztem tapasztalatot. Ez a háttér abban segít, hogy a megújításnál a mindennapi működést is figyelembe vegyem, ne csak az új felületet. Sokszor nem a legtöbb fejlesztés a jó döntés, hanem az, amelyik a legvilágosabban kapcsolódik a vállalkozásod céljához.
Mielőtt belevágsz, válassz ki egy konkrét üzleti célt, és döntsd el, milyen változás jelezné, hogy a weboldalad jobban támogatja. Lehet ez több érdeklődés, egyszerűbb vásárlás vagy kevesebb kézi egyeztetés. Nem kell mindent egyszerre megoldanod. Egy jól körülhatárolt első lépés is elindíthat a megfelelő irányba.
Írd le, mi akadályoz most, és milyen változtatástól vársz javulást. Ez segít akkor is, ha menet közben új ötletek merülnek fel. Nem mindegyik sürgős, és nem mindegyik kapcsolódik közvetlenül az üzleti célodhoz.
Foglalj díjmentes konzultációt
Kezdd azzal a döntéssel, amely a legtöbb bizonytalanságot veszi le a válladról. Innen már könnyebb továbbhaladni.
Nincs minden projektre érvényes időtartam. A weboldal újratervezés folyamata attól függ, hány oldalt érint a változás, kész vannak-e a szövegek és képek, illetve kell-e új funkciókat kialakítani. Az egyeztetések és jóváhagyások ideje is számít. Tervezéskor ezért ne csak a fejlesztésre szánt idővel számolj, hanem azzal is, mikorra tudod átadni a tartalmakat és visszajelzést adni.
A forgalom visszaesését nem lehet teljes bizonyossággal kizárni, de a kockázat csökkenthető. Őrizd meg a jól teljesítő oldalak tartalmát vagy a céljuknak megfelelő új változatát, és gondoskodj a megváltozó webcímek megfelelő átirányításáról. Az élesítés után ellenőrizd, hogy a fontos oldalak betöltődnek-e, és a keresők elérik-e őket. A korábbi forgalmi adatokat is tartsd meg összehasonlítási alapként.
Igen, a régi tartalmak megtarthatók, ha továbbra is pontosan mutatják be az ajánlatodat és választ adnak az ügyfelek kérdéseire. Nem kell mindent változtatás nélkül átvenned: frissítheted a szöveget, összevonhatsz hasonló oldalakat, vagy elhagyhatod azt, ami már nem illik a vállalkozásodhoz. A döntés előtt nézd meg, mely tartalmakra hivatkoznak más oldalaid, és melyekhez kapcsolódik fontos üzleti folyamat.
Ha egy régi webcím változatlanul megmarad, a látogatók továbbra is azon érhetik el az oldalt. Ha új címre költözik, állíts be átirányítást egy tartalmilag megfelelő céloldalra. Ezt ne hagyd az élesítés utáni teendők közé: előre készíts párosítást a régi és az új címekről. Ha egy oldal megszűnik, dönts arról is, van-e értelmes helyettesítője.
Ez a kivitelezés módjától függ. Ha az új oldal külön tesztpéldányon készül, a jelenlegi weboldal az átállásig elérhető maradhat, de ezt a projekt elején tisztázd. Kérdezz rá arra is, várható-e rövid szünet az élesítéskor, és mi történik az addig beérkező űrlapokkal vagy rendelésekkel. Webáruháznál különösen fontos, hogy az átállási terv számoljon a folyamatban lévő vásárlásokkal.
Kisebb frissítés is elég lehet, ha egy jól működő oldalon egy körülhatárolható rész szorul javításra, például egy szolgáltatás leírása vagy egy űrlap kérdései. A döntéshez jelölj ki egy konkrét elvárást: mit kell tudnia a módosított oldalnak, amit most nem tud? Ha a többi oldal és a hozzájuk vezető útvonal megfelelően működik, nincs ok automatikusan az egész felülethez hozzányúlni.
Nem minden esetben kötelező, de hasznos, ha nem világos, mi okozza a problémát. Az átvizsgálás feltárhat olyan tartalmi, működési vagy felhasználói akadályokat, amelyeket pusztán a látvány alapján nehéz észrevenni. Akkor különösen érdemes mérlegelni, ha több oldal érintett, vagy nem tudod eldönteni, hogy célzott javításra vagy nagyobb átalakításra van szükség. Így a feladatlista konkrét megállapításokra épülhet.
„Olyan érzés volt, hogy nem egyedül dolgozom az oldalamon, hanem ketten együtt, két tulajdonos gondolkodik...
...abban, hogyan lehetne ezt az üzletet a legjobban beindítani, hogyan lehet ezt az oldalt a legjobban összerakni."
„Az ügyfeleink a legfontosabbak számunkra. Ezért dolgozunk a legjobbakkal...
...és ezért bízzuk a weboldalaikat Rád.'
'Webfejlesztő sok van, Rudiból csak egy.
Szerencsések vagyunk, hogy a vele való munka során olyan szakemberre bízhatjuk magunkat és az ügyfeleinket, aki ugyanúgy a tökéletes végeredményre törekszik, mint mi."
"Rudi az, akit vállalkozóként webes "kollégának" álmodtam magamnak.
Megvalósítja azt, amiről még nem is tudom, hogy szükségem lesz rá. Mindig ott van, amikor szükségem van rá. Az első pillanattól kezdve érzem, hogy egy csapat vagyunk. Imádom!"
