Tervezéskor sokféle stílus és irány áll rendelkezésünkre, melyeken egy weboldal arculata elindulhat. Lehet luxus hatású, minimalista, játékos, letisztult, modern vagy akár vintage is.

Noha a végső kinézetnek és stílusnak a témakörhöz kell illeszkednie, néhány alapszabály mindig alkalmazható.

Egy jó weboldal felhasználóbarát, funkcionális, és áttekinthető, emellett pedig lenyűgözi a látogatót is szép és praktikus megoldásokkal. Az alábbiakban öt egyszerű webhelytervezési tippet gyűjtöttünk össze, amelyek hatékonyabbá és vonzóbbá teszik webhelyed:

Mik azok az alapszabályok tehát, ami tematikától függetlenül minden weboldal esetében alkalmazhatóak?

1. Tartsd honlapjod minimalistán és áttekinthetően, kerüld a kétértelműséget
2. Tervezz a vizuális hierarchia szem előtt tartásával
3. Készíts könnyen olvasható tartalmat
4. Győződj meg arról, hogy webhelyeden könnyű navigálni
5. Legyen mobilbarát weboldalad

Most pedig menjünk bele részleteiben is ezekbe az alapszabályokba.

1. Tartsd honlapod minimalistán és áttekinthetően

Webhelyed kezdőlapjának azonnal közölnie kell az alapvető üzenetét. Végül is ritkán olvasunk el minden szót egy weboldalon. Ehelyett gyorsan átfutjuk az oldalt, kiválogatva a kulcsszavakat, mondatokat és képeket. Ezeket az ismert viselkedéseket szem előtt tartva, jobb, ha az érzelmekre hivatkozunk, nem pedig a szavak számára.

Minél kevesebb dolgot kell a látogatónak elolvasnia, rákattintania vagy emlékeznie, annál jobban képes lesz feldolgozni és értékelni a tartalmat. Ha ezt szem előtt tartjuk, akkor jobbak lesznek az esélyeink azt illetően, hogy a látogató úgy fog cselekedni, ahogy azt elvárjuk tőle.

Ezek az egyszerű webhelytervezési tippek segítenek a tartalom felosztásában, és egy prezentálható és hívogató kezdőlap kialakításában:

Tartsd a fontos tartalmat a hajtás felett: A látogatóknak a lehető leghamarabb meg kell érteniük, hogy miről szól a webhelyünk, anélkül, hogy bárhová görgetnének vagy kattintanának.

A tartalom elhelyezése: Használjunk nagy térközöket, tegyük szellőssé a tartalmat. Egy rövid szövegblokk sokkal hívogatóbb és könnyebben fogyasztható, hogy egy több soros, hosszú bekezdés.

Képek hozzáadása: A kiváló minőségű médiafunkciók, például a gyönyörű fényképek, a vektoros rajzok vagy az ikonok, csodákat tesznek, és szavak nélkül is remekül közlik a mondanivalót.

Call to Action: A vásárlástól a regisztrációig ösztönöznünk a webhely látogatóit a kívánt művelet végrehajtására azáltal, hogy cselekvésre ösztönzés (CTA) gombot helyezünk el a webhely kezdőlapján.

2. Tervezz a vizuális hierarchia szem előtt tartásával

A hierarchia a tervezés egyik fontos alapelve, amely segít a tartalom világos és hatékony megjelenítésében. A hierarchia helyes használatával, a legjelentősebb darabtól kezdve, az oldal látogatóinak figyelmét elsőbbségi sorrendben el tudja vezetni bizonyos oldalelemekre.

A vizuális hierarchia fő elemei a következők:

Méret és súly: Jelöld ki a legfontosabb részeket, például a vállalkozás nevét és logóját, nagyobbá és vizuálisan kiemelkedőbbé téve őket. Az olvasók általában először a nagy és félkövér címeket veszik észre, és csak ezután térnek át a kisebb bekezdések szövegére.

Elem elhelyezése: Használd a megfelelő webhelyelrendezést a látogatók tekintetének megfelelő irányba tereléséhez. Például elhelyezhetsz egy fontos cselekvésre ösztönző gombot a képernyő közepén, vagy elhelyezheted logódat a fejlécnél.

Miután egyértelmű hierarchiát állítottunk be az információk számára, az automatikusan rátérnek a kevésbé hangsúlyos tartalmakra.. Így jöhet a színhasználat, a kontraszt és a bekezdésekkel való játszadozás a további hangsúlyozáshoz, ügyelve arra, hogy mi az, ami leginkább felhívja a figyelmet, és ügyelve arra, hogy ez mindig szándékos legyen.

3. Készíts könnyen olvasható tartalmat

A weboldal olvashatóságának javítása viszonylag egyszerű; próbád ki az alábbi fő szabályokat:

A kontraszt kulcsfontosságú: A szöveg színe és a háttér színe közötti megfelelő kontraszt fontos az olvashatóság, valamint a webhelyek akadálymentessége szempontjából. Bár webhelyednek színskálája valószínűleg reprezentálja a márka színeit, győződj meg arról, hogy elegendő kontraszt van az elemei között. Ehhez próbálj meg online eszközt használni, például a Kontrasztellenőrzőt.

Nagy betűméret: A legtöbb ember küzd a kisebb betűtípusok olvashatóságával. A webdesign tipikus ökölszabálya, hogy a törzsszöveg legalább 16pt legyen. Ez egy jó hely a kezdéshez, de ne feledd, hogy ez a szám teljesen a webhelyhez választott betűtípusoktól függ.

Betűtípusok: A tipográfia világa sokféle betűtípust kínál. Választhatsz a serif betűtípusok közül (amelyeknek a levelek végén kevés a kivetített vonal, például a Times New Roman) a sans serifek közé, ami szó szerint azt jelenti, hogy „serif nélkül”.

A Sans serif betűtípusok általában a legjobb választás a hosszú online szövegekhez – például a jelenleg olvasottakhoz. Érdekes betűkészlet-párosításokat is létrehozhatsz, ha ezeket a különböző típusokat összekevered. A logo tervezéséhez rengeteg logó betűtípus érhető el.

Számos extrém betűtípus is létezik, amelyek inkább a dekoratív oldalakon vannak, például kézzel írt betűkészletek. Ha ezek közül választasz egyet, ügyelj arra, hogy ne használd túlzottan, mert úgy kontraproduktív lehet a hatás.

Korlátozd a betűtípusok számát: Egy weboldalon ne használj háromnál több betűtípust. Egyes projektek igényelhetnek bonyolultabb betűkombinációkat, de a túl sokféle betűtípus általában zavaróő és elvonja a figyelmet a márkanévről.

Szövegtémák használata: A világos hierarchia kialakításához győződj meg arról, hogy az írott webhely tartalma változó méretű és súlyú – a nagy címektől a kisebb alcímekig, a még kisebb bekezdésekig vagy törzsszövegig. Ez a praktikus webhelytervezési tipp biztosíthatja, hogy mindig legyen valami, ami felhívja az olvasók figyelmét.

4. Győződj meg arról, hogy webhelyeden könnyű navigálni

Kapcsold össze logódat a kezdőlappal: Ez a webhelytervezési tipp bevett gyakorlat, amelyet a látogatók elvárnak, és értékes kattintásokat spórolhat nekik. Ha még nem állítottad ezt be, akkor a márkaépítés részeként erősen ajánlott saját logót készíteni.

Ne feledd a menüt: Akár klasszikus vízszintes listát, akár hamburger menüt választasz, vagy bármi mást, a webhely menüjének jól láthatónak és könnyen megtalálhatónak kell lennie. Ezenkívül ügyelj arra, hogy az egyes szakaszok fontosság szerint legyenek felépítve.

Kínáljon vertikális navigációt: Ha webhelyed sokáig görgethető, például egyoldalas, használj horgonymenüt. Egy kattintással a nézők gyorsan átugorhatnak a webhely bármely szakaszára. Egy másik megfontolandó lehetőség a „Vissza a tetejére” gomb, amely a látogatókat az oldal tetejére tereli, bárhol is legyenek a webhelyen.

Lábléc: A lábléc általában a weboldalak utolsó tartalommal ellátott egysége. Itt újra összegyűjtjük a legontosabb linkeket, ezzel is segítve a tájékozódást. Feltüntethetjük itt továbbá az elérhetőségi adatokat, a közösségi média ikonjait, vagy bármilyen más releváns linket, amelyre a látogatóknak szüksége lehet.

5. Legyen mobilbarát weboldalad

A webhely összes látogatóját a lehető legjobban ki kell szolgálnunk, manapság már nem lehet probléma abból, hogy valaki  asztali PC-ről, mobilról vagy tabletről böngészi az oldalt.

Tekintsd át webhelyed mobil verzióját, miközben a felhasználó helyzetébe képzeled magad, és tesztelj minden oldalt, felhasználói műveletet és gombot.

Mobil webhelyednek tisztábbnak kell lennie, mint az asztali verzió, ezért fontold meg az oldalelemek minimalizálását és egyes elemek, például a menü kicsinyítését. Vannak olyan egyedi mobil funkciók is, amelyekkel javíthatod a mobil tervezését.

Ezen öt gyakorlati tanács minden weboldal, webshop esetében alkalmazható, mivel általános ökölszabályok.

Ha gyakorlott webshop vagy weboldal tulajdonos vagy, akkor ezek a tanácsok valószínűleg már ismerősek lehetnek neked, de ismétlésként nem árt újra végigvenni őket. Ha pedig most készülsz belevágni egy online platform irányításába, akkor ez a lista legyen az első, amit a tervezéskor előveszel majd.

Ha nincs időd, vagy kapacitásod elkészíteni modern weboldalad keress minket, és mi megvalósítjuk elképzeléseidet!

Berta Gergő
06 30 386 2627
gergo.berta@maximumbusiness.hu

[contact-form-7]

The post Hogyan emelkedj ki weboldaladdal a konkurensek közül? appeared first on Online Marketing Kivitelezés- Másképp.

Ha akadályokat tapasztalsz az ügyfelekkel való kommunikáció során, akkor nem vagy egyedül. Bár mindenki elismeri az erős ügyfélkommunikáció értékét, sokunknak kihívásokkal kell szembenéznünk a gyakorlatban történő megvalósítás során.

Néha ez azért van, mert nem kérünk visszajelzéseket az ügyfelektől, ami megnehezíti a reflektálást és a fejlesztést is. Máskor azért, mert eleve nem biztosítunk egyértelmű módot arra, hogy kapcsolatba tudjanak lépni velünk.

Weboldal elkészítése

Az első lépés e problémák megoldása felé egy weboldal létrehozása, amely arra szolgál, hogy az emberek megismerhetnek minket és a vállalkozásunkat. Egy jól működő és egyszerű kapcsolatfelvételi űrlappal könnyen rá lehet venni a látogatókat arra, hogy feltegyék kérdéseiket, kéréseiket. A kontaktálás pedig kardinális kérdés, jó eséllyel az a valaki, aki ír nekünk a későbbiekben vásárolni is fog.

Ebben a cikkben megvitatjuk a kapcsolatfelvételi űrlapok előnyeit – például azt, hogy miként lehet őket felhasználni potenciális ügyfelek megszerzéséhez és az értékesítés lezárásához. Ezenkívül megosztunk néhány kapcsolatfelvételi tippet a kezdéshez.

Miért is van szükséged kapcsolatfelvételi űrlapra?

Amellett, hogy a látogatónak nem kell keresgélnie a weboldalon válaszok után olyan kérdésekre, amelyek megfogalmazódtak benne, számos más előnye is van, lássunk ebből néhányat!

Spamszűrés: a kapcsolatfelvételi űrlapok miatt nincs szükség arra, hogy az e-mail címed feltedd a webhelyre. Ez segít csökkenteni a spameket és a nem kívánt e-maileket a beérkező levelek között.

Szakmai lehetőségek: amikor könnyű kapcsolatba lépni veled, nyitottá teszed magad a szakmai lehetőségek felé. Ez magában foglalja az üzleti partnerek, az ügyfelek közötti kommunikációt.

Lead gyűjtés: egy értékesítési tölcsér legelső folyamata sokszor egy kapcsolatfelvételi űrlap. Az adatok beszerzését követően pedig számtalan lehetőséged nyílik majd arra, hogy szegmentáld és / vagy demográfiai adatok alapján a legjobb ajánlatokkal találd meg az illetőt.

Megbízhatóság: egy jó ügyfélszolgálat kulcsfontosságú a cég kommunikációja szempontjából. Ha egyszerű felvenni veled a kapcsolatot és gyorsan reagálsz a feltett kérdésekre, azzal növelni fogod az ügyfélelégedettséget, ami – mint tudjuk – online marketing berkekben a legfontosabb.

Milyen designt használj?

Erre nincs kulcsrakész megoldás. A kialakítás, design és a bekért adatok mind-mind attól függnek, hogy milyen célja van az űrlapodnak. Vannak azonban olyan alapigazságok, amik segíthetnek eligazodni és meghozni a helyes döntést, ebből írunk most le párat.

Sztenderd kapcsolatfelvételi űrlap: ez az alapértelmezett űrlap, ahol csak a legalapvetőbb adatokat szokás elkérni. Név, telefonszám, email cím, tárgy, üzenettörzs. Ez a fajta űrlap arra szolgál, hogy a látogató kérdést tegyen fel, vagy valamilyen visszajelzést adjon.

Kell hozzá a kötelező adatkezelési beleegyezés checkbox a hatályos GDPR törvények értelmében, illetve kiegészíthető egy extra jelölődobozzal, amiben beleegyezik, hogy hírleveleket küldjünk neki. Így tulajdonképpen két legyen is üthetünk egy csapásra.

Minimalista: ha már hírlevelekről beszéltünk, akkor itt is mindenképpen érdemes megemlítenünk. A minimalista űrlapok lényege, hogy törekedjünk a lehető legkevesebb adat bekérésére, hogy a küldés / feliratkozás a lehető legkevesebb időt vegye igénybe.

Ez klasszikusan a hírlevél feliratkoztatásoknál fordul elő. Ha néhány másodperc alatt fel tud iratkozni a látogató a hírlevelekre, akkor sokkal nagyobb valószínűséggel meg is fogja tenni, mintha hosszú percekbe telne egy feliratkozás. A kulcs tehát az egyszerűség és sebesség.

Többlépcsős űrlap: a minimalista űrlap ellentettje, de azért mégsem teljes egészében. Mikor érdemes többlépcsős kapcsolatfelvételi űrlapokat alkalmaznod? Akkor, amikor az űrlap több adatot is be fog kérni, több rádiógomb, jelölőnégyzet, szövegbeviteli mező található benne.

Ha mindezt egyszerre és ömlesztve tároljuk, az elkedvetlenítheti a látogatót és nem fogja rászánni az időt. Viszont többlépcsős megoldásban, mindig csak egy pár mező fog megjelenni, kis falatokban pedig sokkal emészthetőbb az egész.

Egy másik módszer a többlépcsős űrlapok alkalmazására az, amikor az alapvető adatokat bekérjük a legelső oldalon, majd később jöhetnek a kényesebb adatok (bankkártya adatok általában).

Amikor a látogató eljut már egy bizonyos pontig, benne van az, hogy szeretné végigcsinálni, így nagyobb hajlandósággal ad meg olyan adatokat, amiket elsőre látva nem biztos, hogy megadna.

Sokan alkalmazzák továbbá ezt a módszert arra is, hogy email címeket gyűjtsenek be. Az első oldalon bekérik az email címet, utána pedig a többi adatot. Az email cím eltárolódik függetlenül attól, hogy a látogató végigviszi a folyamatot vagy sem, mivel az első oldalt már véglegesítette. Ezt nem tartjuk 100%-ban etikusnak, ezért nem használunk ilyet ügyfeleink esetében, viszont jó tudni róla, hogy vannak, akik a maig napig élnek ezzel a módszerrel.

Állásra jelentkezéshez használt űrlapok: érdemes felvenni egy speciális kapcsolatfelvételi űrlapot a munkalehetőségekről érdeklődők számára. Ez az álláspályázat lehetővé teszi a felhasználók számára, hogy a legördülő menüből válasszanak, ahelyett, hogy egyszerűen kitöltenék az üres részt.

Ennek eredményeként az üzenetek kategóriák szerint is lehetnek rendezve, így egyszerűbbé válik az átszűrés. Egy másik sajátsága az állásra jelentkező űrlapoknak, a fájlfeltöltési opció. Ez a legtöbb űrlap esetében felesleges, állásra jelentkezésnél viszont kifejezetten hasznos, mert CV-t vagy motivációs levelet egyszerűen lehet küldeni a leendő állásadónknak.

Eladásösztönző űrlap: ha potenciális ügyfelek vagy vásárlók szerzése a cél, akkor űrlapunkat eladásösztönzővé kell tenni. Hogyan tehetjük ezt meg?

Sales központú gondolkodással. Az efféle űrlapok többnyire landing page-k alján találhatóak és árajánlatkérésre szolgálnak. Ha a landing page szövegezése és felépítése megfelelően volt összerakva, akkor az oldal aljára érve a látogató már hozott egy döntést.

Az űrlapnak ezt a döntést kell tovább erősítenie. Itt is cél a sales fókuszú szövegezés, alapadatok bekérése, és az áttekinthetőség. Javasolt lehet tematikától függően a cégnév bekérése is, mivel ez további szegmentálási lehetőségeket biztosíthat számunkra.

Technikai kapcsolattartó űrlap: előfordulhat, hogy a látogatónak specifikusabb kérése, vagy problémája akadt, amit egy sztenderd kapcsolatfelvételi űrlappal már nem lehet helyesen kezelni. Ilyenkor jöhet a képbe a support, vagyis a technikai kapcsolattartói űrlap.

Ha fizikai termékeket forgalmazunk, akkor ebben az esetben bekérhetőek olyan extra adatok mint, cikkszám, terméktípus, problémát részletező több soros szövegdoboz. Amellett, hogy részletekbe menően elkérhetjük az adatokat, ami nagyban megkönnyíti a problémamegoldást is, bizalomgerjesztőbb és professzionálisabb hatást is kelt ez a megoldás, mintha mindent egyetlen alap űrlapon keresztül intéznénk.

Kapcsolati űrlap visszajelzésre: egyre beváltabb szokás visszajelzést kérni ügyfeleinktől. Természetesen ennek is több előnye van: a visszajelzésből megtudhatjuk, mi tetszik nekik, mi az, ami kevésbé. Ha valami problémás, akkor azt folyamatosan tudjuk finomhangolni, míg szolgáltatásunk olyan szintre nem fog érni, hogy az mindenki számára élvezetes és könnyen kezelhető legyen.

Emellett a visszajelzések remekül felhasználhatók referenciaként is.

Ha feltöltjük és megjelenítjük az elismerő szavakat, akkor az a döntés előtt álló vásárlót is a pozitív irányba fogja terelni. A visszajelzést kérő űrlapok egyik speciális mezője az értékadó modul, ahol 1 és 5 csillag között egyszerűen véleményezhetik a vásárlói élményt. Persze csillagok helyett használható emoji, számok, vagy bármi más kreatív ötlet, aminek egyszerű az üzenete!

Összegzés: Most már nyilvánvalóvá válhatott számodra is, hogy milyen elemi fontosságú a kapcsolati űrlap használata a weboldalakon. Az üzenetküldés csak a jéghegy csúcsa, sokkal több potenciál rejlik az űrlapokban, amit az előnyödre fordíthatsz! Az űrlap funkciójától függően pedig a típusok részletezésében nyújtottunk segítséget, így ha betartod ezeket az alapszabályokat, biztosan nem fogsz célt téveszteni!

[contact-form-7]

The post Mik azok a kapcsolatfelvételi űrlapok, és mire használhatod őket? appeared first on Online Marketing Kivitelezés- Másképp.

The post Mi kell ahhoz, hogy neked is felhasználóbarát weboldalad legyen? appeared first on Online Marketing Kivitelezés- Másképp.

Egy évvel korábban már elindultak a találgatások és a jósolgatások azt illetően, hogy milyen grafikai elemek és kreatív megoldások fogják jellemezni a 2020-ban elkészült weboldalakat, illetve azokat a site-okat, amiket naprakész designnal újítanak fel.

Ezek egy része tökéletesen beigazolódott, mások kevésbé. Vegyük át most azokat az elemeket, amitől egy 2020-as weboldal friss és trendi lesz!

1. Színátmenetek

Az elmúlt időszakban komoly teret nyert az úgynevezett flat design. Ennek a lényege az ultaminimalizmus volt, a könnyű, szellős, elhelyezkedés, kevés szín és effekt használata.

Vannak tematikák, ahol ez a design remekül passzol a vállalkozáshoz, de vannak olyan esetek is, ahol nem a legelőnyösebb. A flat design lényege, hogy a tartalom olvasható és könnyen fogyasztható legyen, viszont, ahogy egyre több weboldal vette át ezt a stílust, nehéz lett őket megkülönböztetni egymástól, nem volt olyan kiemelkedő megoldás, ami miatt emlékezetes lett volna a site. Emellett túlságosan kontrasztos is volt az összhatás.

Éppen ezért lett továbbfejlesztve a flat design egy újabb elem a színátmenet bevezetésével. 2018-ban és 2019-ben a színátmenetek elkezdték a sima színeket felváltani. A színátmenetek  adnak egy kis extrát a flat designnak, ugyanis vizuálisan érdekesebbé teszik őket. A színátmenetet bátran használhatjuk hátterekhez, CTA gombokhoz, vagy akár a főcímek színezéséhez is.

A színátmenetek jól mutatnak asztali PC-n, illetve mobil eszközökön egyaránt. Színessé, vidámmá és érdekessé teszi a weboldalt és a tartalmat egyaránt. 2020-ban jellemzővé vált a merészebb, élénkebb színekből összeállított színátmenetek használata.

2. Egyedi illusztrációk használata

Az első pontban említettük, hogy a tömeges flat design-átvétel következtében nehézkessé vált megkülönböztetni weboldalakat egymástól. Ezt a problémát hivatott áthidalni az egyedi illusztrációk alkalmazása.

Minden olyan cég weboldalánál, ahol tervezőgrafikus is dolgozik a csapatban, szinte biztos, hogy 2020-ban saját, egyedileg rajzolt illusztrációkkal lesznek reprezentálva bizonyos tartalmi egységek. Folyamatábráknál figyelhető meg elsősorban ez a trend, de ahogy a dolog egyre nagyobb teret nyer, egyes weboldalaknál már a komplett arculatot is meghatározhatja az illusztrációk stílusa.

Könnyen megjegyezhető ábrákkal igazán egyedi és kiemelkedő weboldalad lehet. A stockfotók és clipart-ok ideje lejárt! Egy lényeges dolgot kell szem előtt tartani: az illusztrációknak illeszkedniük kell a vállalkozás tevékenységéhez, illetve a célközönséghez, akit megkívánunk szólítani.

3. Kontrasztos betűtípusok

Ha ellátogatsz vezető tech-cégek weboldalaira, megfigyelheted, hogy manapság már nem is  a fejléc, vagy a grafika a legmeghatározóbb, hanem a hatalmas, vastaggal szedett mondatok, szóösszetételek.

A hajtás nélküli tartalom esetében ez a trend évek óta fennáll, ez nem újdonság. Érdekes újítás viszont, hogy az elnagyolt, hangsúlyos betűtípus használata, a site-ok alsóbb területein is visszaköszönnek már. Szintén új irányzat lett az is, ahogy kontrasztba lett állítva a nagyon vastag és a nagyon vékony betűtípus. Egy mondatban, vagy hangzatos kifejezésben van mindkét vastagság alkalmazva.

Általános igazság a vastag betűtípusok használata során, hogy a kevesebb néha több. Akkor érhető el vele a legjobb hatás, ha csak a fontos címszavak vannak kiemelve vele. Szintén érdemes észben tartani, hogy ez a fajta kontrasztosság semleges háttér előtt a legízlésesebb. Ne feledkezzünk meg arról sem, hogy nem minden betűtípus mutat jól vastagon szedve, így ezt a metódust akkor érdemes alkalmazni, ha serif betűtípussal dolgozunk.

4. Geometriai alakzatok

A geometriai formák egyszerű, mégis erőteljes eszközök, arra, hogy a tervezők vonzóbb vizuális kompozíciókat készítsenek. A geometriai alakzatokat általában szakaszok közötti vizuális elválasztásra használjuk.

A tervezők 2020-ban elkezdtek a geometriai objektumokkal jobban is kísérletezni. Több webdesigner csapat geometriai alakzatokat használ egy adott érzés közvetítésére. Például a lágy geometriai alakzatok hozzájárulhatnak a futurisztikus megjelenés kialakításához, míg a szögletes, kontrasztos formák brutalista feelinget adnak. Az első pontban írt színátmenetekkel is remekül lehet kombinálni.

5. Érzelmek reprezentálása

A design során mindig kiemelkedően fontos volt, hogy az üzenet könnyen és érthetően átmenjen az olvasó számára. A kommunikáció kulcsfontosságú volt. Egy dolgot nem kommunikáltak sokáig a weboldalak: az érzelmeket. Ezt a hiányosságot pótolja látszólag az egyik új idei trend, az érzelmek vizuális reprezentálása.

Elsősorban a vidám és szomorú van kontrasztba állítva, és itt arra gondolunk, hogy ha a látogató a weboldal üzemeltetői számára pozitív reakciót ad (például sikeresen rendelt, vagy feliratkozott a hírlevélre, elfogadta a cookie-kat), akkor erre a döntésre egy vidám arc vagy figura megjelenítésével még jobban ráerősítünk. Ez pedig vica-versa igaz, negatív reakció esetén szomorú illusztrációt jelenítünk meg.

6. Kezdőoldali háttérvideók

Az első benyomás nagyon fontos, hogy pozitív legyen a weboldalunkról. Ahhoz, hogy ezt elérjük, a legfelső, hajtás nélküli tartalommal már meg is kell fognunk a látogatót. Erre az egyik legjobb megoldás, ha dinamikus tartalmat tárunk a látogató elé, mint például mozgó háttér, amilyen egy videó is.

A webdizájnereknek hosszú ideje statikus képeket kellett használniuk, hogy átadják fő ötleteiket. De a helyzet megváltozott. A nagysebességű internet korszaka megkönnyíti a weboldal tervezőinek, hogy kezdőlapjaikat elképesztő filmstílusú élményekké alakítsák.

Éppen ezért 2020-ban egyre több olyan webhelyet látunk, amelyek rövid videoklipeket használnak a saját honlapjukon. A videós háttér az élményt élõbbé és dinamikusabbá teszi. Ez vonzza a felhasználókat, és hajlandóak időt tölteni az oldalon, már csak azért is, hogy végignézzék a videót.

7. 3D hatások alkalmazása

A 3D objektumokat sokáig csak játékokban és a szórakoztatásban használták. Az eszközfeldolgozási teljesítmény növekedésével 3D objektumok jelenhettek meg már a webhelyeken is, mind asztali, mind mobil verziókban. A 3D-objektumok és az ál-3D-objektumok bevezetésével a felhasználói élmény új szintre emelkedett.

8. Görgetés hatására aktiválódó effektusok

A modern technológia dinamikus fejlődése sokkal többet nyújthat már nekünk, mint egy szimpla felhasználói élmény megalapozása – ezek már lehetővé teszik, hogy magával ragadó vizuális élményeket készítsünk a látogatók számára. A görgetést figyelő webhelyek nyomon követik a felhasználó előrehaladását, miközben görgetik lefelé az oldalt, és a kontextus szempontjából releváns információkat jelenítenek meg.

 A görgetést figyelő webhelyek a mozgás és az animáció hatásait használják fel a felhasználó figyelmének felkeltésére és a felhasználói interakciók dinamizmusának bevezetésére. Ezek a hatások nagyobb jelentést adnak a meglévő tartalomhoz, és emlékezetesebbé teszik a felhasználók számára.

9. Sötét mód

Bizonyára megfigyelted már, hogy a legnagyobb vállalatok egy része világos és sötét módot ad hozzá szoftveréhez vagy weboldalához. A kettős színvilág felkarolása két jelentős előnnyel jár a felhasználói élmény szempontjából: a fehér téma az általánosságban elfogadott, elsőnek létrehozott megjelenítési mód. A felhasználók nagy része ehhez szokott hozzá, ezt ismeri, ezt szereti jobban.

A sötét témák ezzel szemben csökkenti a szem igénybevételét azáltal, hogy a sötét háttér kevésbé bántja a szemet, könnyebb elolvasni a tartalmat, különösen este, vagy rosszabb látási viszonok között. Emellett megtakarítják a mobil eszközök akkumulátorának energiáját azáltal, hogy csökkentik a világos képpontok használatát, ergo lassabban merül le a készülék.

10. Személyre szabhatóság biztosítása

A „mindenkinek ugyanazt” ideológia 2020 felhasználói számára már nem működik. A márkák arra törekszenek, hogy a felhasználói élményt a lehető legjobban finomhangolják, hogy a felhasználók a lehető legkomfortosabban érezzék magukat használat közben.

Példának okáért, a SoundCloud egy olyan zenei szolgáltatás, amely figyelembe veszi a felhasználók preferenciáit, és ezáltal javasolja a zenét számukra. A szolgáltatás a lejátszott zenék és a lájkolt zeneszámok figyelembevételével működik.

10 + 1. Mikrointerakciók, animációk

A modern weboldal tervezők folyamatosan azon dolgoznak, hogy a weboldal emlékezetes, érdekes, könnyen kezelhető legyen, ami maradandó élményt ad a látogatónak és a fent felsorolt tulajdonságok miatt a lehető legtöbb időt tölt az oldalon.

Az imént összeszedett pontok is ezt hivatottak elősegíteni, de van itt még egy apróság, ami további életet, dinamizmust vihet az egyébként statikus weboldaladba. Ez pedig az animációk, animált képek, GIF-ek használata. A második pontban leírt folyamatábráknál mára már bevett szokássá vált, hogy mozgóképekkel dobják fel a tartalmi egységet. Érdekes, izgalmas és szórakoztató, kreatív megoldás, amit a látogató szívesen nézeget.

Összegzés:

Vannak olyan kőbe vésett megoldások, amiket nem érdemes változtatni, mert annyira megszokta már mindenki, hogy ezek megváltoztatása zavartságot, vagy nehézkes tájékozódást eredményez. Ilyen például az, ha a logó nem a bal felső sarokban van, vagy ha a menüsáv nem az oldal tetején helyezkedik el. A középre zárt logó egyre inkább elfogadott ugyan, de még mindig a klasszikus felállás működik a legjobban.

A tervezők minden évben újítanak, kísérletezgetnek azzal, hogy mivel lehetne még jobban megfogni a látogatót. Évről évre egyre kevesebb, vagy kevésbé feltűnő újítás figyelhető meg a weboldal trendekben, mert a jól működő megoldásokat adaptáljuk, a kevésbé jól teljesítőeket pedig hanyagoljuk. Az eszköztár egyre fogy, az adaptált megoldások pedig évről évre gyarapszanak.

A jövőben bizonyára egyre nagyobb teret fog nyerni az AI, vagyis a mesterséges intelligencia weboldalakba ágyazása, ebben hatalmas potenciál van, de azt, hogy ez hova vezet és milyen technikai újításokat fog eredményezni, egyelőre nem tudjuk.

The post 10+1 weboldal trend, amivel 2020-ban is naprakész lehetsz! appeared first on Online Marketing Kivitelezés- Másképp.