PWA és mobiloldalak tervezése és fejlesztése kiemelkedő minőségben

Mobiloldal tervezés magánügyfeleknek

A Mobiloldal tervezés akkor fontos, ha a látogatók nagy része telefonról nézi meg az oldalt, és gyorsan akar dönteni. Ilyenkor nem elég, hogy a weboldal kicsiben is látszik. A felületnek érthetőnek, gyorsnak és kényelmesnek kell lennie. Én azt látom, hogy sok magánügyfél nem teljes weboldalt akar első lépésben, hanem egy olyan mobilnézetet, amely végre nem zavarja össze a látogatót. Ez lehet bemutatkozó oldal, szolgáltatói oldal, foglalási felület, ajánlatkérő oldal vagy egy meglévő honlap mobilos áttervezése.

A mobilos webtervezés távolról is jól szervezhető munka. A megbízó elküldi a meglévő oldalt, a szövegeket, a képeket, a célokat és néhány példát. A szakember ezek alapján javaslatot készít, majd látványtervet, működési logikát vagy kész oldalt ad át. A Qjob.hu felületén magánszakemberek között lehet keresni, ezért a kommunikáció közvetlenebb, mint egy nagyobb stúdiónál. De ettől még fontos a pontos feladatleírás, mert egy homályos kérésből ritkán születik jó mobilos eredmény.

Mobilos webtervezés célja

A mobilos webtervezés célja nem az, hogy minden asztali elem változatlanul megjelenjen telefonon. Inkább az a lényeg, hogy a látogató gyorsan megértse, hol jár, mit kap, mennyibe kerülhet a szolgáltatás, és hogyan tud kapcsolatba lépni. Szerintem a jó mobiloldal kevésbé türelmes közegre készül. A felhasználó görget, fél kézzel nézi, közben más dolgokra is figyel. Ezért minden felesleges blokk, túl nagy kép vagy rossz helyre tett gomb rontja az esélyt.

Egy magánügyfélnek általában nem technikai magyarázat kell, hanem működő oldal. A tervező feladata, hogy a tartalmat rangsorolja. Mi legyen az első képernyőn. Hol legyen a kapcsolatfelvétel. Milyen hosszú legyen az űrlap. Kell-e ragadós menü. Érdemes-e külön mobilos menüpontokat használni. Ezek apró döntéseknek tűnnek, mégis sokat számítanak.

Volt olyan eset, amikor egy ügyfél csak annyit kért, hogy a honlap legyen szebb telefonon. A régi oldalon a kapcsolat gomb a lap alján volt, az árak pedig túl sok görgetés után jelentek meg. A javítás nem látványos grafikai csere volt, hanem sorrendi átalakítás. Előre kerültek a szolgáltatások, rövidebb lett a bevezető, és a gomb mindig kéznél maradt. Az ügyfél később azt mondta, hogy nem a design lett drámaian más, hanem végre használható lett az oldal.

Mobiloldal tervezés árak

A Mobiloldal tervezés ára attól függ, hogy csak terv készül, vagy a szakember a megvalósítást is elvégzi. Más díja van egy meglévő oldal mobilos javításának, egy új egyoldalas bemutatkozó oldalnak és egy összetettebb szolgáltatói felületnek. Tapasztalatom szerint a túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden drága ajánlat jó, hanem mert a mobilnézet átgondolása időt kér. Tesztelni kell, javítani kell, és több képernyőméretet is figyelembe kell venni.

Az áraknál érdemes külön kezelni a tervezést és a fejlesztést. Egy webdesigner elkészítheti a mobilos tervet, de nem biztos, hogy kódol is. Egy fejlesztő meg tudja valósítani a kész tervet, de nem mindig ő találja ki a legjobb felhasználói sorrendet. A kettő együtt drágább lehet, de kevesebb félreértést okoz. Magánügyfélként akkor jársz jobban, ha már az elején tisztázod, hogy csak tervet kérsz, vagy kész, működő mobiloldalt.

Online munka menete mobiloldalnál

Az online munka általában rövid egyeztetéssel indul. A megbízó leírja, mi a gond a jelenlegi oldallal, vagy milyen új oldalt szeretne. Ezután jönnek a meglévő anyagok. Szöveg, logó, képek, hozzáférés nélküli képernyőképek, példák, korábbi panaszok. A szakember ezekből állítja össze az első irányt. Nem mindig kell hosszú dokumentum. De kell egy érthető brief.

A következő lépés a szerkezet. Itt dől el, milyen sorrendben jelennek meg a blokkok mobilon. A jó szakember nem csak rajzol. Kérdez. Megnézi, hol veszhet el a látogató. Javasolja, mit érdemes rövidíteni. Jelzi, ha egy szöveg túl hosszú telefonos nézethez. Ezután készülhet látványterv vagy közvetlen javítás, a munka jellegétől függően.

Az átadás lehet kép, kattintható prototípus, szerkeszthető tervfájl vagy kész weboldal. Fontos, hogy a megbízó pontosan tudja, mit kap. Egy kép nem ugyanaz, mint egy beépített oldal. Egy prototípus nem ugyanaz, mint egy működő honlap. Sokan ott hibáznak, hogy csak a végeredmény nevét kérik, de nem tisztázzák az átadási formát. Ebből később vita lesz.

Mobiloldal szakember választása

Mobiloldal szakember választásánál a portfólió a legjobb első szűrő. Nem az a lényeg, hogy sok kép legyen benne, hanem hogy telefonos nézetben is érthető legyen a munka. Nézd meg, hogyan kezeli a menüt, a gombokat, az űrlapokat és a hosszabb szövegeket. Aki csak nagy asztali képernyőre mutat példát, annál érdemes rákérdezni, milyen mobilos munkái voltak.

Én azt látom, hogy a jó mobilos tervező egyszerűen magyaráz. Nem bújik technikai szavak mögé. Meg tudja mondani, miért kerül egy gomb feljebb, miért rövidebb egy blokk, vagy miért nem kell öt menüpont a telefonos fejlécbe. Ez bizalmat ad. A magánszakemberrel való munka egyik előnye, hogy közvetlenül lehet kérdezni. De a közvetlenség nem helyettesíti a pontos határidőt és a világos vállalást.

Érdemes kisebb próbamunkával kezdeni, ha nagyobb átalakításról van szó. Például egy főoldali mobilnézet tervével vagy egy problémás aloldal javításával. Így látszik a stílus, a kommunikáció és a gondolkodás. A legolcsóbb ajánlat néha csak elsőre tűnik nyerőnek. Ha a szakember nem kérdez semmit, nem nézi meg a célt, és azonnal kész megoldást ígér, az kockázat.

Mobilnézet minősége és gyakori hibák

A mobilnézet minőségét nem csak az dönti el, hogy minden elfér-e a kijelzőn. Fontos a sebesség, a szöveg olvashatósága, a gombok mérete, a görgetési ritmus és az, hogy a látogató ne tévedjen el. Egy túl zsúfolt oldal fárasztó. Egy túl üres oldal viszont nem ad elég információt. A jó arány megtalálása a munka egyik nehéz része.

Gyakori hiba, hogy az asztali oldal minden eleme változatlanul átkerül mobilra. A hosszú bemutatkozás, a nagy képváltó, a sok ikon és a részletes menü együtt lassítja a döntést. Másik hiba, amikor a kapcsolatfelvétel csak a lap alján van. Telefonon a látogató nem mindig akar mindent végigolvasni. Ha már döntött, könnyen kell továbblépnie.

Sokan a betűméreten spórolnak helyet. Ez rossz irány. A túl kicsi szöveg bizalmatlan érzést kelt, és nehezen olvasható. Ugyanez igaz a túl sűrű űrlapokra. Ha egy ajánlatkéréshez tíz mezőt kell kitölteni telefonon, sokan kilépnek. Szerintem a mobilos oldalnál a rövid út gyakran többet ér, mint a részletes magyarázat.

PWA és mobiloldal tervezés kapcsolata

A PWA és a Mobiloldal tervezés nem ugyanaz, de közel állnak egymáshoz. Egy mobiloldal böngészőben működik, míg a progresszív webalkalmazás alkalmazásszerű élményt adhat. Lehet gyorsabb betöltés, kezdőképernyőre mentés, bizonyos esetekben részleges kapcsolat nélküli működés is. Nem minden magánügyfélnek van erre szüksége. De ha a látogatók gyakran visszatérnek, vagy a felületet rendszeresen használják, érdemes beszélni róla.

Egy egyszerű szolgáltatói oldalnál általában elég a jól megtervezett mobilnézet. Időpontkérésnél, ügyfélkapus jellegű felületnél, tananyagoknál vagy ismétlődő rendeléseknél már hasznos lehet a fejlettebb megoldás. A szakember dolga az is, hogy ne adjon el felesleges funkciót. Tapasztalatom szerint a megbízó akkor jár jól, ha először a valódi használatot tisztázza, és csak utána dönt a technikáról.

Anyagok átadása és javítások

A mobiloldal készítése gyorsabb, ha az anyagok rendezettek. Kell a szöveg, a képek, a logó, a fő üzenet, a kívánt kapcsolatfelvételi mód és néhány példa. Nem kell mindennek tökéletesnek lennie. De az sokat segít, ha a szakember nem darabokból találgatja össze a célt. Egy rövid leírás arról, hogy ki használja majd az oldalt, többet ér, mint tíz véletlenül kiválasztott minta.

A javítások számát előre érdemes megbeszélni. Egy vagy két kör általában természetes. A végtelen módosítás viszont széteső munkát eredményez. Ha minden nap új irány jön, a tervező nem tud következetes rendszert építeni. De a szakembernek is világosan kell jeleznie, mi számít apró javításnak, és mi új feladatnak.

A kész eredmény akkor jó, ha a megbízó érti, mit kapott, és tovább tud vele dolgozni. Lehet ez mobilos terv, fejlesztőnek átadható fájl, javítási lista vagy kész oldal. A lényeg a tiszta átadás. A mobilos webtervezés nem csak képernyők rajzolása. Inkább döntések sorozata arról, hogyan jusson el a látogató a megértéstől a kapcsolatfelvételig minél kevesebb zavaró lépéssel.