A felhasználóbarát webhelyek hétparancsolata (és a főbenjáró bűnök)

A felhasználóbarát weboldal alapjai

Rengeteg ma Magyarországon a honlapkészítő cég. Nagyon híg a piac, szomszéd gimnazista kissráctól a buszsofőrség mellett mellékállásban honlapokat készítő, számlát nem adó vállalkozókon keresztül, a profi grafikus cégekig sokan foglalkoznak honlapkészítéssel. Talán az utolsóval jársz a legrosszabban, hiszen ők sokat kérnek egy szép, de haszontalan honlapért, míg a szomszéd kissrácnak adott pénz, ha nem is segíti céged marketing kommunikációját, legalább jócselekedetnek kiváló. 

Egy webhelyet ezerféleképpen el lehet készíteni, az azonban már egészen már kérdés, hogy hányan képesek olyan webhelyeket létrehozni, amelyek nem csak felhasználóbarátak, hanem kellő funkcionalitással is bírnak. A keresőoptimalizálásról most ne is beszéljünk, hiszen ma már minden honlapkészítő cég tudja, azt kell mondani, hogy az ő honlapja maximálisan keresőbarát lesz. Még akkor is ezt mondja, ha max egy tutorialt nézett meg YouTubeon a WordPress SEO beállításairól. Nem foglalkozom honlapkészítéssel, de azért keress rá a Google-ben a honlapkészítés szóra, ott lesz ez a blog az első 10-ben…  Ez is azt mutatja, hogy valójában a honlapkészítők 90%-ának fogalma sincs a SEO rejtelmeiről 

A helyzet az, hogy a modern internetezők az évek során újabb és újabb trendekhez és szabványokhoz szoknak hozzá, amelyekkel a webfejlesztőknek mindig tisztában kell lenniük, hogy naprakész webhelyeket készíthessenek. A mobilbarát, azaz inkább már mobil-első design a felhasználói élmények csupán egy (ámbár végtelenül fontos) tényezője.

Szóval mit értünk felhasználóbarát webhely alatt és mi kell ahhoz, hogy egy webhely kiváló felhasználói élményeket kínáljon látogatóinak? A következőkben erről lesz szó, illetve a cikk végén afféle extraként néhány gyakori hibát is felsorolunk, amiket egy kis odafigyeléssel könnyedén elkerülhetsz saját projektjeidben! Amennyiben pedig azt szeretnéd, én segítsek a megfelelő honlapkészítő cég kiválasztásában és a velük való harcban, csak kattints IDE! 

Mit jelent az, hogy „felhasználóbarát webhely”?

Egy webhelyet akkor tekinthetünk felhasználóbarátnak, ha egy átlagos látogatója könnyedén képes értelmezni, navigálni és használni azt, asztali számítógépeken, laptopokon, okostelefonokon és táblagépeken is. Minél egyszerűbbek ezek a feladatok, annál „felhasználóbarátabb” egy webhely.

Hogy ezt saját webhelyeden is megadhasd látogatóidnak, erősen ajánlott a hagyományos designelemeket követni, illetve egy biztonságos, naprakész technikai alapot biztosítanod webhelyed számára.

Mitől lesz egy webhely felhasználóbarát?

1. Akadálymentesség

Egy webhely akkor tekinthető igazán felhasználóbarátnak, ha minél többen képesek gond nélkül használni azt fizikai, szellemi, technikai, nyelvi és egyéb korlátaik ellenére.

2. A webhely esztétikai designja

Egy webhely vizuális kialakítása első sorban attól függ, hogy milyen szektort szolgál ki, illetve hogy milyen témákat dolgoz fel. A különböző iparokra vonatkozó stílusok és trendek továbbá más és más elrendezéseket különböztetnek meg egymástól.

Sok nagyobb cég például általában (de nem kizárólag) a hagyományos webdesign megoldásokat alkalmazzák (beleértve a többnyelvű webhelyeket, illetve az oldalak tetején vagy oldalán elhelyezett navigációs sávokat), míg a kisebb cégek között egyre népszerűbbek a néhány oldalból álló, görgetéssel navigálható webhelyek.

Egy modern webhely kinézetét és érzetét a webdesign már-már kőbevésett szabályai diktálják. Számos modern webhely kialakítása például a népszerűbb közösségi platformok, mint például a Facebook felhasználói felületéből merít, hiszen a felhasználók többsége jól ismeri ezek elrendezését és működését.

Volt egy időszak, amikor a látványos animációk és egyéb látványos vizuális trükkök uralták az internetet, de mára ezek a kedélyek (néhány kivételtől eltekintve) javarészt lecsillapodtak, és a legtöbb webhelyen kifinomult, rendezett, letisztult designnal találkozhatsz. Természetesen éppen egy ilyen sablonos közegben lehet igazán emlékezetes hatást teremteni néhány jól irányzott, egyedi effektussal, de persze túlzások nélkül.

3. A webhely szerkezete

Minden webhelyre vonatkozik, hogy egy rendezett, letisztult, könnyedén átlátható szerkezet jelentősen javítja majd a látogatók felhasználói élményét. Ha például egy oldalon egyszerre túl sok lehetőség közül választhatnak a felhasználók lesznek olyanok, akik elvesznek ebben a digitális rengetegben, és inkább nemes egyszerűséggel elhagyják a webhelyet.

Éppen ezért fontos ügyelni rá, hogy webhelyed és egyedülálló oldalaid tartalmai egy rendezett szerkezetbe kerüljenek bele. Ehhez például oda kell figyelned rá, hogy mondandódat hosszú szövegtömbök helyett rövid, logikusan felosztott alcímekre és bekezdésekre oszd szét. Ezzel sokkal olvashatóbbá és emészthetőbbé teheted rövid és hosszú tartalmaidat is.

Minél átláthatóbbak webhelyed oldalai, annál inkább tekinthetőbb felhasználóbarátnak, és annál több látogató marad majd rajtuk ahelyett, hogy máshol keresgélne tovább.

4. A webhely navigációja

A webhely navigációjára ugyan azok a szabályok vonatkoznak, mint a designra és a szerkezetre: fontos az átláthatóság és a logikus felépítés.

A jó webhely-navigáció egyik jellemzője a gyors és intuitív használat – a felhasználóknak azonnal fel kell tudniuk ismerni a navigációs menüket és azok használata egyértelmű kell legyen számukra. A leggyakrabban ezt egy egyszerű navigációs sávval szokták megoldani, amihez egy főmenü és általában egy almenü tartozik.

A felugró menük használata magától értetődő kell, hogy legyen, és soha nem szabad, hogy gátolják a letisztult és egységes navigációs szerkezet működését.

A menüpontok könnyedén felismerhetők kell legyenek, a navigációs hivatkozások pedig jó, ha ikonokat is tartalmaznak. Jó ötlet továbbá beállítani, hogy az egérmutatóval rámutatva ezek az elemek megváltoztassák kinézetüket, ezzel is jelezve a felhasználónak, hogy kattintható hivatkozások.

5. Technikai háttér

Egy webhely technikai háttere épp olyan fontos, mint megjelenése. Rendszeres karbantartást kell végezni, hogy elkerülhesd a hiányzó tartalmakból, vagy rossz átirányításokból származó problémákat (404-es oldalak, stb.) A különféle hibaüzenetek láttán a felhasználók jogosan kérdőjelezhetik meg a webhely üzemeltetőinek szakértelmét, és ezek a hibák gyakran rossz fényt vetnek magára a márkára is.

Mindemellett rendkívül fontos a webhely sebességének biztosítása is. A felhasználók többsége manapság elvárja, hogy egy weboldal 2-3 másodperc alatt megjelenjen készülékén, és minden egyes további másodperccel elveszítheted lehetséges ügyfeleid jelentős részét. Itt  bővebben is olvashatsz arról, hogy hogyan teheted gyorsabbá webhelyedet a felhasználói élmény (és a SEO) javítása érdekében.

6. Kompatibilitás különféle eszközökkel

Egy modern webhelynek minden, böngészésre alkalmas eszközön megfelelően kell működnie. Ide tartoznak a számítógépek, a laptopok, az okostelefonok, a táblagépek és az utóbbi években az okos TV-k közül is egyre több kínál beépített böngésző alkalmazást.

Az eszközökkel való kompatibilitás a felhasználóbarát jelleg egyik legfontosabb alapfeltétele, hiszen lehetővé teszi a látogatók számára, hogy preferált készülékükről érjék el a webhelyet és használják annak funkcióit. Éppen ezért nem ajánlott olyan oldalakat létrehozni rajta, amelyek megfelelő megjelenítése az átlagnál nagyobb számítástechnikai teljesítményt igényel, hiszen ez problémát okozhat a kevésbé fejlett eszközökön.

7. Reszponzív kialakítás

A mobilkészülékek terjedésének köszönhetően mára elengedhetetlenné vált, hogy egy valamirevaló modern webhely tökéletesen működjön valamennyi okostelefonon és táblagépen. Néhány évvel ezelőtt még elfogadhatóak voltak a statikus, fix elrendezésű webhelyek, azonban ezek nem alkalmasak mobilos megtekintésre és használatra. Éppen ezért vette kezdetét a reszponzív design forradalma, amely azóta a mobil-első  trenddé nőtte ki magát. Erről ITT olvashatsz! 

A mobil-első design lényege, hogy egy webhelyet az első pillanattól kezdve mobilkészülékekre készítenek el, és utólag alakítják ki őket asztali számítógépekre is. Ez ezért ésszerű megoldás, mert az okostelefonok és táblagépek szűk designkorlátok közé zárják a webfejlesztőket, amelyekhez az asztali készülékek sokkal könnyebben tudnak igazodni, mint fordítva.

6 designhiba, amik tönkreteszik webhelyed felhasználóbarát jellegét

Ahogy ígértük, most röviden felsorolunk néhány olyan designhibát, amelyek jelentősen árthatnak webhelyed felhasználóbarát jellegének és ezzel a felhasználói élménynek is.

Felugró ablakok

Volt idő, amikor egy hivatkozásra kattintva egy teljesen új böngészőablak nyílt meg az aktív felett. Ezeket az úgynevezett felugró ablakokat több népszerű böngésző gyárilag automatikusan tiltja, mert zavarhatják a felhasználókat és mert régebben sokan használták őket átverésekre. Ha elkerülhetetlen, hogy ilyet használj, legalább várd meg, míg betöltődik az oldal. 

Hiányzó elérhetőségek

Fontos, hogy webhelyeden mindig szerepeljenek céged vagy vállalkozásod elérhetőségei, és persze, hogy ezek mindig élő, naprakész adatok legyenek. E mellett biztosítsd, hogy ezek minden oldalról könnyedén elérhetők legyenek (például a láblécben), és hogy egy külön „Kapcsolat” oldal is kerüljön webhelyedre, ahol részletes elérhetőségeidet is feltünteted (pl. egy beágyazott interaktív térképet).

Elavult vagy nem működő hivatkozások

Az elavult hivatkozások már nem releváns tartalmakra mutatnak. Ezeket akkor is orvosolnod kell, ha a valaha a saját webhelyedre vagy egy másik domainre mutattak. A nem működő hivatkozások rontják webhelyed visszafordulási arányát.

Mind az elavult, mind pedig a nem működő linkek elhanyagolt webhelyre utaló jelek, amik nem vetnek jó fényt márkádra.

Rossz navigáció

Mint feljebb említettük, az intuitív, egyszerű navigáció elengedhetetlen a felhasználóbarát jelleghez. A felhasználók manapság mindenben a sebességet keresik, és ha valamit túl sokáig tart megtalálniuk webhelyeden a logikátlan navigáció miatt, akkor biztos lehetsz benne, hogy hamar feladják majd a próbálkozást.

Túl sok szín és betűkészlet

Egy igényes modern webhelynek összefüggő, egységes stílusa van, amely minden oldalán megjelenik. Sokan azonban belefutnak abba a csapdába, hogy minél több színt és betűkészletet megpróbálnak felhasználni designjukban, hogy érdekesebbé, változatosabbá tegyék azt. Sajnos ezzel általában egy összecsapott, logikátlan, már-már szemet fárasztó összkép keletkezik. Érdemes lehetőleg legfeljebb három színre és betűtípusra korlátozni webhelyed stílusát, amely alól esetleg csak a rendkívüli landing oldalak képezhetnek kivételt.