Tabletbarát weboldal készítése és fejlesztése szakértőktől

Tablet tervezés magánügyfeleknek

A Tablet tervezés akkor fontos, ha a weboldalnak nemcsak telefonon és számítógépen kell jól működnie, hanem a köztes képernyőméreteken is. Sok oldal ezen a ponton esik szét. A betűméret túl nagy lesz, a gombok rossz helyre kerülnek, a képek furcsán vágódnak, és a látogató nem érti, miért nehézkes az oldal használata. Én azt látom, hogy a magánügyfelek gyakran csak mobilnézetben gondolkodnak, pedig a táblagépes nézet külön figyelmet kér.

A feladat lényege egyszerű. A felületnek kényelmesen olvashatónak, jól kattinthatónak és átláthatónak kell maradnia. Ehhez a szakember nem csak méreteket állít. Átgondolja a tartalmi sorrendet, a képek arányát, a menü működését, a kártyák elrendezését és azt is, hogy a felhasználó ujjal vagy billentyűzettel kezeli az oldalt. A Qjob.hu oldalán olyan magánszakemberek is elérhetők, akik távolról vállalnak ilyen online tervezési és javítási munkákat.

Táblagépes weboldal tervezés célja

A táblagépes weboldal tervezés célja nem az, hogy a telefonos nézetet egyszerűen nagyobbra húzzuk. Ez gyakori hiba. A tablet képernyője több helyet ad, de nem annyit, mint egy asztali monitor. Ezért külön dönteni kell arról, hogy melyik elem marad egymás alatt, melyik kerülhet egymás mellé, és hol kell nagyobb tér a kényelmes használathoz.

Tapasztalatom szerint a legjobb eredmény akkor születik, ha az ügyfél előre megmutatja, melyik oldalak működnek már jól, és hol érzi kényelmetlennek a felületet. Nem kell szakmai szavakat használni. Elég annyi, hogy ezen a részen túl nagy az üres hely, itt nehéz kattintani, itt nem fér ki a szöveg, vagy itt nem látszik jól a gomb. Egy jó szabadúszó ebből már el tud indulni.

Volt olyan eset, amikor egy ügyfél webáruháza telefonon elfogadhatóan nézett ki, de tableten a termékkártyák túl szélesek lettek. A képek alatt nagy üres felület maradt, a kosár gomb pedig lecsúszott. Nem új weboldal kellett, csak pontos táblagépes igazítás. A javítás után a vásárlási út rövidebb lett, és az oldal használata kevésbé tűnt esetlegesnek.

Tablet nézet árak

A tablet nézet árak nagyban függnek attól, hogy új felület készül, vagy egy meglévő oldal hibáit kell kijavítani. Szerintem az ügyfélnek nem csak az óradíjat kell néznie. Fontosabb, hogy a szakember pontosan megértse a hibát, és ne végezzen felesleges átalakítást. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a tesztelés és a finom igazítás marad ki belőle.

Az áraknál érdemes tisztázni, hogy a munka tartalmazza-e a próbanézeteket, a javítási köröket és a végső ellenőrzést. Egy magánszakember sokszor rugalmasabban dolgozik, de ettől még kell világos megállapodás. A határidő, a fájlok átadása, a hozzáférések kezelése és a módosítások száma legyen előre leírva.

Tablet felület tervezés lépései

A tablet felület tervezés általában rövid felméréssel indul. A szakember megnézi a jelenlegi oldalt, a fontos aloldalakat, a problémás képernyőméreteket és a tartalom szerkezetét. Ezután javaslatot ad arra, hogy melyik részhez elég kisebb javítás, és hol kell új elrendezést készíteni.

A következő lépés a képernyők szerinti gondolkodás. Nem elég egyetlen táblagépen megnézni az oldalt. Több szélesség is számít. Álló és fekvő helyzetben másképp viselkedhet a menü, a galéria, az árlista vagy az űrlap. A jó online szakember ezt nem hagyja a végére.

Az egyeztetés többnyire üzenetben, videóhívásban vagy megosztott dokumentumban történik. Az ügyfél képernyőképeket küld, a szakember megjelöli a hibákat, majd elkészíti a javítást vagy a tervet. A kész eredmény lehet képi terv, szerkeszthető fájl, fejlesztőnek szánt leírás vagy közvetlenül beállított weboldal. Ez attól függ, hogy dizájnerről, fejlesztőről vagy mindkettőben jártas szabadúszóról van szó.

Tablet tervező kiválasztása

A tablet tervező kiválasztásánál a portfólió sokat mond, de nem mindent. Olyan munkákat érdemes nézni, ahol látszik a különböző képernyőméretek kezelése. Ha a bemutatott oldalak csak nagy monitoron mutatósak, az kevés. Kérjünk példát tablet nézetre is, akár képernyőképpel.

Sokan ott hibáznak, hogy csak azt kérdezik meg, mennyibe kerül. Pedig a fontosabb kérdés az, hogyan dolgozik a szakember. Kér-e pontos leírást. Megnézi-e a jelenlegi oldal hibáit. Ad-e érthető javaslatot. Megmondja-e, hogy mi nem tartozik a feladatba. Ezek apró jelek, de sok vitát megelőznek.

Szerintem jó jel, ha a szabadúszó nem ígér mindent azonnal. Egy tablet nézet néha egyszerű, néha viszont a régi felépítés miatt több munka kell hozzá. Ha valaki látatlanban nagyon alacsony árat mond, ott érdemes óvatosnak lenni. Nem biztos, hogy rossz szakember, de lehet, hogy nem számol a teszteléssel.

Tablet optimalizálás gyakori hibái

A tablet optimalizálás egyik leggyakoribb hibája a túl nagy üres felület. Ilyenkor az oldal nem törik el látványosan, mégis kényelmetlen. A szöveg túl széles sorokba fut, a képek aránya nem illik a tartalomhoz, a gombok messze kerülnek a hozzájuk tartozó résztől. A látogató nem mindig tudja megfogalmazni, mi zavarja. Csak gyorsabban kilép.

A másik gond a menü. Telefonon lehet egyszerű ikon, asztali nézetben lehet széles navigáció, de tableten gyakran egyik sem működik jól. A lenyíló menü túl kicsi, vagy túl sok helyet foglal. Ujjal nehéz pontosan megnyitni. Ez különösen akkor zavaró, ha az oldal sok szolgáltatást, kategóriát vagy űrlapot tartalmaz.

Én azt látom, hogy a képek és kártyák okozzák a legtöbb félkész hatást. Ha három kártya már nem fér el, kettő pedig túl széles, akkor külön szabály kell. Ha ez hiányzik, az oldal amatőrnek tűnhet akkor is, ha a tartalom jó. A látvány itt nem díszítés. Használhatósági kérdés.

Anyagok és átadás tablet munkánál

A tablet munkához jó, ha az ügyfél előre összegyűjti a fontos anyagokat. Kellhet hozzá a weboldal címe, belépési hozzáférés, képernyőkép, jelenlegi arculati anyag, szöveg, képanyag és rövid leírás arról, mi a zavaró. Nem kell hosszú dokumentum. Egy érthető lista sokszor elég.

A végeredmény átadása legyen egyértelmű. Ha csak terv készül, akkor legyen világos, milyen fájlban kapja meg az ügyfél. Ha a szakember közvetlenül a weboldalon dolgozik, akkor legyen mentés a módosítás előtt. Ha fejlesztőnek adja tovább az anyagot, akkor a leírás legyen elég pontos ahhoz, hogy ne kelljen mindent újra kitalálni.

De a kommunikáció is része a minőségnek. Egy távolról végzett webes feladatnál nem az számít, hogy mennyit beszélnek róla, hanem hogy a döntések nyomon követhetők legyenek. Mit kell javítani. Ki küldi az anyagot. Mikor lesz próbanézet. Hány módosítás fér bele. Ezek nélkül a legegyszerűbb Tablet tervezés is elhúzódhat.