Régi UI elemek modern megoldásokra cserélése

UI elemek cseréje

A UI elemek cseréje akkor kerül elő, amikor egy oldal működik, mégis régi hatást kelt, nehézkes használni, vagy a fontos részek nem vezetik jól a látogatót. Ilyenkor nem mindig teljes újratervezés kell. Sokszor elég a gombok, űrlapok, menük, kártyák és visszajelző elemek átgondolt frissítése. Szerintem ez az a munka, amit sokan túl könnyűnek képzelnek. Ránézésre csak pár kisebb részlet változik. A valóságban viszont ezek a részletek döntik el, hogy az oldal kényelmesnek tűnik-e vagy fárasztónak.

Sok magánmegrendelő azért keres segítséget, mert érzi, hogy az oldal valahogy megakadt a múltban. Nem feltétlenül ronda, csak nehéz rajta eligazodni. A gombok túl kicsik, a mezők szétesnek telefonon, a menü túl sok irányba húz, a jelölések nem elég világosak. És a látogató ilyenkor hamar elveszíti a türelmét. A felület frissítése ezért nem díszítés. Inkább rendrakás. A jó csere után gyorsabban lehet dönteni, könnyebb továbbmenni, és kevesebb a bizonytalanság.

Milyen jelek mutatják a gondot

A leggyakoribb jel az, hogy a látogató sokat nézelődik, de kevés dolgot indít el. Nem kattint, nem küld üzenetet, nem jut el a kapcsolatfelvételig. Sokszor nem azért, mert nincs igénye a szolgáltatásra, hanem mert a felület elbizonytalanítja. A régi kezelőelemek gyakran nem adnak elég egyértelmű visszajelzést. Nem látszik, mi aktív, hova lehet nyomni, melyik mező kötelező, vagy hogyan lehet visszalépni. A felhasználói felület frissítése pont ezeket a zavaró pontokat szokta kisimítani.

Volt egy eset, amikor egy ügyfél azt mondta, hogy nála minden fontos információ fent van az oldalon, mégis gyenge az érdeklődés. Amikor megnéztük, kiderült, hogy a fő kapcsolat gomb beleolvadt a háttérbe, a legördülő menü lassan nyílt meg, és az ajánlatkérő rész olyan hosszú volt, hogy sokan félúton feladták. Nem kellett mindent újraépíteni. De a kezelőelemek cseréje szükséges volt. Új gombforma, jobb térköz, rövidebb űrlap, tisztább ikonok. Ettől az oldal nem lett hangosabb. Csak végre használhatóbb lett.

Szerintem sokan ott hibáznak, hogy kizárólag a látvány alapján ítélnek. Pedig a UI elemek cseréje nem pusztán kinézet. Fontos az is, hogy a felület mennyire következetes. Ugyanaz a gomb ne nézzen ki máshogy két külön oldalon. A mezők ne ugráljanak más méretre. A hibajelzés ne legyen bizonytalan. Ezek apróságnak tűnnek. Mégis ezekből áll össze a bizalom.

Jó szakember választása

A megfelelő szakember kiválasztásánál szerintem nem az a legfontosabb, hogy mennyire látványos mintákat mutat. Inkább az, hogy észreveszi-e a használati hibákat. Egy tapasztalt webfejlesztő vagy felülettervező nem csak szebbé akar tenni valamit. Először megérti, hol akad el a látogató. Megnézi telefonon is. Kipróbálja az űrlapot. Figyeli a menüt. Aztán eldönti, hogy melyik elemhez kell hozzányúlni és mi maradhat.

Sok megrendelő túl korán választ csak ár alapján. Ez érthető, de kockázatos. Az olcsóbb javítás sokszor csak felületi csere. Más szín, más sarokkerekítés, új ikon. Közben a fő gond ugyanott marad. Én személy szerint azokat választanám, akik röviden és világosan el tudják mondani, miért zavaró a mostani állapot. Ha valaki csak annyit mond, hogy modernizáljuk, az nekem kevés. A jó szakember konkrét. Megmutatja, melyik gomb gyenge, melyik lista túl sűrű, melyik mező terheli feleslegesen az embert.

A Qjob.hu felületén érdemes nem csak a bemutatkozást nézni, hanem a visszajelzéseket is. Onnan gyakran jobban látszik, hogy egy webfejlesztő mennyire figyelmes, hogyan kommunikál, és valóban végigviszi-e a javítást. Szerintem ez többet ér, mint bármilyen általános ígéret. A felülettervező akkor jó, ha nem ráerőlteti a saját ízlését az oldalra, hanem azt keresi, ami a használatot könnyíti meg.

Mit érdemes cserélni és mit nem

Nem minden régi elem rossz. És nem minden új megoldás hasznos. Ezért a kezelőfelület frissítése előtt érdemes különválasztani azt, ami csak öregnek tűnik, attól, ami tényleg akadályozza a látogatót. A menü, a fő gombok, az űrlapmezők, a lapfülek, az értesítések és a keresőmezők gyakran jó kiindulópontok. Ezeket használja a legtöbb ember. Ha ezek kényelmetlenek, az egész oldal nehézkesnek érződik.

Sokan elkövetik azt a hibát, hogy mindent egyszerre akarnak kicserélni. Pedig ettől könnyen szétesik az oldal karaktere. Jobb lépésről lépésre haladni. Előbb a legfontosabb elemek. Utána a másodlagos részek. Volt már olyan helyzet, amikor egy ügyfél teljes vizuális cserét szeretett volna, de a valódi gond négy pontban összefoglalt volt. Fő gombok, űrlaphibák, túl sűrű kártyák és rosszul látható állapotjelölések. Ezek javítása után a teljes átépítés már nem is tűnt szükségesnek.

És van még egy kellemetlen igazság. A túl divatos megoldások gyorsan öregszenek. Ami ma feltűnőnek látszik, fél év múlva már kényelmetlen lehet. Szerintem jobb a nyugodt, tiszta, könnyen érthető irány. A felületcsere akkor jó, ha két hónap múlva sem zavaró, és egy év múlva sem kell szégyenkezni miatta.

UI elemek cseréje árak

Az ár mindig attól függ, hány elemhez kell hozzányúlni, mennyire régi a mostani felület, és szükség van-e próbákra több képernyőn. Más munka néhány gomb és űrlap rendbetétele, és más egy összetettebb felhasználói felület frissítése több aloldalon. Szerintem a nagyon olcsó ajánlatokkal itt is érdemes óvatosnak lenni. 12.000 alatt ritkán fér bele átgondolt ellenőrzés és valódi javítás. Ilyenkor gyakran csak gyors csinosítás történik.

Olcsóbban néha lehet találni vállalható megoldást, de szerintem tartós és átgondolt munkát ritkán. A túl alacsony ár mögött sokszor sietség áll. A túl magas ár sem garancia. Én inkább azt figyelném, hogy az ajánlatból kiderül-e, pontosan mi fog változni.

Budapest kerületei és környéke

Budapest területén sok megrendelő személyes egyeztetést szeretne, főleg akkor, ha már több kisebb hiba gyűlt össze, és nehéz megfogalmazni, mi a gond. A belvárosban gyakrabban kérnek gyors javítást, mert az oldal már használatban van, és nincs idő hosszan tervezni. A XIII. kerület, Újbuda, Zugló vagy Óbuda környékén viszont gyakran részletesebb átbeszélésre is nyitottak az emberek. Ez nem szabály, inkább tapasztalat.

De a UI elemek cseréje sokszor távolról is jól működik. Aki Budapesten kívül, például Budaörs, Dunakeszi vagy Érd környékén keres segítséget, ugyanúgy tud képernyőképet küldeni, hibát leírni, rövid videót mutatni. A jó szakember ebből is sokat lát. Szerintem az a fontos, hogy a problémák pontosan ki legyenek jelölve. Nem feltétlenül az, hogy minden esetben egy asztalnál üljenek.

Volt olyan helyzet is, amikor valaki a XI. kerületből ragaszkodott a személyes találkozóhoz, mert úgy érezte, csak így tudja elmondani, miért bosszantja a saját oldala. A végén kiderült, hogy három apró elem okozta a legtöbb zavart. Egy rossz helyen lévő fő gomb, egy túl szoros lista és egy bizonytalan hibajelzés. Ez jó emlékeztető arra, hogy a gond néha kisebb, mint amilyennek elsőre tűnik.

Mikor elég a részleges frissítés

Nem minden oldalnál kell teljes felületcsere. És szerintem ezt jó minél előbb kimondani. Ha az alapelrendezés rendben van, a tartalom érthető, és csak bizonyos elemek lógnak ki a sorból, akkor a részleges javítás sokszor elég. Ilyenkor a felületi elemek frissítése gyorsabban megoldható, kisebb költséggel jár, és kevésbé forgatja fel az egész rendszert. Ez magánmegrendelőknél különösen fontos lehet.

De van az a pont, amikor a részleges csere már csak toldozás. Ha minden oldal más szabályt követ, ha a menü logikája szétesett, ha a mobilos nézetben sorra jönnek a hibák, akkor nem érdemes csak a gombokat meg a mezőket igazgatni. Sokan ilyenkor is remélik, hogy egy kisebb módosítás elég lesz. Megértem ezt. Csak nem mindig igaz. A jó döntés néha az, hogy előbb rendesen fel kell mérni a helyzetet, és utána eldönteni, mennyi változtatás szükséges.

Én azt szeretem ebben a munkában, amikor a változás nem ordít, mégis érezhető. A látogató nem feltétlenül tudja megmondani, mi lett más. Csak azt érzi, hogy az oldal végre kényelmesebb. Gyorsabban megérti, mit lát. Könnyebben kattint. Kevesebbet hibázik. Szerintem ez a legjobb eredmény. Nem a látványos csere önmagáért, hanem az a nyugalom, amit a rendezett felület ad.