Fedezd fel a lenyűgöző vízszintes görgetésű weboldalak készítésének lehetőségeit!

Vízszintes Görgetés online weboldalon magánügyfeleknek

A Vízszintes Görgetés akkor jó választás, ha a tartalmat oldalirányban érdemes bemutatni, például portfólióként, képsorként, termékbemutatóként vagy történetszerű felületen. Nem minden weboldalhoz illik. Én azt látom, hogy akkor működik jól, amikor a látogató gyorsan megérti, merre kell haladnia, és nem érzi azt, hogy eltévedt az oldalon.

Magánügyfélként általában nem egy bonyolult fejlesztési kifejezést keresel, hanem egy olyan szabadúszó szakembert, aki meg tudja tervezni és el tudja készíteni a látványos, mégis használható megoldást. A vízszintes oldalnavigáció lehet izgalmas, de csak akkor, ha a tartalom, a mozgás, a mobilnézet és a betöltési sebesség együtt van kezelve. Ha ezek közül egy kimarad, a végeredmény inkább zavaró lesz, mint különleges.

A Qjob.hu oldalán olyan magánszakemberek között lehet keresni, akik távolról is vállalhatnak webes feladatokat. Itt a hangsúly nem a személyes találkozón van, hanem a pontos leíráson, a mintákon, a határidőn, a visszajelzéseken és azon, hogy a kész anyag átadása érthető módon történjen.

Vízszintes Görgetés használati célja

A Vízszintes Görgetés fő célja nem az, hogy a weboldal furcsább legyen. A cél az, hogy a tartalom természetesebben jelenjen meg egy ilyen szerkezetben. Ez jól működhet kreatív portfólióknál, fotós bemutatkozó oldalaknál, kampányoldalaknál, szolgáltatási csomagok összehasonlításánál és olyan felületeknél, ahol a képek vagy panelek egymás után következnek.

Szerintem a legfontosabb kérdés az, hogy a látogató nyer-e vele valamit. Ha csak azért kerül be az oldalba, mert másnál is látványos volt, akkor könnyen túlzás lesz belőle. A látogató nem akar rejtvényt fejteni. Meg akarja érteni, hol van, mit néz, és hogyan jut tovább.

Az ez a görgetési mód akkor erős, ha kevés, de jól rendezett tartalom van. Egy hosszú szöveges szolgáltatási oldalnál gyakran rossz választás. Egy képes esettanulmány, egy terméksor, egy dizájn portfólió vagy egy bemutató folyamat viszont sokkal élőbb lehet tőle. A szabadúszó webdesigner feladata az, hogy ezt a határt felismerje, ne csak elkészítse a látványt.

Vízszintes weboldal árak

Az ár nagyban függ attól, hogy csak egy kisebb blokk mozog oldalirányban, vagy az egész oldal ilyen logikára épül. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a megoldást nem elég látványra elkészíteni. Tesztelni kell asztali gépen, táblagépen és mobilon is. És figyelni kell arra is, hogy az oldal ne legyen lassú.

Tapasztalatom szerint a jó ajánlat nem csak egy végösszeget tartalmaz. Benne van, hány aloldal vagy blokk készül, hány módosítás fér bele, ki adja a képeket, milyen rendszerben készül az oldal, és milyen formában történik az átadás. Ha ezek hiányoznak, később könnyen vita lesz.

Megfelelő szabadúszó kiválasztása

A megfelelő szabadúszó kiválasztásánál nem elég azt nézni, hogy szépek-e a referenciák. Olyan munkákat kell keresni, ahol a látvány mellett a használhatóság is rendben van. Egy vízszintes elrendezésnél ez különösen fontos. A látogatónak éreznie kell, hogy az oldal vezeti, nem akadályozza.

Érdemes rákérdezni, hogy a szakember milyen módon oldja meg a mobilnézetet. Az ilyen megoldás asztali képernyőn sokszor jól mutat, mobilon viszont könnyen szétesik. Sokan ott hibáznak, hogy csak nagy kijelzőn nézik meg a mintát, majd később derül ki, hogy telefonon nehéz használni. Ez nem apró részlet, hanem alapfeltétel.

Jó jel, ha a webdesigner először kérdez. Milyen tartalom lesz az oldalon, hány blokkra van szükség, milyen célja van a látogatónak, kell-e később szerkeszteni a tartalmat. Ha rögtön árat mond minden részlet nélkül, az gyorsnak tűnhet, de nem mindig biztonságos.

Online munkafolyamat és átadás

Az online munka akkor halad jól, ha az elején tiszta a feladat. Kell egy rövid leírás, példák olyan oldalakra, amelyek tetszenek, és néhány mondat arról is, mi nem tetszik. Ez sok félreértést megelőz. A vízszintes görgethető felület különösen érzékeny a ritmusra, ezért a tervezésnél már az első vázlatnál látszania kell, hogyan mozog majd a tartalom.

A folyamat általában egyeztetéssel indul. Utána jön a szerkezeti terv, majd a látványterv vagy közvetlenül a fejlesztés, ha a feladat kisebb. Ezután következik a próba, a javítás, a mobilnézet ellenőrzése, végül az átadás. Az átadás lehet belépési adatokkal, forrásfájlokkal, szerkeszthető felülettel vagy rövid kezelési útmutatóval.

Volt olyan eset, amikor egy ügyfél csak annyit kért, hogy legyen oldalra húzható a bemutatkozó rész. A kapott első változat látványos volt, de a látogatók nem vették észre, hogy tovább lehet húzni. A megoldás végül nem nagy fejlesztés volt. Egy egyszerű jelzés, rövidebb panelek és jobb mobilos elrendezés kellett. Ettől a felület érthető lett.

Gyakori hibák oldalirányú görgetésnél

A leggyakoribb hiba az, hogy az oldalirányú görgetés öncélú lesz. Látványos, de nem segít. A másik gond a rejtett tartalom. Ha a látogató nem látja, hogy van még tovább, akkor a munka egy része egyszerűen láthatatlan marad. Ez különösen fájó akkor, ha fontos ajánlat, ár vagy kapcsolatfelvételi rész kerül a rejtett részbe.

Másik tipikus probléma a túl erős mozgás. A gyors animáció, a hirtelen váltás vagy az irányíthatatlan csúszás fárasztó. Nem minden látogató szereti, ha az oldal másként működik, mint amit megszokott. De ettől még a megoldás nem rossz. Csak pontosan kell adagolni.

Én azt látom, hogy a minőség sokszor nem a látványos részleteken múlik, hanem a kis döntéseken. Legyen-e nyíl. Legyen-e látható sáv. Működjön-e egérrel, érintéssel és billentyűzettel. Mi történik, ha a felhasználó vissza akar lépni. Ezek apróságnak tűnnek, de a kész oldal érzetét ezek adják.

Anyagok, brief és javítások

A jó brief rövid, de pontos. Tartalmazza a célközönséget, a kívánt hangulatot, a tartalmak számát, a képek minőségét és azt, hogy milyen rendszerben készüljön a weboldal. Nem kell szakmai nyelven megírni. Elég, ha érthető. A szabadúszó szakember feladata az, hogy ebből működő webes megoldást készítsen.

A javításokat érdemes előre tisztázni. Hány kör módosítás van az árban, mi számít apró módosításnak, és mi számít új feladatnak. Egy vízszintes elrendezésnél egyetlen új blokk is megváltoztathatja az egész ritmust. Ezért nem mindegy, hogy a plusz tartalom csak bekerül, vagy a teljes szerkezetet is át kell gondolni.

Ha képek is vannak, azok legyenek jó minőségűek és egységesek. Gyenge fotókkal a legjobb görgetési megoldás is bizonytalan hatású lesz. Ha szövegek kerülnek a panelekre, rövid mondatokkal érdemes dolgozni. A hosszú bekezdések ilyen nézetben nehezebben olvashatók.

Minőség és eredmény ellenőrzése

A kész munkát nem csak ránézésre kell átvenni. Meg kell nézni, hogy a Vízszintes Görgetés működik-e több böngészőben, kisebb kijelzőn és érintéses használatnál. Fontos az is, hogy a látogató vissza tudjon térni egy korábbi részhez, és ne veszítse el az irányt.

Szerintem a jó eredmény csendesebb, mint amilyennek elsőre gondolnánk. Nem attól jó, hogy minden mozog. Attól jó, hogy a mozgásnak oka van. A látogató halad, érti a tartalmat, és nem kell azon gondolkodnia, hogyan működik az oldal. Ha ez teljesül, az ez a navigáció valóban hozzáad a weboldalhoz.

A végén érdemes kérni egy rövid összefoglalót arról, mi készült el, hol lehet módosítani a tartalmat, milyen képméret ajánlott, és mire kell figyelni későbbi bővítésnél. Ez nem formaság. Ez védi a megrendelőt is. Egy jól átadott munka később könnyebben javítható, bővíthető és érthető marad.