Az a weboldal, amely tiszta és gyorsan betölt, még mindig teljesen megbukhat. A látogatók megérkeznek, körülnéznek, és tett nélkül elmennek. A dizájn rendben van. A tartalom ott van. A felhasználói élmény az, ami megszakítja az érkezés és a cselekvés közötti láncot, és ez a weboldalnak az a része, amelyet a legtöbb tulajdonos utoljára néz meg.
A weboldal felhasználói élményének javítása azt jelenti, hogy azonosítod és megszünteted a súrlódást a látogató és az elérni kívánt eredmény között. Az eredmény lehet információ megtalálása, vásárlás, kapcsolati űrlap beküldése vagy a vállalkozás ajánlatának megértése. Minden pont, ahol a látogató habozik, összezavarodik vagy feladja, UX-probléma, és a legtöbbjük teljes újratervezés nélkül javítható.
A UX-dizájnról szóló cikk elmagyarázza a jó felhasználói élmény alapelveit. Ez a cikk azokat a gyakorlati változtatásokat mutatja be, amelyek a legnagyobb javulást hozzák a valódi üzleti weboldalakon.
Hogyan azonosítod a UX-problémákat a weboldaladon?
A változtatás előtt tudnod kell, hol vannak a problémák. Több módszer is más-más típusú hibákat tár fel.
Analitikai jelzések
A kulcsoldalakon a magas visszafordulási arány, a hosszabb olvasást igénylő tartalomnál az alacsony oldalon töltött idő, valamint a fizetési vagy űrlapkitöltési folyamatokban a hirtelen lemorzsolódás mind UX-problémára utal. Ezek a jelzések nem mondják meg, mi a probléma, de megmutatják, hol nézd. Az a kapcsolati oldal, ahol a beküldés előtt 90 százalékos a kilépési arány, valahol a folyamatban UX-problémával küzd.
A valódi látogatók navigálásának megfigyelése
Ha megkérsz valakit, aki még soha nem látta a weboldaladat, hogy találjon meg egy adott oldalt, végezzen el egy adott feladatot vagy válaszoljon egy adott kérdésre, miközben figyeled, az a legközvetlenebb módja a UX-hibák azonosításának. Ne irányítsd. Figyeld, hová kattint, hol habozik, és hol adja fel. Két-három ilyen alkalom a legtöbb oldalon feltárja a legjelentősebb problémákat.
Hőtérképek és munkamenet-felvételek
A hőtérképek megmutatják, hová kattintanak, koppintanak és hol görgetnek a látogatók az egyes oldalakon. A görgetési térképek megmutatják, milyen mélyre jut el a legtöbb látogató az oldalon, mielőtt elmegy. A munkamenet-felvételekkel visszanézheted a valódi látogatásokat, és pontosan látod, hol mozognak, állnak meg és adják fel a látogatók. Ezek az eszközök olyan kérdésre válaszolnak, amelyre az analitika nem képes: nemcsak azt, hogy a látogatók elmennek, hanem azt is, hogy az oldalon hol, és mit csináltak éppen akkor.
Technikai ellenőrzések
Ha az oldaladon csak billentyűzettel navigálsz, az egérhez nyúlás nélkül, kiderülnek azok a kezelhetőségi problémák, amelyek a billentyűzetet és a képernyőolvasót használókat érintik. Ha valódi telefonon, különböző képernyőméreteken nézed az oldalt, kiderülnek a mobil elrendezés hibái, amelyeket az asztali böngészős szimulációk gyakran kihagynak. Ha mobilkapcsolaton ellenőrzöd a betöltési időt, kiderülnek a sebességproblémák, amelyek a gyors irodai Wi-Fi-n láthatatlanok.
Melyek a legnagyobb hatású UX-javítások üzleti weboldalaknál?
Egyszerűsítsd a navigációt
Az a navigáció, amelynél a látogatónak találgatnia kell, hová menjen, az üzleti weboldalak egyik leggyakoribb UX-hibája. A belső jelentésű, de az első látogatónak semmit sem mondó menücímkék, a túl sok legfelső szintű lehetőség és a két-három kattintás mélyre temetett oldalak mind súrlódást okoznak, még mielőtt a látogató bármilyen tartalmat látna. A menüpontok számának csökkentése, az egyszerű, leíró címkék használata, és az, hogy a legfontosabb oldalak minden oldalról egy kattintásra elérhetők legyenek, a legmegbízhatóbb navigációs javítások. A weboldal-navigációról szóló cikk bemutatja, hogyan építs olyan menüket, amelyek vezetnek, nem összezavarnak.
Alakíts ki világos hierarchiát minden oldalon
A világos vizuális hierarchia nélküli oldal nem ad kiindulópontot a látogatóknak. Ha a címsor, egy akciós szalag, a navigációs linkek és a törzsszöveg hasonló méretben és súllyal versenyez a figyelemért, a látogatók átfutják, de nem olvassák el, és cselekvés nélkül elmennek. Minden oldalnak legyen egy domináns eleme, amelyre a szem először megy, általában a címsor, utána pedig logikus út a legfontosabb cselekvés felé. A vizuális hierarchiáról szóló cikk elmagyarázza, hogyan hoz létre a méret, a kontraszt és a térköz olyan olvasási sorrendet, amely a látogatót erőfeszítés nélkül vezeti.
Javítsd a mobilos élményt
Az asztali oldal, amely mobilon rosszul esik össze, a csak nagyítással olvasható szöveg, a megbízhatóan nem koppintható apró gombok és az érintőképernyőn bosszantóan kitölthető űrlapok mind arra késztetik a látogatókat, hogy elmenjenek. A mobilos UX-problémákat az üzleti weboldalakon a legkövetkezetesebben figyelmen kívül hagyják, mert a tulajdonosok és a fejlesztők jellemzően asztali gépen építenek és tesztelnek. Minden kulcsoldal és minden felhasználói folyamat ellenőrzése valódi telefonon nem opcionális. A weboldal mobilbaráttá tételéről szóló cikk bemutatja azokat az elrendezési és interakciós döntéseket, amelyeken a mobilos élmény működése múlik.
Csökkentsd az űrlapok súrlódását
Az űrlapok, amelyekben túl sok a kötelező mező, nincsenek látható címkék, érthetetlenek a hibaüzenetek, és a beküldés után nincs visszaigazolás, elveszítik a kitöltésre szánt látogatók jelentős részét. Ha minden felesleges mezőt eltávolítasz, világos címkét adsz minden beviteli mezőhöz, olyan hibaüzenetet írsz, amely megnevezi a konkrét problémát és a javítás módját, és beküldés után egyértelmű visszaigazolást mutatsz, az majdnem minden üzleti weboldalon növeli az űrlapkitöltési arányt.
Tedd láthatóvá és konkréttá a cselekvésre ösztönzést
Az a cselekvésre ösztönzés, amely beleolvad az oldalba vagy homályos nyelvet használ, elveszíti a cselekvésre kész látogatókat. Az egyes oldalak elsődleges cselekvésre ösztönzésének színnel és kontraszttal el kell válnia mindentől körülötte, ott kell lennie, ahová a látogató szeme természetesen érkezik, és az eredmény szerint kell megfogalmazni, nem a cselekvés szerint. A „Foglalj ingyenes hívást” jobban konvertál, mint a „Kapcsolat”. Az „Árak megtekintése” jobban konvertál, mint a „Tudj meg többet”. Minden oldalnak legyen egy világos elsődleges cselekvése, és lehetetlen legyen elkerülni.
Javítsd az oldal betöltési idejét
Minden további másodperc, amelyet egy oldal betöltése igénybe vesz, csökkenti azoknak a látogatóknak az arányát, akik maradnak elolvasni. A lassú oldalak miatt a látogatók elmennek, mielőtt bármilyen tartalmat láttak volna, ami azt jelenti, hogy minden más UX-javítás irreleváns ezeknél a munkameneteknél. A képek tömörítése, a nem azonnal szükséges szkriptek késleltetése és a már nem használt kód eltávolítása a leggyakoribb javítások. A weboldal-elrendezés típusairól szóló cikk bemutatja, hogyan kapcsolódnak az elrendezési döntések ahhoz, milyen gyorsan töltődik be a látható tartalom.
Hogyan állítod sorrendbe, mely UX-javításokat végezd el először?
Kezdd azokkal az oldalakkal, amelyek a legnagyobb üzleti értéket hordozzák. A főoldal, a fő szolgáltatás- vagy termékoldal, valamint a kapcsolati vagy fizetési oldal az, ahová a legtöbb látogató érkezik, és ahol a legtöbb konverzió vész el. Az ilyen oldalakon végzett UX-javítás nagyobb megtérülést hoz, mint ugyanaz a javítás egy kevés forgalmú oldalon.
Ezeken az oldalakon belül azokat a problémákat javítsd először, amelyek a legtöbb látogatót érintik. Az a navigációs címke, amely minden érkező látogatót összezavar, mindenkit érint. Az az űrlaphiba, amely csak egy konkrét böngészőben lép fel, jóval kevesebbet. A sorrend: először a nagy forgalmú oldalak, aztán azokon belül a leggyakoribb súrlódási pontok.
Hogyan méred, hogy a UX-javítások működnek-e?
Azt a konkrét viselkedést mérd, amelyet meg akartál változtatni. Ha egyszerűsítettél egy kapcsolati űrlapot, mérd az űrlapkitöltési arányt előtte és utána. Ha átalakítottad egy oldal vizuális hierarchiáját, mérd a visszafordulási arányt és az oldalon töltött időt. Ha kijavítottál egy mobil elrendezést, mérd az adott oldal mobilos konverziós arányát.
A felhasználói élmény változásai ritkán hoznak azonnali eredményt. Adj minden változtatásnak két-négy hetet, mielőtt következtetést vonsz le, attól függően, mekkora forgalmat kap az oldal. A kevés forgalmú oldalaknak több idő kell, hogy elég adat gyűljön össze az érdemi összehasonlításhoz.
Hogyan kapcsolódnak a UX-javítások a SEO-hoz?
A keresőmotorok viselkedési jelzések alapján értékelik, hogy az oldalak jól szolgálják-e a látogatóikat. Azok az oldalak, ahol a látogatók tovább maradnak, tovább görgetnek és cselekvéseket hajtanak végre, relevanciát és minőséget jeleznek. A magas visszafordulási arányú és alacsony elköteleződésű oldalak az ellenkezőjét. Azok a UX-javítások, amelyek az oldalon tartják a látogatókat, és a feladatok elvégzése felé vezetik őket, olyan viselkedési jelzéseket adnak, amelyek idővel támogatják a rangsorolást. A mi a SEO cikk bemutatja, hogyan épülnek be a felhasználói élmény jelzései a keresési teljesítménybe.
Hogyan kezeli a WEMASY a UX-javításokat?
A WEMASY weboldalépítőjében vizuális szerkesztőn keresztül módosíthatod az elrendezést, a navigációs szerkezetet, az űrlapmezőket és az oldalhierarchiát, az oldalak nulláról újraépítése nélkül. A mobil és asztali előnézet a közzététel előtt megmutatja a változtatások hatását. A sablonok olyan UX-alapértelmezésekkel készültek, amelyek az üzleti weboldalak leggyakoribb problémáit kezelik, így az egyes elemeket javíthatod, nem kell elölről kezdeni.
Nézd meg, mi tartozik hozzá a WEMASY weboldalépítőnél, vagy nézd át a csomagokat az árak oldalon.
Gyakran ismételt kérdések
Hol kezdd a weboldal UX-ének javítását?
Kezdd a legnagyobb forgalmú oldaladdal, amelynek világos célja és mérhető eredménye van. A legtöbb üzleti weboldalnál ez a főoldal vagy a fő szolgáltatásoldal. Azonosítsd azt az egy súrlódási pontot az oldalon, amely a legtöbb látogatót érinti: érthetetlen címsor, eltemetett cselekvésre ösztönzés, zavaros navigáció vagy lassú betöltés. Ezt az egyet javítsd először, mérd az eredményt, és lépj a következőre. Ha mindent egyszerre próbálsz javítani, lehetetlen megtudni, mi működik. A WEMASY weboldalépítőjével ezt közvetlenül a saját oldaladon állíthatod be.
A UX-javításokhoz teljes weboldal-újratervezés kell?
Ritkán. A legtöbb UX-probléma konkrét oldalak konkrét hibája, nem az egész oldal újjáépítését igénylő szerkezeti hiba. A navigációs címkék egyszerűsítése, az űrlaphibaüzenetek javítása, egy kulcsoldal vizuális hierarchiájának módosítása vagy egy mobil elrendezési hiba javítása mind megoldható újratervezés nélkül. A teljes újratervezést akkor érdemes fontolóra venni, ha az oldal szerkezete már nem felel meg a vállalkozás működésének, ha a platform nem tudja támogatni a szükséges változtatásokat, vagy ha a UX-problémák olyan elterjedtek, hogy egyenként javítani őket tovább tartana, mint újraépíteni.
Mennyi idő után látszanak a UX-javítások eredményei?
Ez a forgalom nagyságától és a változtatás típusától függ. Egy nagy forgalmú oldalon, világos, mérhető eredménnyel, például a kapcsolati űrlap kitöltési arányával, az eredmények egy-két héten belül megjelenhetnek. Egy kis forgalmú oldalnak egy hónapra vagy többre lehet szüksége, hogy elég adat gyűljön össze a megbízható összehasonlításhoz. A navigáció és a vizuális hierarchia változásai általában gyorsabban mutatnak eredményt, mint azok, amelyek az oldal látogatóinak csak egy kis részét érintik.
Mi a különbség a UX-audit és a használhatósági tesztelés között?
A UX-audit egy weboldal szakértői átvilágítása megállapított használhatósági elvek és szabványok szerint, amely a felhasználók tipikus viselkedésének ismerete alapján azonosít problémákat. A használhatósági tesztelés során valódi felhasználókat figyelsz meg, ahogy feladatokat végeznek az oldalon, és rögzíted, hol akadnak el. Az audit gyorsabb és olcsóbb. A használhatósági tesztelés pontosabb, mert a tényleges felhasználók viselkedését tükrözi, nem azt, amit egy szakértő megjósol. Mindkettő hasznosabb, mint egyik sem. Kisvállalkozói weboldalaknál két-három valódi felhasználóval végzett használhatósági teszt gyorsabban feltárja a legjelentősebb problémákat, mint bármely más módszer.
Növelhetik a UX-javítások a konverziót több forgalom nélkül?
Igen. A konverziós arány javulása abból jön, hogy a meglévő látogatóknak könnyebb elvégezniük azt a cselekvést, amiért jöttek. Az a weboldal, amely a látogatók 2 százalékát konvertálja, azonos forgalom mellett kétszer annyi érdeklődőt hoz, ha a konverziós arány eléri a 4 százalékot. A UX-javítások az egyik legközvetlenebb módja a konverzió növelésének a forgalom vagy a hirdetési költés növelése nélkül. Ahol a forgalomszerzés drága, ott gyakran jobb megtérülésű befektetés azon javítani, mi történik a látogató megérkezése után.