1.
Meggyőződésünk, hogy minden vállalkozás számára, legyen az akár egy egyszemélyes mikro-vállalkozás is, érdemes saját weblappal megjelenni az Interneten. Ha profi webdesigner megbízására nincs lehetőség vagy szükség, és szóba jön a sajátkezű weblapkészítés, érdemes megfontolni az alábbi weblapkészítési tanácsainkat:
Válasszunk egy színvilágot és tartsunk ki mellette
Ha a cég rendelkezik emblémával vagy megadott színekkel a fejléces papírján, ez jó kiindulást jelent. Ha nulláról kezdjük a webdesign kialakítását, akkor válasszunk két-három egymást jól kiegészítő színt és tartsunk ki mellettük. Ne váltogassuk a színeket oldalról-oldalra, és ne használjunk túl sok színt egy weboldalon.
Ha tanácstalannak érezzük magunkat a színvilág meghatározásában, böngésszünk az Interneten olyan weblapot keresve, mely leginkább elnyeri tetszésünket. Ezt mintául véve kialakíthatjuk saját színeinket.
Használjunk sablonokat
Kiindulási alapként nagyon jól használhatók a legkülönbözőbb weblap sablonok. A legegyszerűbben talán a széles körben elérhető web design programokkal adott sablonok használhatók (mint például a Microsoft FrontPage vagy az Adobe GoLive). Ha egyedibb megjelenést szeretnénk, az Interneten számos olyan weboldalt találhatunk, melyek weblap sablonokat kínálnak. A mi oldalainkon is szép számmal választhat profi webdesigner szakemberek által tervezett weblap sablonok közül.
Biztosítsunk könnyen használható navigációs rendszert
A weblap készítés során ez az egyik legfontosabb kérdés, amit figyelembe kell vennünk. Garantálnunk kell, hogy a weblapok látogatói könnyen megtalálják oldalainkon, amit keresnek. A legtöbb weblapon az oldal felső vagy bal oldali részén helyezik el a navigációs rendszert. Mivel a legtöbben már hozzászoktak ehhez a rendszerhez, érdemes ragaszkodni ehhez. Hasznos, ha a weboldalak alján megismételjük a navigációs linkeket, hogy a látogatóknak ne kelljen visszagörgetniük a weblap tetejére.
Ne vigyük túlzásba a speciális effektusok használatát
Bár egy-két speciális effektus feldobhatja a weblapok megjelenését, az animált logo és grafikák gyakran elvonják látogatóink figyelmét a weboldal tartalmáról, nem is említve, hogy ezek letöltése túl hosszú időt vehet igénybe. Látogatóink már tovább is kattintottak, mielőtt az amúgy remek web design tehetségünkről árulkodó forgó emblémánk letöltése befejeződhetett volna.
A weblapok háttere
Biztosítanunk kell, hogy látogatóink el tudják olvasni a weboldal szövegét a háttéren. Magyarul: ne használjunk fekete betűket sötétkék háttéren, vagy sárgát fehér alapon. Fordítsunk figyelmet arra is, hogy a hivatkozásaink (linkek) olvashatóak legyenek, és maradjanak is azok, a link meglátogatása után is.
Az emberek többsége könnyebben olvassa a sötét betűket világos háttéren, mint fordítva, de a legfontosabb design alapelv a weblap készítés során, az éles kontraszt a háttér és a szöveg színe között. A mintás háttér szinte mindig az olvashatóság rovására megy.
Külső hivatkozások
Jó web design gyakorlat, ha a weblapjainkon kívülre, más website-okra mutató linkek új böngésző ablakban nyílnak meg. Így látogatóink könnyen visszatérhetnek weboldalunkra, ha végeztek a külső hivatkozás áttanulmányozásával.
Tartalomjegyzék és keresés
Ha a web site több mint 15 oldalból áll, érdemes külön tartalomjegyzéket is készítenünk, amiben felsorolunk minden weboldalunkat. Ha van rá módunk, biztosítsunk keresési lehetőséget is látogatóink számára.
A tartalom a lényeg
Bár nem mellékes weblapjaink megjelenése sem, a legfontosabb a weblap készítés során mégis az, hogy energiánkat a tartalom elkészítésére összpontosítsuk. A webdesign, jellegéből fakadóan könnyen módosítható a későbbiek során is, azonban a valódi értéket a weblapok tartalma jelenti, ez az, amiért érdemes lesz ellátogatni weboldalainkra.
Amit érdemes kerülni
Ha üzleti jellegű weblapkészítés a feladatunk, kerüljük az alábbiakat:
• Flash beköszöntő animációk (Flash intro-k), forgó földgömbök, dekorált szakasz határolók és animált postaláda figurák
• Az előugró, vagy háttérben megnyíló ablakok tömeges használatát
• Automatikusan induló háttérzene beállítását. Ha zenét vagy háttér hangot szeretnénk, annak elindítását bízzuk a látogatókra.
• Az ingyenes számlálók alkalmazását, melyek nagybetűvel hirdetik: „Ön a 18. látogató ezen az oldalon!”
• Az utolsó módosítás időpontját csak akkor tegyük közzé a web oldalainkon, ha naponta, vagy hetente frissítjük oldalainkat.
Mindazonáltal fontos, hogy ne vesszünk el a részletek között. Tervezzük meg előre, hogy mit szeretnénk elhelyezni a weboldalainkon, és ne felejtkezzünk meg arról sem, hogy hogyan fogjuk majd az elkészült weblapunkat népszerűsíteni.
2.
A céges weboldal-készítés egy igen érdekes terület, hiszen más-más szempontok érvényesülnek a különböző cégméretek és szolgáltatási területek esetén. Ezért is fontos hangsúlyozni, hogy nem feltétlenül érdemes kis cégként a legnagyobbak megoldásait átemelni és általános igazságként elfogadni. A következőkben a kisebb cégekkel szeretnék általános igazságokat megosztani, hogy mire figyeljenek, ha weboldalt készíttetnek.
A felhasználó számít igazán!
Természetesen kiemelt szempont, hogy az oldalt nem magadnak készíted, hanem a felhasználóidnak, ügyfeleidnek. A holnap tartalmi elemeinek, az ő igényeiken kell alapulni és azokat kiszolgálnia. Fontos, hogy ismerd ezeket az igényeket, hiszen akkor lehet a lehető legjobban hozzá alakítani a céges weboldalad. Saját tapasztalatom, hogy minél jobban előtérbe állítjuk az ügyfél igényeket, annál komolyabb megrendelés és bevétel növekedés érhető el a honlap segítségével.
A felhasználókat nem a háttérbe tett csodaszép rét képe fogja érdekelni, hanem a tartalom! Természetesen fontos, hogy a tartalmat minél emészthetőbb, ízlésesebb formában kínáljuk, de ettől még a honlapon a tartalomnak kell lennie a legfontosabbnak. (ez keresőoptimalizálás szempontjából is a legnagyobb érték)
Kapcsolat információk mindenhol
Szeretnéd, hogy felhívjanak vagy írjanak neked az ügyfeleid? Fontos, hogy a weboldal segítségével, több interakciót tudj kezdeményezni az ügyfeleiddel? Akkor a legfontosabb elem a kis céges weboldal esetében nem más, mint a kapcsolat oldal! Gyakorlatilag, még nem találkoztam olyan ügyféllel, aki ne akarta volna, hogy felhívják, vagy írjanak neki, hiszen később ebből lesz a megrendelés vagy vásárlás.
Érdemes a kapcsolat adatokat minél több helyen feltüntetni, hogy az érdeklődök, mindenféle erőfeszítés nélkül képesek legyenek megtalálni. Akár a weboldal láblécében, vagy a fejlécben is feltüntethetőek a kapcsolatfelvételhez szükséges adatokat. Fontos, hogy jól látható és könnyen észrevehető legyen (nagyobb betűméret, eltérő szín).
Termékek és szolgáltatások a weboldal fókuszában
Az érdeklődőknek fontos, hogy megtudják mivel is foglalkozik a céged! Neked pedig fontos, hogy minél jobban bemutasd nekik, hiszen így lesznek extra megrendeléseid. A szolgáltatások és termékek bemutatása nagyon fontos, érdemes időt szakítani rá és minél jobban kidolgozni ezt a területet.
Használj képeket! Lehetőség szerint ne csak szöveges elemek legyenek ezeken az oldalakon, hanem használjunk ízléses képeket is. Sokszor tapasztalható, hogy a képek adott esetben jobban el tudják adni a terméket vagy szolgáltatást, mint a puszta tények. A legjobb hatásfokot akkor érhetjük el, ha a képi és szöveges elemeket harmonikus arányban vegyítjük.
Hitelesség!!! Nagyon fontos, hogy az információk és képek hitelesek legyenek. Rendkívül ártalmas lehet, ha egy nem megfelelő szöveg vagy képi tartalom kerül fel erre az oldalra, amiről ordít, hogy biztosan nem igaz az információ. Törekedjünk rá, hogy az információk a valóságot tükrözzék.
Ezeken az oldalakon jó, ha minél többször megjelenik a cégneved. A nagy cégek nevét mindenki ismeri, de a kis cégeknek ez fontos lépés lehet a márkaépítésben. Márpedig, ha az emberek megjegyzik a céged nevét, akkor később valószínűleg ismét nálad fognak vásárolni, vagy rendelik meg a szolgáltatásodat. És ami nagyon fontos, ajánlják az ismerőseiknek.
Átlátható navigáció
A menüt szintén érdemes a felhasználói igényekhez alakítani. Fontos, hogy a felhasználói élmény minél magasabb legyen, azaz megfelelően tudjon a felhasználó a céges weboldalunkon tájékozódni és megkapjon minden számára fontos információt.
Tehát összességében az a javaslatom hogy kis céges weblap-készítésnél törekedjünk a felhasználói igények minél magasabb szintű kiszolgálására. Egy kis cég, jobban ismerheti az ügyfelei igényeit, mint egy nemzetközi gigász (rugalmasság tekintetében is legyőzhetőek). Használjuk ki és fordítsuk ezt a saját előnyünkre! Kicsi a bors, de erős!
Egy biztos, a felhasználóink meghálálják a weboldal tartalmára fordított időt!
Honlap szövegírás, egy púp a hátamon
Kinek a feladata a szövegírás? A megrendelőé vagy a készítőé! A helyzet az, hogy ez bizony közös feladat!
Ki ismerhetné jobban a cégét, mint Ön? Természetesen a weblapkészítő tapasztalatára is szükség van, hiszen már számtalan projektet vitt végig és nyílván ez a tapasztalat jól fog jönni. Szögezzük le, hogy ma 2015.10.30-án a weblap legfontosabb eleme a minőségi tartalom! Hogy miért írom ezt így dátumozva? Azért mert a Google irányelvei olyan ütemben és gyorsasággal változnak, hogy ma már kiismerhetetlenebb, mint a Nők vagy a Férfiak! Igazán jó tartalmat nehéz írni, hiszen rengeteg szempontot kell figyelembe vennünk! Ott van például, hogy kinek készítjük a tartalmat, ki a célcsoport? Fontos hogy a tartalmat nem saját magunknak írjuk, kiemelten figyeljünk arra, hogy a látogató azt kapja, amiért kattintott! A weboldalunkon bemutatott terméket vagy szolgáltatást úgy tálaljuk, hogy a vevő elérjen minden szükséges információt, úgy hogy közben meghámozzuk a szükségtelen információktól! A kevesebb néha több! Próbáljunk a vevő fejével gondolkodni, mit keres, hogyan keresi és legfőképp mi a hasznos információ a számára?
Természetesen a szövegírás egy nagyon fontos oka, maga a keresőkben való elhelyezkedésünk javítása! Ahogy korábban írtuk, a tartalom a legnagyobb érték, ez kereshető, a Google által feldolgozható. Ne becsüljük le az értékét, szánjunk rá időt és energiát!
A 4 legfőbb ok, amiért sikertelen lehet a céges honlapja
1. A honlap tartalmát csak a cég vezetője, esetleg egyik alkalmazottja találta ki és a weblapkészítés csak ezt az irányt követi. Ilyen esetben a készítő cég nem adja hozzá a tapasztalatait, ötleteit. Mindig hallgassuk meg a honlap készítőjét, hiszen valószínűleg lényegesen nagyobb tapasztalattal rendelkezik az Online világ működésében. Fontos, hogy a weblapkészítő partnerré, egyenrangú féllé váljék és egy picit a vállalkozás csapatába is bebocsátást nyerjen. Így tudja a legjobban végezni munkáját és 100%-ot beleadni.
2. A weboldal tele van hosszú, több oldalas unalmas szövegekkel. Azt hiszem, ez nem szorul magyarázatra, tegye fel a kezét, aki egy szolgáltatás 2 oldalas leírást végigolvasná!
3. A honlapon nehézkes a navigáció, rengeteg a menü és átláthatatlan, hogy mi hova vezet. Valljuk be őszintén, naponta találkozunk ezzel a problémával és valószínűleg az ilyen honlapot 3 másodperc után be is zárjuk. A weboldal mindig legyen világos tartalmú és átlátható, könnyen kezelhető.
4. A szomszéd fia csinálta a keresőoptimalizálást, aki egyébként nagyon ért a számítógéphez! Az oldal a cég nevére be is jön a Google-ban!! Számtalanszor kell utólag optimalizálnunk weboldalakat, ez sok esetben nem egyszerű, mert a weboldal alapjaitól kell elindulni. A rosszul tervezett és kivitelezett szerkezet éppen annyira ártalmas, mint a rossz, esetleg elavult információk a weboldalon. Fontos, hogy a kezdetektől határozzuk meg azt a néhány kulcsszót, amit már a weboldal elkészítésének pillanatában szem előtt tartunk és próbáljuk meg a szövegeket is ennek megfelelően elkészíteni! Így lényegesen eredményesebbek lehetünk.
A jó céges honlap 5 legfontosabb tulajdonsága
1. A tartalom tökéletesen illeszkedik a tevékenységhez. Jól leírja, hogy milyen termékeket, szolgáltatásokat kínálunk, mindenféle felesleges információk nélkül.
2. Felhasználóbarát, jól navigálható és átlátható menürendszere van. A számunkra fontos tartalmat gyorsan és egyszerűen megtaláljuk
3. Remek, a mobilomon is működik! Manapság a felhasználók egyre többet és egyre gyakrabban keresnek mobiltelefonokról, így fontos, hogy az oldalunkat erre is optimalizáljuk. Itt a felhasználói élmény még fontosabb, mint az asztali számítógépünkön.
4. Vannak rajta szép képek, de nincs agyonzsúfolva. Fontos, hogy a szöveges és képi tartalmaink legyenek egymással összhangban. Egyikből sem jó a túl sok!
5. A weboldal rendszeresen frissül új tartalmakkal. Nagyon fontos, hogy lehetőség szerint az elkészült weblapunkra töltsünk fel újabbnál újabb tartalmakat.
Hibák, amiket kerüljünk honlapunkon
1. Nem derül ki a weboldal/bejegyzés célja és a tartalom sem illeszkedik a címhez.
Ez egy viszonylag gyakori hiba, elkészítünk egy bejegyzést, adunk neki egy hangzatos címet, aztán valahol félre siklik a szöveg és már szinte másról írunk. Az adott oldalnak és bejegyzésnek figyeljünk a cím és tartalmi összefüggésére. Ne “csapongjunk” ki, hiszen aki rákeres egy adott témakörre, egészen biztosan nem fogja érdekelni a leveli békák szaporodása, ha egyszer ő a vízi élővilágról szeretne általánosságban olvasni. Fontos meghatároznunk előre, hogy az adott oldalnak vagy bejegyzésnek mi a célja. Értékesíteni? További tájékoztatást nyújtani egy bizonyos szolgáltatásról vagy termékről? Esetleg mindkettő?
Sose feledjük azt az örök érvényű mondást, hogy weblapkészítésnél nem magunknak készítjük az adott oldalt vagy bejegyzést. Az olvasó, ha nem kap releváns tartalmat, 3 másodpercen belül elhagyja az oldalunkat.
2. A dizájn fontosabb a tartalomnál
Láttam már olyan bejegyzést, ahol 30 képre jutott 5 mondat. Valóban szép képek voltak, egy fotós weboldalon szerintem meg is állta volna a helyét, de egy termék bemutatásánál talán egy picit túlzó. Törekedjünk rá, hogy a szöveg és a képek, egyéb dizájn elemek arányosak legyen. Kerüljük a túl sok képet és a túl kevés szöveget egyaránt. Ez keresőoptimalizálás szempontjából sem ideális. Természetesen minden szöveget feldobhatunk egy-két remek fotóval, de sose essünk túlzásokba. A Google és a többi kereső a szöveges tartalmakat helyezi előtérbe.
3. Weblapkészítés után nincs friss tartalom
Sok esetben tapasztalom, hogy a honlap elkészültét követően nem kerül fel friss tartalom. Elkészítettük a hírek menüpontot, fel is töltöttünk 3-4 fontos hírt, de azóta gyakorlatilag nincsenek hírek. Miért nincsenek? Egészen biztosan vannak új termékek, esetleg a szolgáltatásainkról is tudunk egy komplettebb képet nyújtani az ügyfeleinknek az eddigi tapasztalataink alapján. A hírek menü több szempontból is fontos, egyrészt az olvasónk látja, hogy a honlap naprakész és folyamatosan dolgoznak vele, tehát a cég él és virul. Másrészt a Google és a többi kereső is ugyanezt látja! Miért fontos ez? Azon túl, hogy több kereshető tartalom lesz a weboldalunkon, ami alapból növeli az oldal látogatottságát, természetesen az ügyfeleink is elégedettebbek lesznek, mivel több információhoz tudnak jutni egy-egy témakörön belül.
Fontos, hogy elkészült honlapunk naprakész legyen!
4. Ne csak a termékekre és szolgáltatásokra összpontosítsunk
Az adott oldal, bejegyzés válaszolja meg a kérdéseket is! Ne csak tényszerű leírás legyen. Ha egy ékszerteknőst szeretnénk reklámozni, akkor ne csak az ékszerteknős tulajdonságait írjuk le, hanem azt is, hogy miért is lesz jó nekünk, ha lesz egy ékszerteknősünk. Tehát próbáljuk meggyőzni a vevőnket, hogy egy ékszerteknőssel az övé a világ. Ez természetesen igaz minden termékre vagy szolgáltatásra. Ha nálunk csináltat fémredőnyt, 10 évig nem kell hozzányúlni, garantálom!
Egy plusz mondat a különböző paraméteres leírások után, de már most borítékolom, hogy ez lesz az első, amit végig is olvasnak. Figyeljünk rá, hogy az adott termékre, szolgáltatásra vonatkozó leírásunkban mondjuk el azt is, hogy miért jó, ha megrendeli vagy megveszi azt. A személyes tapasztalatok megosztása talán még ennél is többet ér.
Néhány tipp, hogyan legyünk egyszerűek
Könnyű navigáció és egyszerű használhatóság: Ha lehetséges, csak egy elsődleges navigációs menüt használjunk, mert a felhasználók ennek a segítségével tudnak a legjobban tájékozódni. Legyen jól tagolt és közérthető. Az almenük legyenek jól csoportosítva.
Ne bonyolítsunk: A szövegeink legyenek minél közérthetőbbek, hiszen ha túlságosan szakmai nyelvezetet használunk, elképzelhető, hogy a szakmai területünkben kevésbé járatosak nem fogják érteni. A szövegeket mindig tagoljuk megfelelően, ne féljünk térközöket használni.
Tipográfia: Jól olvasható, a szemnek tetszetős betűtípust és betűméretet válasszunk. Ügyeljünk rá, hogy a szöveg címsorokkal, kiemelésekkel jól tagolt legyen, minél jobban vezetve a felhasználót, hogy jó helyen jár.
Zavaró képek: Lehetőség szerint, ne zsúfoljuk túl az oldalunkat képekkel, mert elveszik a fókusz és a weboldal betöltődési ideje is jelentősen lassulni fog.
Színsémák: A szövegek mindig legyenek jól olvashatóak és kontrasztosak. Segítsük a felhasználókat, hogy minél egyszerűbben jussanak a tartalomhoz. Nem biztos, hogy jó ötlet fekete háttérre fehér színű betűkkel írni mindenhol.
Gombok: Vezessük a felhasználót gombokkal. Navigáljuk a megfelelő oldalunkra, hogy megkapja azt, amiért jött. A gombok és linkek segíthetnek minket is elérni a céljainkban, legyen szó vásárlásról vagy éppen a kapcsolat oldalunk felkereséséről.
Érthető, használható funkciók: Mindig legyen kapcsolat formunk, amin keresztül gyorsan és egyszerűen tudnak kapcsolatba lépni velünk a weboldal látogatói és ez legyen is könnyen megtalálható. Törekedjünk rá, hogy a weboldal funkciói hasznosak legyenek a felhasználóknak.
Ne feledjük, hogy az Internet egy információ forrás, ahol keressük azt, amire éppen szükségünk van. A weboldalunk design elemei ne nyomják el az oldalon lévő tartalmat, hanem szolgálják azt ki. Tegyük egyszerűen elérhetővé az információkat, minél kevesebb vizuálisan zavaró tényező nélkül, hogy a felhasználóinknak minél egyszerűbb dolga legyen.
Végezetül egy idézet: „Egy dolog annyira egyszerű, amennyire csak lehetséges, de semmivel sem egyszerűbb.” (Albert Einstein)
Milyen a jó navigációs menü? Erre figyeljünk a weblap-készítésnél!
Mi a navigációs menü?
A weboldal tartalmi elemeinek, kategóriáinak, funkcióinak egy olyan listája, amely „linkként” esetleg ikonként jelenik meg adott szempontok szerint rendszerezve. Egy egyszerű példánál maradva, egy adott cég szolgáltatásai is lehetnek a menü elemei, amelyek jól elkülönülnek egymástól.
A menük rendkívül fontos elemei a weboldalnak és gyakorlatilag napjainkban már nincs is olyan weboldal, ahol ne találkoznánk velük valamilyen formában.
Milyen a hatékony navigációs menü?
Jól megtervezett, akár egy ház alapja. A navigációs menüre épülnek a funkciók és a tartalmak. Fontos, hogy előre átgondolt legyen és lehetőség szerint rendezett, tartalmilag egymáshoz kötődő részek kerüljenek bele a menü hierarchiájába (főmenü – almenü).
Nézzük meg, hogyan is néz ez ki a gyakorlatban.
Tervezzünk menüt
A weboldal tartalmát tervezzük meg először és csak azután kezdjünk neki a menü megtervezésének. Lényegesen egyszerűbb dolgunk lesz, ha betartjuk ezt a sémát. Egy-két kérdés, ami segíthet ebben:
• Milyen al-oldalakra lesz szükségünk? (Pl. Magunkról, szolgáltatások, tevékenységi körök, referenciák, kapcsolat)
• Minden tartalomhoz megvan a megfelelő menü?
• Az egyes tartalmak egymásba kapcsolódása követhető azok számára is, akik nem a te területeden dolgoznak?
Törekedjünk az egyszerűségre
Napjainkban már mindenki használja a webet és valószínűleg élhetek azzal a kijelentéssel, hogy ha egy weboldalon a navigáció bonyolult, akkor inkább kilépünk és keresünk egy jobb weboldalt.
Ne terheljük azzal a felhasználót, hogy keresgélnie kelljen a menüben, rendezzük el logikusan és törekedjünk rá, hogy minél átláthatóbb és egyszerűbb legyen a kezelése. Ne akarjuk túlzsúfolni, mert az pontosan ugyanakkora hiba!
Az elhelyezkedés és a méret is számít
Normál monitorokon, táblagépeken egy jól megválasztott horizontális menü a javasolt. Elegáns, jól a szerkezetbe illeszthető és általánosan elmondható róla, hogy hatékony. Fontos, hogy mivel balról-jobbra olvasunk, ezért a legfontosabb menü elemek lehetőség szerint minél „balrább” kerüljenek.
Lényeges, hogy a menük esetében megfelelően nagy betűméretet válasszunk, ami segíti a gyors olvasást és az átlátható megjelenést egyaránt. Ne féljünk az átlagostól jóval nagyobb betűméretet választani.
+1 tipp Használjunk breadcrumb-ot minden oldalunkon
A breadcrumb („kenyérmorzsa/zsemlemorzsa”) a felhasználói felületeken használt navigációs eszköz, amely a kiindulóponttól a felhasználó jelenlegi tartózkodási helyéig vezető utat mutatja. Ha a honlap rendelkezik bloggal, kategóriákkal és komoly több szintes menürendszerrel, akkor elengedhetetlen tartozéka a navigációnak! A tapasztalatok alapján a felhasználók is szeretik, mert lényegesen könnyebben lehet a segítségükkel tájékozódni, hogy hol is vagyunk jelenleg az oldalon belül. További jó tulajdonsága, hogy egyetlen kattintással léphet a felhasználó akár két szinttel feljebb is, ha mégis ott keresne valamit.
Valamint keresőoptimalizálás szempontjából is fontos eszköz. A kulcsszavakban gazdag, belső hivatkozások szerepét is betölti.
3.
Színek a honlapon – a színek marketing szerepe
A marketing roppant tudatosan használja a színek kommunikációs erejét. A szín az életünk része. Mindenhol színek vesznek körül bennünket, és hatnak ránk. A színek legtöbbször nem is a tudatos énünkhöz szólnak, hanem a tudatalattihoz, megmozgatva ott olyan rezgéseket, amelyeket nem is gondolnánk.
Mi a szín?
Tudományos, a fizikában használatos megfogalmazását a Wikipédia a “színkép” szónál a következőképp adja meg:
“Az elektronok az atommag körül csak meghatározott pályán keringhetnek. Ezeken a pályákon az elektronok nem sugároznak, ezek állandósult, stacionárius pályák. Fénykibocsátáskor, illetve fényelnyeléskor az elektronok az egyik pályáról a másik pályára ugranak át, miközben a két pálya közötti energiakülönbséget foton alakjában emittálja (kisugározza) vagy abszorbeálja (elnyeli) az atom. Mivel minden anyag más atomokból épül fel, ezért az emisszió és az abszorpció – az anyagra jellemző – más és más frekvenciákon történik, ami a színképen látható.” ( Wikipedia – színkép)
A szín tehát mozgás eredményeképpen jön létre, egy rezgés, amely jellemzi azt az anyagot, amely a fotonokat kibocsájtotta vagy elnyelte.
A szín tudományos vizsgálata Sir Isaac Newton 1666-ban kezdett kísérleteivel indult, amikor is a Napból érkező fényt egy prizmával felbontotta majd újraegyesítette. A létrejövő képet spektrumnak (latinul spectrum – képzet), színképnek nevezte el, benne megjelent a szivárvány teljes színskálája. Newton a fényt zenei hangoknak és a bolygóknak is megfeleltette.
Moses Harris 1770-ben írta le a színkört, amelyben 3 alapszínt jelölt meg: a kéket, a pirosat és a sárgát.
Johann Wolfgang Goethe, aki maga is festett, kritizálta Newton elméletét és írásait, és felállította saját színkörét: szerinte a színkör 6 színből áll, a színeket pedig a fény és a sötétség keveredése hozza létre. Az ő megfigyelései között szerepeltek először a komplementer színek.
Melyik alapszín mit jelent?
• Piros – energia, dinamizmus, a vér színe, erotikus, a tűz színe, cselekvésre késztet, negatív megközelítésben a harag színe
• Sárga – jókedv, nyár, tettrekészség, felszabadultság, negatív megközelítésben az irigység színe
• Zöld – természetesség, megnyugvás, remény, termékenység, negatív megközelítésben a féltékenység színe
• Kék – igazság, békesség, bölcsesség, az égbolt színe, higgadtság, biztonság, hűség, bizalom, tekintély
• Bordó – elegancia, drágaság
• Barna – férfiasság, stabilitás, a föld színe
• Narancs – büszkeség, önérzetesség, segítőkészség, ambíció, kreativitás, életerő
• Lila – lelkiség, szellem, királyi, misztikus
• Fehér – tisztaság, szűziesség, béke, teljes egyensúly, semlegesség
• Fekete – elegancia, méltóság, formális, szigorú, negatív megközelítésben gyász, depresszió
A színek hatása
A szín rezgés. és mint ilyen, hat minden atomra, amivel csak kapcsolatba kerül. A színek megjelennek körülöttünk a természetben, hatást gyakorolva ránk.
A zöld szín egyértelműen megnyugtat bennünket. A fű zöldje, a fák levelei és a növények az életet jelentő oxigént termelik a számunkra, így tudatalatti hatásuk még inkább frissítő erővel hat ránk.
Az emberi szem a legtöbb árnyalatot a zöld színből képes megkülönböztetni: ezért egy színes fotó színhelyességét leginkább úgy ismerjük fel, hogy a zöld szín mennyiségét látjuk meg a képen.
A piros szín a dinamizmust, az erőt szimbolizálja, ugyanakkor agressziót is kiválthat. A figyelem felkeltésének legfontosabb színe – ne csodálkozzunk, ha egy-egy kiadósabb bevásárlókörúton elfáradunk: biztosan piros akciós feliratok tömege vett körül bennünket.
A sárga a Nap színe, az arany csillogásáé. Ugyanakkor az intellektust is szimbolizálja, miközben fiatalos, vidám hatást is gyakorol ránk.
A kék az ég kékje, a tenger türkizkékje, és mint ehhez kötődő szín biztonságot, megnyugvást ad.
Szín a tudatalattinkban: amit a marketing is használ
A tudatalatti részünk képek és színek segítségével kommunikál. A színek ránk gyakorolt hatása oda-vissza hat ránk. Akik depresszióval küzdenek, azok előszeretettel viselnek magukon feketét. Akik a figyelmet szeretnék felhívni magukra, azok kedvelik a vörös színt, és még lehetne sorolni.
A kedvenc szín választása tehát – feltéve, ha nem tudatosan, manipulatív szándékkal teszi valaki – a lelkiállapot jelzője is. Ha tehát rosszkedvünk van, és minél előbb szeretnénk kikerülni belőle, akkor tudatosan válasszunk vidám ruhákat, akár kiegészítőket (pl. színes karkötőket), ezáltal visszahatva lelkiállapotunkra.
Egy adott időszak és ország divatszínei is a lelkiállapot szerint alakulhatnak. Megfigyelték, hogy pl. a narancssárga azokban az időszakokban divatos, amikor egy ország a fellendülés állapotában él.
A színek együtt
A grafikai tervezőnek tisztában kell lennie azzal, hogy melyik színt melyikkel együtt alkalmazhatja, vagy melyek azok, amelyek nemcsak hogy nem illenek össze, de egyenesen olvashatatlanná teszik a szöveget, ha a háttér az egyik, a betű a másik színben készül. Ilyen “végzetes kombináció” a kék és a piros.
A megfelelő színek kiválasztásához ad segítséget a következő néhány weboldal:
http://www.colorschemedesigner.com
http://www.sessions.edu
Ez pedig egy különösen hasznos portál grafikusoknak, webdizájnereknek:
http://www.degraeve.com/color-palette/
Általában harmonikus kombinációkat adnak azok a színek, amelyek a természetben is megtalálhatók egymás mellett.
A nyomdatechnikában a színeket az un. Pantone-skála segítségével azonosítják.
Kiegészítő (komplementer) színek
Tudományos szempontból a komplementer színek azok, amelyeknek keverésével semleges szín jön létre (szürke vagy fehér – festékek vagy színes fények esetén).
Gyakorlati szempontból a komplementer színek használata is pont olyan “végletes”, ahogy a színkör két szemben lévő pontját foglalják el, vagyis egy szín komplementer színe a vele szemben lévő. Ugyanis a grafikai gyakorlatban háttérszín-betűszín kombinációban a komplementer színeket nem szabad együtt használni, mert látványuk vibráló hatást kelt, ezáltal olvashatatlanná válhat a szöveg, de semmiképpen sem bíztat olvasásra.
Amikor nem tipográfiáról van szó, hanem pl. fotózásról, akkor a komplementer színek használata egy adott fotón belül nagyon kellemes, az emlékezetbe vésődő hatást ér el.
Ilyen színpárok:
• napsárga – kék
• türkiz – narancs
• bordó – fűzöld
• lila – citromsárga
A szivárvány színei
A természetben megjelenő egyik legtöbb színt felvonultató jelenség a szivárvány, amelyhez az egyes kultúrák más és más történetet, hiedelmet fűznek. A szivárvány, mint égi jelenség, az Univerzum üzenete, a teljességet, a harmóniát jelenti. Az ír mondavilágban a koboldok aranykincsüket a szivárvány végén ássák el, és azt csak úgy találhatjuk meg, ha lábánál fogva elkapjuk a koboldot, és követeljük tőle, hogy mutassa meg, hol dugta el a kincset.
A szivárványt végig is „ehetjük”: éghajlatunkon a gyümölcsök érési sorrendje nagy vonalakban követi a szivárvány színeit:
• piros gyümölcsök: az eper, meggy, cseresznye érik először
• narancssárga: a sárgabarack követi a piros gyümölcseinket
• sárga: őszibarack – szinte egész nyáron át tart a barack színkavalkád
• zöld: fehérszőlő, korai alma
• kék / ibolya: szilva, pirosszőlő
Természetesen találunk kivételt (pl. az ősszel szüretelt alma piros, zöld vagy sárga is lehet), a párhuzam mégis figyelemreméltó.
A színek régen – és ma
A színek szerepe a mai ember életében más, mint néhány száz éve: egyszerűen azért, mert a festékek gyártása ma már lehetővé teszi, hogy viszonylag olcsón átszínezzük lakásunkat, környezetünket, ruháinkat. A festékgyártás a múltban csak azokból az anyagokból indulhatott ki, amelyeket a természetben megtaláltak és felhasználásukkal festékeket tudtak előállítani. Ezek a festékanyagok sokszor csillagászati árban voltak kaphatóak: pl. bíbor színt a bíborcsigából tudtak kivonni, a kék festéket pedig a lapis lazuli féldrágakőből készítettek.(Egyes források szerint pl. Rembrandt képein emiatt nincsenek élénk kék színek)
Honlapkészítés és színek
A honlapkészítés során különösen kell ügyelni a színek egymással való összhangjára! A rosszul megválasztott háttér és betűszín ugyanis olvashatatlanságot eredményez, amit a monitor fénye, vibrálása csak még jobban felerősít, és a honlap látogatója máris kattint tovább!
Amikor honlapot vagy logót készítünk, a színek megválasztásánál a fenti pszichológiai alapokról indulunk, és igyekszünk a színek számát minél inkább leszorítani.
Mire kell figyelni, amikor valaki honlapot terveztet?
• a szín minden monitoron más, sőt, minden eszközön is más, ezért soha nem lesz olyan, hogy egy logónak vagy egy honlapnak a színe mindig azonos
• a tabletek és okostelefonok kijelzője élénkebbé teszi a színeket és fotókat
• a honlaptervezés során igyekszünk úgynevezett webbiztos színeket használni, ami a szóbajöhető árnyalatok számát csökkenti
• az arany és az ezüst csillogása csak a fotón jön ki igazán jól, egyetlen szín használatával okkert vagy szürkét fog látni a kedves Megrendelő, ugyanis a csillogás az agyunkban áll össze
• a sötét alapszínű honlapot általában elegánsabbnak látják az emberek, míg a világosat nem kifejezetten – a sötét alapszínen viszont nem lehet olvasni.
4.
Hogyan tervezzünk hatékony nyitóoldalt a weboldalhoz?
A weboldal fő oldala, nyitó oldala az adott vállalkozás virtuális bejárati ajtója. Ezen múlik, hogy a felhasználó belép-e rajta, vagyis tovább böngészik-e a honlapon, az aloldalak felé is elnavigál-e, végül végrehajt-e konverziókat (pl. megrendelés, letöltés, kapcsolatfelvétel). Mindehhez az kell, hogy a weboldalunk számára minden szempontból ütős nyitólapot tervezzünk.
A főoldalon a „mézesmadzagot” húzzuk el a látogatók szeme előtt, azaz szöveges és vizuális „trükkök bevetésével” arra ösztönözzük, hogy böngésszen tovább az oldalon, nézze meg az aloldalakat, és természetesen végezzen el konverziókat (pl. rendelés, letöltés, feliratkozás, stb). Természetesen ahány vállalkozás, annyi weboldal, de ha egyszerűen csak információk átadása a célunk a weboldalon, vagy „csak” egy blogról van szó, akkor is szükség van ütős nyitóoldalra. Most ennek a legfőbb ismérveit vesszük sorra! És még egy megjegyzés: ebben a bejegyzésünkben kizárólag nyitóoldalak ismérveivel foglalkozunk, egy másik bejegyzésünkben vesszük sorra a landing page, azaz az érkező oldalak tulajdonságait. Míg nyitóoldalra nem küldünk fizetett forgalmat (pl. hirdetésekből, hírlevelekből, direkt marketing levelekből), addig landing oldalakat éppen kampányok, hirdetések miatt hozunk létre, legfőbb céljuk az értékesítés, a konverziógyűjtés.
Adjunk választ!
A weboldalunk főoldalára „tévedő” látogatónak első blikkre rá kell jönnie, hogy
• milyen vállalkozás oldalán, kinek a weboldalán jár? – ebben lesz segítségére a fejrészben (jellemzően a bal felső sarokban vagy a középen) elhelyezett, jól beazonosítható logó és az egy-két soros bemutatkozás vagy szlogen
• mivel foglalkozik a vállalkozásunk, az ő „problémájára” milyen megoldást tudunk nyújtani? – ebben segítenek neki a látványos slideshow fotói vagy egy fix, nagyméretű fotó, melyek hűen prezentálják, illusztrálják az adott (szak)területet, továbbá a fotókra illesztett kiemelt mondatok, melyek azt hangsúlyozzák, hogy mi az oldal lényege, illetve az ügyfél milyen problémájára milyen megoldást tudunk nyújtani (mindez max. egy mondatban :))
Az élet sója 