Mobilbarát weboldalak létrehozása és fejlesztése szakértelemmel

Mobilbarát tervezés magánügyfeleknek

A Mobilbarát tervezés akkor fontos, ha azt szeretnéd, hogy a weboldalad telefonon is érthető, gyors és kényelmes legyen. Nem elég, ha az oldal valahogy megjelenik kis kijelzőn. A látogatónak olvasnia kell a szöveget nagyítás nélkül, el kell érnie a gombokat, és pár másodperc alatt meg kell értenie, mit tegyen tovább. Én azt látom, hogy sok magánügyfél már nem teljes weboldalt akar először, hanem egy jól működő, kisebb online felületet. Bemutatkozó oldalt, szolgáltatásoldalt, időpontkérő oldalt vagy egy egyszerű ajánlatkérő felületet.

A magánszakemberrel végzett távoli munka itt gyakran gyorsabb, mint egy nagyobb csapattal. De csak akkor, ha a feladat pontos. A mobilnézet nem utólagos díszítés. Már a tervezés elején gondolni kell a szöveghosszra, a képek méretére, a menüre, az űrlapokra és arra, hogy a felhasználó ujjával kattint. Szerintem ez az a pont, ahol a legtöbb rossz weboldal elcsúszik. Asztali gépen még tűrhető, telefonon viszont fárasztó.

Mobilbarát oldal célja

A mobilra optimalizált weboldal célja nem az, hogy minden kisebb legyen. Inkább az, hogy minden fontos elem a megfelelő sorrendben jelenjen meg. A látogatónak nem kell keresgélnie. Felül látja, miről szól az oldal, kinek szól az ajánlat, mit kap, és hogyan tud kapcsolatba lépni. Ez egyszerűnek hangzik, de a gyakorlatban sok döntést igényel.

Tapasztalatom szerint a jó mobilos felület kevesebb elemet használ, mint az asztali változat. Nem azért, mert szegényesebb. Azért, mert telefonon gyorsabb döntések születnek. Egy hosszú menü, egy túl nagy kép vagy egy nehezen kitölthető űrlap könnyen elveszi a kedvet. Volt olyan eset, amikor egy ügyfél azt kérte, hogy minden információ kerüljön az első képernyőre. A végeredmény zsúfolt lett volna. A szakember inkább rövid blokkokra bontotta a tartalmat, és a konverziós gombot többször, de visszafogottan helyezte el. Az oldal sokkal érthetőbb lett.

A Qjob.hu felületén olyan magánszakembert is lehet keresni, aki online vállal ilyen feladatot. Itt a lényeg az, hogy ne csak azt nézd, tud e weboldalt készíteni. Azt is érdemes látni, hogyan gondolkodik mobilos használatról, olvashatóságról és egyszerű ügyfélútról.

Mobilbarát tervezés ára

A Mobilbarát tervezés ára nagyban függ attól, hogy új oldal készül, vagy meglévő felületet kell javítani. Egy egyszerű javítás lehet pár óra munka. Egy teljes újratervezés viszont több napot is igénybe vehet. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a mobilnézethez tesztelés, figyelem és több módosítás kell. Nem csak arról van szó, hogy a szöveg beférjen a képernyőre.

Az áraknál mindig kérdezz rá, mit tartalmaz a díj. Benne van e a mobilos vázlat, a grafikai terv, a beépítés, a tesztelés és hány javítási kör jár hozzá. Sok félreértés abból jön, hogy az ügyfél kész weboldalt vár, a szakember viszont csak tervet adott volna át. Ez nem rosszhiszeműség, inkább pontatlan egyeztetés.

Megfelelő online szakember kiválasztása

A jó szakember nem csak szépen rajzol képernyőket. Megkérdezi, ki fogja használni az oldalt, milyen információt keres, és milyen lépést vársz tőle. Ha valaki rögtön árat mond anélkül, hogy látná a tartalmat vagy a jelenlegi oldalt, akkor érdemes óvatosnak lenni. Lehet, hogy rutinos, de lehet, hogy sablonban gondolkodik.

Érdemes portfóliót kérni, de ne csak a képeket nézd. Nyisd meg telefonon a bemutatott oldalakat. Nézd meg, mennyire gyorsan töltődnek be, könnyű e olvasni, nem ugrálnak e az elemek, működik e a kapcsolatfelvétel. Szerintem a legjobb próba az, ha fél perc alatt meg tudod mondani, mit kínál az oldal és hol lehet továbblépni.

A szabadúszó webtervező kiválasztásánál a kommunikáció is fontos. Egy magánügyfél sokszor nem tud szakmai kifejezésekkel briefet írni. Ez nem baj. A szakember feladata az is, hogy egyszerű kérdésekkel pontosítsa a célt. Milyen oldal kell. Mi legyen az első üzenet. Van e kész szöveg. Kell e új képanyag. Ki fogja később módosítani az oldalt. Ezek hétköznapi kérdések, de a végeredmény minőségét erősen befolyásolják.

A mobilos munka menete

A távoli együttműködés általában rövid egyeztetéssel indul. Az ügyfél elküldi a meglévő weboldalt, a tartalmat, a példákat vagy a cél rövid leírását. Ezután jön a feladat pontosítása. A szakember megnézi, mi hiányzik, milyen képernyőkre kell tervezni, és mennyi anyag áll rendelkezésre.

A következő lépés gyakran egy egyszerű szerkezeti vázlat. Ez még nem végleges látványterv. Inkább azt mutatja, milyen sorrendben jelenjenek meg a blokkok. Tapasztalatom szerint ez sok vitát megelőz. Ha a sorrend rossz, a szép grafika sem menti meg az oldalt. Utána jöhet a látvány, majd a beépítés vagy az átadás a fejlesztőnek.

A határidő egy kisebb feladatnál lehet 1 vagy 2 munkanap. Egy teljesebb mobilbarát oldal inkább 5 és 12 munkanap között reális, főleg akkor, ha több javítás is szükséges. A kommunikáció történhet üzenetben, videóhívásban vagy megosztott dokumentumban. A lényeg az, hogy minden döntés visszakereshető legyen. Így kevesebb lesz a félreértés.

Anyagok és eredmény átadása

A mobilbarát honlaptervezés akkor halad jól, ha az ügyfél előre összegyűjti az alapanyagokat. Nem kell tökéletesen rendszerezni mindent, de legyen meg a logó, a fő szöveg, a képek, a kapcsolatfelvételi adatok és néhány példa arra, milyen stílus tetszik. Ha nincs kész szöveg, ezt külön feladatként kell kezelni. A weboldal szövege ugyanis mobilon még fontosabb, mert kevés a hely.

Az átadás formája többféle lehet. Kaphatsz kész működő oldalt, szerkeszthető tervet, képernyőképeket, technikai leírást vagy javítási listát. Ezt mindig előre kell tisztázni. Sokan ott hibáznak, hogy csak a végeredményre gondolnak, de nem kérdezik meg, később hogyan lehet módosítani az oldalt. Pedig egy telefonszám, ár vagy szolgáltatás bármikor változhat.

Én azt javaslom, hogy kérj rövid átadási összefoglalót is. Nem kell hosszú dokumentum. Elég, ha benne van, mi készült el, milyen fájlokat kaptál, hol lehet belépni, és mire kell figyelni a későbbi módosításoknál. Ez sokat segít akkor, ha később másik szakember folytatja a munkát.

Gyakori hibák mobilos felületeknél

A legtöbb hiba nem látványos első ránézésre. A gomb kicsit túl kicsi. A sorok túl hosszúak. A kép túl nagy. Az űrlap túl sok adatot kér. A menü megnyílik, de nehéz bezárni. Ezek külön külön apróságok. Együtt viszont rossz élményt adnak.

Sokan azt hiszik, hogy a reszponzív sablon önmagában megoldja a kérdést. De a sablon csak alap. A tartalmat, a sorrendet és a hangsúlyokat akkor is át kell gondolni. Egy hosszú bemutatkozó szöveg például asztali gépen még elmegy. Telefonon viszont a látogató hamar elfárad. Jobb rövidebb szakaszokra bontani, és csak ott részletezni, ahol valóban szükséges.

Másik gyakori gond a túl sok javítás menet közben. Ha az ügyfél minden nap új ötlettel érkezik, a munka szétesik. Ezért hasznos a brief. Nem merev szabályrendszer, hanem kapaszkodó. A webes felület akkor lesz jó, ha a cél, a tartalom és a technikai megoldás egy irányba mutat.

Minőségi mobilbarát webes eredmény

A Mobilbarát tervezés jó eredménye nem csak szebb oldal. Inkább kevesebb bizonytalanság a látogatónak. Tudja, hol van, mit olvas, miért érdemes továbbmennie, és hogyan tud kapcsolatba lépni. Ez különösen fontos akkor, ha a weboldal egy magánszolgáltatást, portfóliót, tanácsadást vagy online ajánlatot mutat be.

Szerintem akkor érdemes elégedettnek lenni, ha az oldal telefonon is nyugodtan használható. Nem kell nagyítani. Nem kell vadászni a gombra. Nem csúszik szét a tartalom. Az űrlap kitölthető. A szöveg nem akar egyszerre mindent elmondani. Egy jó mobilos webtervezés ilyen. Nem feltűnő, hanem működik.

A végeredményt mindig teszteld saját készüléken is. Kérj meg még egy embert, hogy nézze meg. Ha ő érti az oldalt magyarázat nélkül, az jó jel. Ha kérdeznie kell, akkor valami még nem elég világos. Ez nem kudarc, hanem a tervezés része.