A promóciós weblapok dekorativitásának és hatékonyságának kapcsolata 2010-ben

Átírás

1 BUDAPESTI GAZDASÁGI FŐISKOLA KÜLKERESKEDELMI KAR KERESKEDELEM ÉS MARKETING SZAK Nappali tagozat Marketingkommunikáció szakirány A promóciós weblapok dekorativitásának és hatékonyságának kapcsolata 2010-ben Készítette: Tóbiás Réka Budapest, 2010.

2 Tartalomjegyzék I. BEVEZETÉS...6 II. ELMÉLETI ÉS GYAKORLATI RÉSZ, KUTATÁSI EREDMÉNYEK HONNAN INDULT A WEBDESIGN A Webről Az Internet ma Az internet megszületése Út a világháló felé Az Internet, mint média A designról A webdesignról Az 1. Generáció A 2. Generáció A 3. Generáció A 4. Generáció Az 5. Generáció A DESIGN ESZKÖZEI A VIZUÁLIS ELEMEK Színek A színek harmóniája A hét színkontraszt Impresszív színelmélet Expresszív színelmélet Webes felületen megjelenő színek Kutatási eredmények Formák Egyszerű statikus ábrák Fotó realisztikus és 3 dimenziós ábrák Képek Szöveges elemek Betűszín

3 2.4.2 Betűtípus Betűméret Üres felület Kompozíció WEBDESIGN TRENDEK 2010: EGYSZERŰ ÉS TISZTA Nagyméretű logó és fejléc Nagyméretű szövegek Szövegek árnyékolása A texturált hátterek Magazinszerű külső Kézzel készített rajzhatású grafikák Az 1 oldal design Kis ikonok, mint a szöveg helyettesítői Mobil design A PROMÓCIÓS SITE-OK SAJÁTOSSÁGAI A vásárlásösztönzés (Sales Promotion) Időintervallum Promóciók fajtái Promóciós site-okról AKIKNEK SIKERÜL, ÉS AKIKNEK NEM Dekoratív és effektív Nem dekoratív viszont effektív Dekoratív viszont nem érte el célját Nem dekoratív és célját sem éri el Mit hozhat a jövő? Érintőképernyős monitorok A 3 dimenziós felületek Távvezérlés (kesztyű) Totális 3D élmény

4 6. HA KÉSZ A WEBOLDAL Közzététel a weben Keresőoptimalizálás A szöveges tartalom A képek Oldalra mutató hivatkozások Kulcsszavak Weboldal használhatósága Az oldal felépítése Optimalizálási lehetőségek Webstatisztika Utolsó lépések III. BEFEJEZÉS ÁBRAJEGYZÉK IRODALOMJEGYZÉK

5 I. Bevezetés A dolgozatról Elsődleges célom egy olyan dolgozat elkészítése volt, amely témájában és tartalmában is érdekességekkel szolgálhat az olvasónak, ugyanakkor naprakész, aktuális. Az internet rövid múltja, robbanásszerű elterjedése, interaktivitása egyaránt hozzájárult ahhoz, hogy a marketing tevékenységek közkedvelt színterévé váljon. Az internetben rejlő lehetőségek sokszínűsége miatt dolgozatom központi témája a dekorativitás és hatékonyság kapcsolata, és annak összefüggésrendszere a promóciós weboldalak esetében. A webdesignerek és webfejlesztők munkája révén a felhasználói élmény egyre több szórakoztatást nyújt az oldalakra látogatóknak. A dekorativitás hatással van mindenkire, minden ember értékeli, ha egy számára kellemes környezet veszi körül. Az internetes felületek sem képeznek kivételt, a fogyasztó felé irányuló információ adott, de nem elhanyagolható, hogy milyen megjelenésben kerülnek kapcsolatba a látogatókkal. A dolgozatom célja, hogy rámutassak a dekorativitás fontosságára és a megfelelő használatának következményeire. Kutatás A dolgozatom kapcsán elkészült kérdőívem kérdései többségben kvantitatív kérdések voltak, viszont egyes kérdéseknél nem tartottam célszerűnek korlátozni a megkérdezetteket az előre meghatározott válaszok által, így véleményük, gondolataik megosztására kifejtendő kérdések álltak rendelkezésre. Kutatásomban 186 személy vett részt. Az elkészült kvantitatív kérdőív 3 téma vonatkozásában tartalmazott kérdéseket, úgy mint az internet használati szokások, a design és a promóció. A kérdőív internetes felületen volt elérhető, a módszer egyszerű, kényelmes és célravezető volt. Az ősz folyamán kerültek a kérdőívek kitöltésre, a barátaim és ismerőseim által így a reprezentativitás ugyan nem teljesült, de az eredmények igazán jól jellemzik a éves korosztály témáról alkotott megítélését. A válaszadók nem szerinti megoszlását tekintve a nők 56 %-ban kissé megelőzték a férfiakat. Lakóhelyüket tekintve a megkérdezettek legtöbben, 24 % a 6

6 nagyvárost, míg 26 % a fővárost jelölte meg. A dolgozat elkészültével az újonnan felmerülő kérdések egy új, érdekes kutatás elvégzésének lehetőségét rejtik magukban. Hipotézis A dekorativitás a promóciós oldal hatékonyságának kulcsfontosságú tényezője. Dolgozat felépítése Az első fejezetben a weboldalak megjelenésének színtere az internet és annak létrejöttének, fejlődésének és elterjedésének sajátosságai kerülnek bemutatásra. A továbbiakban a dekorativitás eszközei, alkalmazásuk szabályszerűségei következnek. Ezt követi a 2010-es évben használatos webdesign trendek bemutatása, majd röviden bemutatásra kerül a promóciós oldalak sajátosságai. A dolgozat következő elkülöníthető része az esettanulmányok eredményeinek bemutatásával foglalkozik, az elemzés szempontjait az előző fejezetekben meghatározott elemek képezik. Végezetül a már kész weboldal optimalizálási lehetőségeit tárgyalja az utolsó fejezet. Ahol az csak lehetséges volt az elméleti részeket összekapcsoltam az általam elvégzett kutatás eredményével, így látható, hogy az általam megkérdezettek véleménye mennyire igazolja, illetve cáfolja a leírtakat 7

7 II. Elméleti és gyakorlati rész, kutatási eredmények 1. Honnan indult a webdesign A következőkben szeretném ismertetni az Internet megszületését és médiává válásának útját, ugyanakkor a párhuzamosan fejlődő webdesign terület sajátosságait, fejlődési lépcsőit a kezdetekben. 1.1 A Webről Az Internet ma Az Internet segítségével kapcsolatot tarthatunk ismerőseinkkel, telefonálhatunk, banki ügyeinket intézhetjük, információkhoz juthatunk azon témákról, melyek érdeklődésünk tárgyát képezik, és még számtalan lehetőséget rejt magában. Mindennapjaink szerves része, de nem volt ez mindig így Az internet megszületése Az Internet megszületése szorosan kapcsolódik a világon elsőként Föld körüli pályára állított műholdhoz, melyet Szputnyik-1 néven ismerhetünk. Ezt a világtörténelemben mérföldkőnek számító eseményt a Szovjetuniónak sikerült véghezvinnie október 4- én, 1 megelőzve ezzel az Amerikai Egyesült Államok szintén folyamatban lévő műholdprogramját. Válaszként az Egyesült Államok megalapította az Amerikai Védelmi Minisztériumot 1958-ban (Advanced Research Projects Agency, rövidítése: ARPA) a Hadügyminisztérium részeként. Feladata a legmodernebb technológiai kutatások és fejlesztések a pillanatnyi szükségletek figyelembevételével. A leghíresebb kutatásuk az Internet létrehozása volt

8 Joseph Carl Robnett Licklide, kutató, pszichológus és számítógépmérnök 1960-ban mutatta be a Galaktikus hálózat megnevezésű ötletét. 3 Tanulmányának leegyszerűsítése a következő: egymástól eltérő helyen elhelyezkedő számítógépek összeköttetésben legyenek, majd a kommunikáció megvalósítása közöttük. A számítógépekből álló hálózat terve az ARPANET nevet kapta, melyet 1967 októberében mutattak be. 2 évvel később már sikerült megvalósítani egy 4 számítógépből álló működő hálózatot. A folyamatos kutatásoknak, fejlesztéseknek eredményeként egyre nagyobb számú számítógépekből álló hálózatokat voltak képesek létrehozni. Attól függetlenül, hogy ezek a hálózatok sok kapcsolattal rendelkeztek zárt rendszernek minősültek. Az ARPA kutatói egy olyan új szabványrendszeren munkálkodtak, mely megoldást jelenthet a hálózatok összekapcsolásának problémájára decemberében nyilvánosságra hozták tervezetüket, ami az Internet Transmittion Control Program nevet kapta. Az áttörésnek számító eredmények nem maradtak el. A program eredményességét 1977-ben prezentálták, amikor is sikeresen kapcsolatot létesítettek 3 hálózat között és a hálózatok közötti sikeres kommunikáció is megvalósult. A működő rendszer tökéletesítése még évekig folyt ben bemutatták a végleges programváltozatot, ami lehetővé tette, hogy az Amerikai Egyesült Államokon kívül is hálózatok, és hálózatok közötti kapcsolatok létesüljenek. Korlátokat ledöntve az Internet elindult az egész Földet behálózó meghódító útjára Út a világháló felé A kilencvenes évek elején csak a nagy vállalatoknak és a nagy egyetemeknek volt lehetőségük az internet használatára. Általánosságban elmondható, hogy a Gopher-t (magyar jelentése: ürge, elnevezés eredete bizonytalan) használták. Nem a megszokott böngésző program volt, sokkal inkább egy fájlkezelő alkalmazás, ami lehetővé tette az Interneten tárolt anyagok hozzáférhetőségét. Ezek a fájlok írásos dokumentumok voltak, melyek egy menürendszer segítségével váltak elérhetővé ban a Gophert megalkotó

9 Minnesotai Egyetem bejelentette, hogy fájlkezelőjük kiszolgálói kódja után licencdíjat fognak alkalmazni. Ennek hatására sokan új alternatíva felkutatásába kezdtek. 5 A svájci székhelyű CERN, (Európai Nukleáris Kutató Szervezet) már rendelkezett egy alternatívával. Munkájuk során egy olyan információkezelő projecten dolgoztak, melyben újításként a szövegek hivatkozásokat (hiperszövegeket) tartalmazhattak, általuk könnyen átnavigálhatott az olvasó egyik dokumentumról a másikra. Az ilyen tartalmak megjelenítésére alkalmas kiszolgáló a WorldWideWeb nevet kapta. 6 A CERN jóvoltából a WorldWideWeb forráskódjai szabadon hozzáférhetővé váltak bárki számára, ráadásul a hozzáférhetőségért fizetnie sem kellett a felhasználóknak. Nem sokkal később, még szintén 1993-ban elkészült az Arena nevű böngésző. Mérföldkőnek számított abból a szempontból, hogy nem csak szövegeket, de képeket, táblázatokat és háttérképeket is képes volt megjeleníteni. 8 hónappal később a WordWideWeb publikálása után 1993 decemberében megszületett a Mosaic, ami képes volt több operációs rendszerrel is együttműködni, ettől kezdve az Internet népszerűsége robbanásszerűen emelkedett. A későbbiekben a Microsoft megvásárolta a Mosaic technológiai jogait, ebből született meg az 1995 augusztusában publikált Internet Explorer első verziója. 7 Ezt követően sok vállalat és egyetem fogott fejlesztési projektekbe hatékonyabb web böngészők megalkotása érdekében, ezt nevezzük a böngészőháború időszakának. Sok böngésző jelent meg hirtelen és sok ilyen hamar el is tűnt ben a Netscape navigátor piacvezető volt, még annak ellenére is, hogy a böngésző teljes verziójának használatáért fizetni kellett ben megjelenő Internet Explorer semmilyen szinten nem volt ellenfél a Netscape számára. A Microsoft 2 alapvető dologra koncentrált, amivel sikerült megváltoztatnia ezt a helyzetet. Folyamatosan fejlesztette a böngészőt, másrészről az operációs rendszerek piacán egyeduralkodó Windows operációs rendszerrel együtt értékesítette az Explorert. Eredményképpen az 1996 és 2002 között a böngészőháború egyértelmű győztesévé vált től egy újabb böngészőháború indult, ahol az új

10 trónkövetelők egyre nagyobb piaci részesedést követelnek az Internet Explorert részesedéséből, így napról napra gyengül a pozíciója. Az új böngészők a következők: Opera, Firefox, Google Chrome. Piaci részesedésük a következőképpen alakul: Az internetes böngészők globális piaci részesedése /4 negyedévében 59,01% Internet Explorer Firefox 0,83% 0,92% 2,26% 5,41% 8,73% 22,82% Chrome Safari Opera 1. grafikon Ebben az időszakban a webfejlesztők érdemi munkáját nagyban befolyásolta a böngészők sokszínűsége. Az weboldalak elkészítése böngésző specifikusan zajlott, több estben szükség volt ugyanazon oldal többszöri elkészítésére, annak érdekében, hogy a látogatók böngésző függvénye nélkül ellátogathassanak az oldalra, volt olyan időszak mikor a fejlesztők 5 különböző változatot is készítettek 5 különböző megjelenítő felületre. Ebből az állapotból adódóan elindult egy szabványosítási folyamat, annak érdekében, hogy a közzétett információ az egész világ számára elérhető legyen, és ez ne a webfejlesztők és designerek végtelenített munkájából adódjon ben jutott el a folyamat olyan szintre, hogy a népszerű böngészők újabb verziói is alkalmazták a szabványosítást ez által leegyszerűsítették a fejlesztők és designerek munkáját Az Internet, mint média 1969-ben sikerült hálózatot létesíteni számítógépek között. Az azóta eltelt 40 év alatt ez a felfedezés megváltoztatta a világot. Mindennapok nélkülözhetetlen részévé vált. Kutatásaimban is kitértem ezen tény vizsgálatára. Az általam megkérdezettek, a Van lehetősége Internet használatára? kérdésre 92 %-ban a Szinte mindig választ adta

11 Tehát a lehetőség adott, a kérdés, hogy élünk-e ezen lehetőséggel? A választ az Internet használatunk rendszeressége rejti magában. Milyen rendszerességgel Internetezik? kérdésemre a válaszadók 69 %-a a Naponta többször, 26 %-a a Naponta választ választotta. A megkérdezettek 95 %-a az említett 2 lehetőség valamelyikét igaznak tartja magára. Tehát kezdeti állításom igaznak bizonyult. Ilyen eredményességgel nem csodálkozhatunk azon sem, hogy sikerült betörnie a médiumok szűk és zárt csoportjába is. Elgondolásom szerint, nem csak sikerült betörnie, hanem bizonyos szempontok szerint, mint az információszerzés, mára már a vezetői szerepet is sikerült átvennie. Erre irányuló vizsgálat során, megkértem kérdőívem kitöltőit, állítsák sorrendbe a következő médiákat, az 1 az elsődleges információszerzési lehetőséget jelölje. Eredmények összesítése után a következő sorrend jött létre. A médiumok megítélése a információ szerzési prioritásuk alapján a saját kutatásomban résztvevők válaszai szerint Internet TV Sajtó Rádió Közterület 2. grafikon A grafikon a válaszok szerinti sorrendet és a médiumok egymáshoz viszonyított információszerzési szerepét szemlélteti. Az internet kimagasló a többiekhez képest, a televízió kissé lemaradva, de stabil második hely birtokosa. A sajtó és a rádió között csekély a különbség, és végezetül a közterület került az utolsó helyre, mint legkevésbé preferált információszerzési lehetőség. A közeljövőben valószínűsíthetőnek tartam, hogy vezető szerepe megerősödik. Az évek előre haladtával egyre nagyobb teret hódíthatnak majd a médiák internetes változatai, mint internetes televíziózás, rádióhallgatás, stb. 12

12 1.2 A designról Felmerül a kérdés, mit is értünk pontosan design alatt? A kérdés megválaszolása nem egyszerű feladat, mivel a design értelmezési lehetőségei széles spektrumra vonatkoztathatóak. Ezért kezdjük is rögtön az alapoknál. Az angol design szó a latin designo szóból ered. Jelentése: terv, szándék, de vonatkozik ugyanakkor a termelési tevékenységre, de a termelési tevékenység végeredményére is. A design szó nem jelző, nem rendelkezik minősítő jelentéstartalommal, sem jót sem rosszat nem jelent. A köznyelvben használt hibás használata, az elegáns, extravagáns és a luxus szinonimájaként jelenik meg. Több definíció is létezik, én mégis a következőt választottam, véleményem szerint ez a megfogalmazás a legegyszerűbb mégis legnagyszerűbb. Minden, ami nem véletlenszerűen jön létre, az tervezés eredménye. (Frank Dudas) 9 Elsődleges megjelenése az iparművészethez kapcsolódik. Mára már elmondhatjuk, hogy szinte életünk minden területén találkozunk vele, mindennapjaink része. Ezért is szerencsés a területek csoportosítása 3 különböző területre. A tárgytervezés Különböző használati tárgyak, ruházati kiegészítők, sporteszközök, munkaeszközök, háztartási eszközök, bútorok, stb. A téralkotás Épített területek belső elrendezése. A tér lehet nyitott és zárt egyaránt. A vizuális kommunikáció területe Minden olyan kommunikációs célzatú megjelenés, melyet vizuálisan érzékelhetünk, ilyen természetesen az internetes megjelenés tervezőfolyamata, egy nyomtatott sajtótermék, csomagolási grafika, komplex arculati rendszer, stb

13 A designról minden bizonyossággal elmondható, hogy egy művészet, de ugyanakkor egyszerre jelen van benne a tudomány, a stílus, a mesterség, a marketingeszköz egyaránt. A design területe, szerepe állandó mozgásban van, ezért is nem lehetséges a fogalom egyértelmű meghatározása A webdesignról A design igen széles alkalmazási területéről az internetes felületen való megjelenése és alkalmazása áll a dolgozat fókuszpontjában. Ezért a következőkben a webdesign tulajdonságairól és fejlődéséről lesz szó Webdesign: Míg a dizájn az egyéni elemek (vonalak, forma, textúra, szín) egyesítésének művészeti folyamata, a webdesign a weblapok és weboldalak létrehozásának folyamata, egyaránt hozzá tartozik az oldalak esztétikai és mechanikai működésének meghatározása, bár célja elsősorban a webhely megjelenésének és hangulatának kialakítása és közvetítése a látogató felé. 11 A webdesign fejlődése párhuzamba állítható az Internet kibontakozásával. Fejlődését 5 szakaszra, generációra osztható Az 1. Generáció Szorosan kapcsolódik az 1993-ban debütáló Mosaic böngésző elterjedéséhez. Mindössze 2 év alatt körülbelül 2 millió felhasználót tudhatott magáénak. Sikerének kulcsa az összeférhetősége több operációs rendszerrel és a szöveg és grafikai megjelenítés képessége. A grafika megjelenítése új szintre emelte a designerek lehetőségeit. Ennek ellenére sem volt lehetőségük a kibontakozásra számos műszaki korlátozás miatt. Úgy, mint: Lassú modemes kapcsolat Monokróm monitorok A szolgáltatók lassú adatátviteli képessége, stb. 10 Az alfejezet elkészítésének alapjául a következő forrás szolgált: 11 Jacci Howard Bear, 14

14 Az első generáció fontos mérföldköveként említhetjük az 1994-ben létrejött W3C konzorciumot, melynek célja a szabványosítás elősegítése a html,- a weboldalak készítésére kifejlesztett leíró nyelv -, folyamatos fejlesztésével A 2. Generáció A második generáció az első irányvonalát követte, de ebben a szakaszban a szabványosítás és fejlesztések eredményeként új jellemzők jelentek meg. Háttérként megjelenő képek, csempeszerű elrendezésben, Metszett élű gombos kezelőfelületek, Címsorokat helyettesítő bannerek, stb. Erre az időszakra jellemző volt, hogy a túlzott kommunikációs vágy rossz irányba sodorta a végeredményt. Az oldalak alapvetően túlzsúfoltak voltak, a villogó ikonok és szivárványos grafikák és hátterek alkalmazásából egyértelmű volt, hogy az oldalak elvesztették céljukat, nem a felhasználókat célozták, meg sokkal inkább a technikai fejlődést prezentálták. E korszak mérföldköve a táblázatos elrendezés, alkalmazásával kontroláltabban véghez vihető volt az elemek elhelyezése az oldalakon A 3. Generáció A harmadik generációs oldalak célja, hogy kapcsolatba lépjen és kommunikáljon a felhasználókkal az oldal céljának megfelelően, legyen az tájékoztatás, eladás, vagy bármi más. Ezért prioritást élvezett egy olyan navigációs rendszer kialakítása, ahol a látogató a pillanatok alatt hozzáférhessen az általa keresett információhoz. Az oldalakon megjelentek a multimédiás tartalmak, hangok, videók, animációk egyaránt, a tervezők szinte képesek voltak megjeleníteni, és közvetíteni bármilyen információt, amit csak akartak. A generáció sajátossága leginkább a marketing eszközeinek és stratégiáinak alkalmazása volt. A filozófiája nagy részben hasonlít a marketingben is jól ismert AIDA stratégiához

15 Attention Figyelem felkeltés A látogatók weboldalra vonzása Interest Érdeklődés felkeltése Ha már az oldalon vannak érdeklődésük felkeltése Desire Vágy felkeltése A többet tudni akarás vágyának felkeltése Action Aktiválás A látogatók válaszadásra késztetése A 4. Generáció A negyedik generáció egyértelműen a harmadik meghosszabbítása. Ennek gyakorlati megjelenése a multimédiában gazdag oldalak. Még fontosabb szerephez jutott a látogatók visszacsatolása, a kétirányú kommunikáció. Egyre fontosabb az, hogy ki a fogyasztó, a látogató, mi a célja, mi a véleménye, mit gondol, és mit akar. A napjainkban legnagyobb mennyiségben internetet használók a.generation Y. A korosztály sajátossága, hogy az 1980-as években, és a 90-es évek elején látták meg a napvilágot, fontos számukra az önmegvalósítás, az interaktivitás, véleményük és gondolataik közlése minél szélesebb körben. A negyedik generációs webdesign az ilyen igények kielégítésére fókuszál Az 5. Generáció Jelenleg is folyamatban van. Alapjaiban megegyezik az előzővel, de erre a szakaszra a letisztult dekorativitás a jellemző. Bővebb kifejtése és az aktuális trendek bemutatására a 3. fejezetben kerül sor. 15 Sas István, Reklám és pszichológia, Kommunikációs Akadémia, Budapest, old

16 2. A design eszközei a vizuális elemek Az előző fejezetben bemutatásra került a webdesignerek munkafelülete, most már következhetnek a vizuális elemek, melyek a designerek céljainak és terveinek megvalósulásainak eszközei. A következő eszközökről lesz szó: Színek Formák Képek Szöveges elemek Üres felület Kompozíció 2.1 Színek A szín: élet. Színek nélkül halott lenne a világ. Őseszmék a színek, a kezdettől fogva való színtelen fénynek és ellentétpárjának, a színtelen sötétségnek a gyermekei. Mint a láng a fényt, úgy hozza létre a fény a színeket. A színek a fény gyermekei, a fény pedig a színek anyja. Semmi sem rendíthetné meg mélyebben az embert, mintha az égen hatalmas ragyogó színkoszorú tetszene fel. 17 A színek olyan mindennapi csodák, melyek értéke felfoghatatlan. De mint minden dolog, ami rendszeresen körülvesz minket, megszokottá válik. Tételezzük fel, hogy holnap minden a fekete és a fehér árnyalatiban létezne. Feldolgozhatatlan változás és csak színekről van szó. Bámulatos kifejező és befolyásoló hatással bírnak. Befolyásolhatják a kedélyállapotot és a szemlélődővel kapcsolatba került dolgok megítélését. Ezért fontos szerepet kap a webdesign eszköztárában is A színek harmóniája A színek harmóniáján kettő vagy több szín együttes megjelenése, és ennek hatása értendő. Egy olyan egyensúlyi helyzet melyben az erők kiegyenlítik egymást. Laikus 17 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old 17

17 megközelítésben a harmóniát és diszharmóniát a számunkra szimpatikus vagy antipatikus érzelmi benyomások határozzák meg. Ezen vélemények megszületésében kulcsfontosságú tényező a szubjektivitás, ezt az elvet követve lehetetlen vállalkozás alapigazságok lefektetése. Az objektív törvényszerűségek vizsgálatában a fiziológiai folyamatok adják a helyes út irányát. Ezek a vizsgálatok bebizonyították, hogy az agy befolyásolja a látottakat, egyensúlyi helyzetre törekszik, ahol érvényesül a komplementer törvény. Minden színhez párosítható egy másik, melyeknek fénysugarak általi összekeveréséből eredményéül fehér fényt kapunk, ha ugyanez az összekeverés festékpigmentekkel megy végbe az eredmény szürkésfekete lesz, vagy más néven semleges szürke. A semleges szürke az egyetlen szín melyet az agy nem próbál más színnel párba állítani az egyensúly miatt, vagyis ez a látóérzékünk számára leginkább kívánatos egyensúlyi állapot. 18 Persze előfordulhat, hogy pont a diszharmónia idézi elő azt a lelkiállapotot, melyet az alkotó sugallni kíván. Számos festményben felfedezhető, hogy színeinek egyensúlyi pontjának eltolásával fokozottabb érzelmi hatás kiváltását sikerült elérni. A színek rendjét bemutató színkör alapvető tulajdonságai a következők: a színek egyenlő mértékű intenzitással rendelkeznek, az egymással szemben elhelyezkedő színek egymás komplementer színei. A semleges szürke nem csak 2 szín keverékeként állítható elő. A színkör belsejében bármilyen állásban elhelyezett egyenlő oldalú háromszög csúcspontjai egyértelműen meghatározzák azt a 3 színt, melynek keverékéből szintén semleges szürkét kapunk eredményül. Továbbiakban felmerül a kérdés, hogy több mint 3 szín kombinációjából is előállítható-e az egyensúlyi állapot? A megoldást 1. ábra 18 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old. 18

18 ismét a színkör szolgáltatja. A 4 szín meghatározására egyenlő oldalú négyszög szolgáltatja a megoldást, ami hasonlóan a háromszöghöz, elforgatásával szintén egyensúlyi színkeverési lehetőségeket mutat A hét színkontraszt Kontrasztról akkor beszélünk, ha az összehasonlítandó elemek között szembetűnő különbségek fedezhetőek fel. A színek tekintetében 7 különböző kontraszthatást különböztetünk meg. Mind egyedülálló és sajátos optikai, konstruktív és expresszív hatással rendelkezik Magában való színkontraszt A 7 kontraszt közül a legegyszerűbb. A hangsúly a színek világító erejének kihangsúlyozásában rejlik. Előállításához 3 egymástól a lehető legnagyobb mértékben elütő színre van szükség. Legerőteljesebb képviselője a piros, kék és sárga együttállásából keletkezik. Együttállásuk harsogó, tarka és erőteljes benyomást kelt. Másodrendű és harmadrendű színekből is előállítható, de a hatásuk fokozatosan csökken. A feketét és fehéret elválasztó elemként használva, hatásuk még tovább erősíthető. Így a kölcsönhatás és az átsugárzás mértéke csökken. A fehér elválasztás különleges eredménye, hogy gyengíti a mellette elhelyezkedő szín világító erejét, a szín sötétebbnek tűnik, míg a fekete ellentétes hatása közbenjárásával a színek világító ereje növekszik és világosabbnak tűnnek Fény-árnyék kontraszt A fehér és fekete a fény-árnyék kontraszt kifejezésének eszköze. A fehér és fekete közötti szürke átmenet szemlélteti a világossági szinteket. Az alapszínek világító ereje más és más világossági szinten a legnagyobb. A sárga világító árnyalata közelebb helyezkedik el a fehérhez, mint a feketéhez, a kék esetében fordított a helyzet, csak néhány árnyalat választja el a feketétől, viszont sokat kell világosodnia a fehérig. Vagyis ha a színkör színeit a kéktől a sárgán át a sötétliláig sorba állítanánk x tengelyen, y tengelyt pedig a 19 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old 19

19 fehértől feketéig terjedő szürkeárnyalatok adnák, és folytonos vonallal összekötnénk a színek világító árnyalatait, parabola alakzatot nyernénk. Ha a cél egy élénk sárga központú kompozíció a kontúrszíneknek is világosnak kell lenniük, viszont ha világító vörös csak akkor kell életre ha kontúrjai még sötétebbek Hideg-meleg kontraszt A hideg-meleg kontraszt legerőteljesebb képviselője a vörösesnarancs és a kékeszöld párosítása. A pólus 2 végét képviselik, a vörösesnarancs a meleget, a kékeszöld a hideget. A közöttük elhelyezkedő színek viszont hol melegek, hol hidegek, attól függően, hogy hidegebb vagy melegebb színekkel jelennek meg Komplementer kontraszt A komplementer színek a színkör egymással szemben lévő elemei. Keverékeik teljes mértékben semlegesítik egymást. Fényeik együttes állása fehér fényt, festékeik keveréke semleges szürke árnyalatot eredményez. Ha szétbontjuk a komplementer színpárokat minden esetben a sárga, vörös és kék alapszíneket kapjuk. Pl: Vörös és Zöld = Vörös + Sárga és Kék A megfelelő tömegarányokat szem előtt tartva a komplementer színek statikus és szilárd kép eredményét keltik. Minden szín csorbítatlan módon jelenik meg világítóereje tekintetében. Habár ezek általános érvényű jellemzők, minden komplementer színpárnak megvan a maga sajátossága. A sárga-ibolya kirívó módon testesíti 2. ábra 20 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old. 21 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old. 20

20 meg a világos sötét kontrasztját, a vörösesnarancs-kékeszöld hasonló módon a hideg meleg kiemelésében jeleskedik Szimultán kontraszt Valamely szín meglátásakor egy időben, szimultán létrehozott komplementer szín, ha az nincs jelen. Nem csak tiszta szín és a szürke feszültsége hozhatja létre a szimultán hatást, két tiszta szín is hasonló hatás éri el, ha nem teljesen komplementerek egymással. A színek egymás komplementereivé kényszerítik a másikat, ezáltal stabilitásuk megrendül, váltakozva vibrálnak, ez feszültséges és fokozott izgalom benyomását kelti Minőségi kontraszt A színek minősége a telítettség fokot jelenti. A telítettség legmagasabb szintjén a prizmatikus színek, melyek a fehér fény töréséből jönnek létre. Ezen színek világosítása és sötétítése egyaránt csökkenti telítettségüket. Előállíthatóak pigmentárisan módon is de ez a feladat korántsem egyszerű. A színek megtörésének 4 módszer létezik: Törés fehérrel Törés feketével Törés a fekete és a fehér keverékével Törés a komplementer színnel A legtisztább minőségi kontraszt előállításához az élénk színpárt kell párosítanunk a tompa változatával, az élénk zöldet a tompa zölddel, a hatás érvényét veszti, ha pl. élénk zöld mellett a tompa kéket szerepeltetünk Mennyiségi kontraszt Ennél a kontrasztnál fontos tisztáznunk a mi az a 2 tényező, ami befolyásolja egy szín hatóerejét. Első a világító erő, másrészről a kiterjedés nagysága. A színek világító ereje adott, ezért a kiterjedés mértékével érhetjük el két szín között az egyensúlyt. Egy élénkebb 22 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old. 23 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old 24 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old. 21

21 szín kisebb felületű kiterjedésének kompenzációjára egy kevésbé élénk szín nagyobb területi megjelenését kell alkalmaznunk, hogy az alkalmazott színekre igaz legyen, hogy egyikük sem domináns, nem tolakodó. Megfoghatóságot mindig segíti a számszerűsítés, ezért Geothe számszerű összefüggésbe állította a színek fényértékét arányszámok segítségével a következő módon: Sárga Narancs Vörös Ibolya Kék Zöld Ezek természetesen közelítő értékek, de hasznos kiindulópontként szolgálnak. Ha az egyensúly felborul, és egy szín úgymond alulmarad, védekezésbe kezd és erőteljesebbnek, élénkebbnek tűnik, mint ugyanazon színpár mennyiségileg kiegyensúlyozott megjelenésében. Érdekes jelenség, amiért szintén agyunk harmóniára törekvése vonható felelősségre Impresszív színelmélet Az elmélet a természetben fellelhető színek hatásának tanulmányozásából eredeztethető. Az elmélet tárgya azok az impressziók, vagyis benyomások, melyek a színes tárgyak vizuális érzékelésekor jelentkeznek. Fontos alapelve, hogy a természet sajátosságait értelmezni, nem pedig utánozni kell. Ahhoz, hogy képesek legyünk értelmezni, tisztában kell lennünk a fizikai háttérrel. Minden test színtelen fizikai értelemben. Csak a fehér fény - mely minden színt tartalmaz hatására kapja meg színeit. Molekuláris felépítéséből eredően bizonyos fénysugarakat elnyel, a fennmaradókat visszatükröződő fények olyan színt hoznak létre, mely az elnyel színek keverékének komplementere. Ezt érzékeljük mi a tárgy saját vagy lokális színeként. A mindent visszatükröződő felület fehérként, a mindent elnyelő feketeként jelenik meg Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old. 26 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old. 22

22 2.1.4 Expresszív színelmélet A színek érzékelése az emberek lelkivilágára hatással van. Az ember lelki és szellemi valóját is megérintik. Tehát az expresszív színelmélet a színek és a lelki állapot közötti kapcsolat kérdéseit vizsgálja. A színek nem kapcsolhatók egyértelműen egyes érzelmekhez. A sárga bírhat pozitív jelentéstartalommal, szimbolizálva pl. egy ház melegét, a szentképeknek látható glória a tudásra, megvilágosodás utal, azonban az irigység, betegség, árulás stb. érzések felébresztésében is közreműködhet. A kék a vörös melegségével ellentétben a hidegséget képviseli. A kék jellemzően árnyékos és legdícsőbb pompájában is közel áll a feketéhez. Európában a hit színe, a kínaiaknál a hallhatatlanság jele. Igazán sötétben világít csak igazán a tiszta kék, ahol a tudatlanság sötétje uralkodik ott reményt adó fényként tündököl a hit tiszta kékje. Minden színhez társulnak pozitív és negatív érzetek egyaránt. Ezekre természetesen hatással van a környezet is éppúgy, mint a mellékesen megjelenő színek Webes felületen megjelenő színek A kontrasztok és színelméletek szem előtt tartásával figyelemfelkeltő, érdekes és pozitív hatást érhetünk el, különösen a promóciós oldalak esetében fontos ezen tényezők szem előtt tartása. Most lássuk, az előbb megismert színelmélet internetes közegbe való átültetésének milyen lehetőségei vannak. 28 A számítógépek monitorai is fejlődési szakaszon mentek keresztül, így kép és színmegjelenítésük is a kezdetekben korlátozott volt Black and White A képpontnak mindösszesen 2 állapota lehetséges, a fekete és a fehér. 27 Johannes Itten: A színek művészete. Corvin kiadó, Budapest, old

23 A16 Color A képpont, 16 különböző színt volt képes megjeleníteni, ez hatalmas előrelépésnek számított a fekete-fehér állapothoz képest Graysclale A szürke 256 különböző árnyalatának megjelenítésére volt képes egy képpont, ez szintén fekete-fehér megjelenést eredményezet, de finomabb módon A256 Color A következő lépcsőfok a szürke 256 árnyalatához hasonlóan 256 színben tetszeleghetett a képpont RGB Végezetül az RGB színmód, mely a vörös, zöld és a kék színek keverékéből állítja elő a színeket hexadecimális (tizenhatos számrendszer alapú) kódok segítségével. Ezek a kódok a # után álló 6 karakterből a vörös, zöld és kék árnyalata közül egyértelműen meghatározza azokat melyek keverékeként egy adott színt kapunk. A fekete szín kódja a #000000, a fehéré a #FFFFFF. Az RGB színmód használatával a webdesignerek a programozási folyamat során on színvariációval dolgozhatnak, és akkor még nem említettük olyan kiegészítő lehetőségeket, mint pl. a színátmenetek Kutatási eredmények A primer kutatás során elkészült kérdőívem néhány kérdésében a színek témakörére is kitértem, most lássuk, hogy vélekednek a megkérdezettek, és ez milyen párhuzamba állítható az elméleti összefoglalással. Egy weboldal stílusa (pl. elegancia, sportosság) kifejezhető a színek segítségével. A válaszok teljes mértékben alátámasztották a felvetést. 88 % egyetértett, míg csupán 3 % fejezte ki egyet nem értését a kérdéssel kapcsolatban. Vagyis a színek valóban befolyásolhatják egy adott elem megítélését. 24

24 84 %-ukban pozitív benyomást kelt, ha az oldal témájához, a logóhoz, a termék színeihez illő színeket alkalmaznak a weboldalakon. Fontos a harmónia, egységességet és rendezettséget sugároz. 25

25 2.2 Formák Tisztázzuk pontosan mit is értünk formák alatt. A fogalom széles spektrumon értelmezhető, a forma a befoglaló elem, mely az adott tárgyat, élőlényt, bármilyen kézzelfogható elemet külsőleg meghatároz. A dolgozat témáját szem előtt tartva olyan digitális módon készült alakzatokról, egyszerűbb motívumokról lesz szó, melyek a weboldal apró részleteiként barátságosabb légkört teremtenek az olvasó számára. Nem a hagyományos értelemben vett képekről beszélünk, nem fényképezőgépek, kamerák által megörökített pillanatképek. Hasonlóak a festményekhez, ahol a festőt a designer vagy grafikus, az ecsetet az egér, a vásznat a képalkotó programok felületei biztosítja. Az ilyen típusú képeket 2 különböző csoportban mutatnám be Egyszerű statikus ábrák Egyszerű ábrákról van szó, statikusak, vagyis helyhez kötöttek. Általában az egyhangúság megtörésének nem hivalkodó, de jól működő eszközei. Hogyan is néz ki ez a valóságban? Az ábrán teljes mértékben felismerhetőek a motívumok, a virágok, a fű, a levelek. A részletek kidolgozottak, az apró levelek is egyértelműen kivehetőek. Egyszerű mégis hatásos. Megtörik a folytonosságot, a nagy és egybefüggő felületeket, lágyítják a weboldalak információ 3. ábra központúságát. Bármilyen motívum megjeleníthető ilyen módon, legyen az akár autó, állatok, bolygók, valóban bármi. Fényképekkel együtt alkalmazva erősítheti a weboldal által sugárzott üzenet intenzitását Fotó realisztikus és 3 dimenziós ábrák Akkor nézzük hogyan is néz ki ez a gyakorlatban. Tételezzük fel, hogy egy termék, legyen az akár egy sampon, ami nem tartalmaz mesterséges anyagokat, így kapcsolódik a természetességhez és természethez, ezt kommunikációjában ki is hangsúlyozza. Vagyis a weboldalán a zöld szín a domináns. Természetesen nem elég, ha csupán a weboldal 26

26 egyszerűen zöld. A felhasználók nem érik be egyszerű hátterekkel, az ilyen oldalak befejezetlenség és az alacsony színvonal érzetét kelthetik. Vagyis az egyszerű zöld háttér helyett használhatjuk a következő elemeket, egyszerűek, mégis képesek a látogató élményének pozitív irányú befolyásolására. Ezek a falevelek Az Adobe képalkotó programjával, a Photoshoppal készültek. 100 %-osan szerkesztett ábráról van szó. Ha a fent említett sampon promóciós oldal háttereként a faleveleket alkalmazzuk, amint a képernyő sarkaiban szolidan megjelennek, helyet hagyva és figyelmet összpontosítva a fehér 4. ábra háttéren megjelenő termék képének és szöveges információknak a felhasználó benyomásában rögtön pozitív változásokat érhetünk el. Persze lehetőség van a további díszítésre is, ha a természet áll középpontban. A leveleken és a fehér felületen egyaránt jól mutatna egy vagy akár több kedves katicabogár is. Ez csak egy végtelenül egyszerű példa a fotó realisztikus és a 3 dimenziós ábrák bemutatására, és alkalmazására, a lehetőségek tárháza végtelen. Egyszerűsége mellett komoly befolyásolási képességekkel rendelkezik. 5. ábra Kutatásaim is alátámasztották az előzőekben kifejtett álláspontot. 83 % értett egyet azzal, hogy a weboldalakon megjelenő grafikák dekoratívvá teszik az oldal megjelenését. Nagy előnyük még, hogy könnyen animálhatóak, a katicabogár akár mozoghat a weboldalon, elrepülhet egyik falevélről a másikra, akár a kurzort is követheti alkalmanként. Ezek mind mind olyan lehetőségek, melyek megragadják a látogató figyelmét és pozitív benyomást keltenek. 2.3 Képek Az előzőekben megismerkedtünk a weboldalakon használt motívumokkal. Most következzen egy új lépcsőfok, a képek bemutatása. Digitális módon is szerkeszthetünk képeket, ezek a képek speciális fajtái melyek az előző fejezetben kerültek bemutatásra. A 27

27 weboldalakon megjelenő további képek a digitalizált, fényképezőgépek vagy kamerák által létrehozott pillanatnyi felvételek. Mi is a fénykép? Időkonzerv, mely ínségesebb időkre őrzi idő és tér egy szeletét. Kincses Károly fotótörténész megfogalmazása szerint. 29 A webes felületeken megjelenő képek esetében általában igaz, hogy valamilyen módosítás után kerülnek publikálásra. Ezek a módosítások segítik a kép kisugárzását közelebb hozni az oldal közölni kívánt kommunikációjával. Az ilyen fotó effektek számos lehetőséget rejtenek magukban, a kifejezőerő növelésének tökéletes eszközei. Tételezzük fel, hogy egy termék, pl. egy sportital promóciót indít zenei és táncos vonatkozásokkal. A promóciót bemutató weboldal kezdőlapján a bal oldali kép nem rossz választás, 6. ábra fegyelemfelkeltő, fiatalos. Viszont egy fény fotó effekt alkalmazásával a képben több energia, lendület, erő, mozdulat jelenik meg, mint az elsőben. Az sportital kommunikációjának fontos elemei ezek, melyeket könnyen kihangsúlyozhatunk és még magától érthetőbbé tehetünk kisebb változtatások révén. Fontos a képek helyes megválasztás, mert ha ez nem teljesül az összezavarhatja a felhasználót és a tartalomról is elterelik a figyelmet, ezt a megkérdezettek 72 %-a tartotta valós problémának. Képek nélkül a weboldal szárazabb és töményebb, kevésbé feldolgozható és befogadható a látogatók számára. 7. ábra

28 2.4 Szöveges elemek A szöveges tartalom az információ pontos átadásának elsődleges eszköze. Viszont az olvasás időt igényel, egyes oldalak összes szöveges elemének végigolvasása több órán át is tarthatna. A látogatóknak ennyi idejük nincs, egyszerű és gyors információszerzés a kulcs a számukra. Néhány apró trükk alkalmazásával közreműködhetünk a teljesülésében Betűszín Nem mindegy, hogy a szöveg milyen titulusban szerepel. Lehet fejlécen szereplő, navigációs gombokon megjelenő, információ közvetítő szövegblokkok, stb. A fejléc hasonló az óriásplakátokhoz, legyen feltűnő, másodpercek alatt értelmezhető, tömör és egyértelmű. A színhasználat itt szabadabb, de a szöveg és háttér kontrasztjának mértéke kulcsfontosságú. A navigációs gombok optimális esetben a középutat képviselik. Nem olyan harsány, mint a fejléc, viszont egyértelműen megkülönböztethető. Végezetül a szövegblokkok, közismert tény, hogy fehér háttéren fekete szöveg könnyebben, gyorsabban olvasható, mint fordított esetben. Ezt a tényt a megkérdezettek is így vélték. Ebben az esetben ajánlatos a fehér esetleg sárga háttérszín használata mellett a fekete betűszín Betűtípus Fokozott mértékben könnyítheti az olvasást egy jól megválasztott betűtípus. Nagyobb terjedelmű szövegeknél szerencsésebb választás a megszokott betűtípusok, mint a Times New Roman, Arial. Abban az esetben, ha rövid terjedelemben, 1-2 szó által esetleg rövid mondatban közölnénk gondolataink vagy céljaink eszenciáját bátran válogassunk a betűtípusok között. Sugallhatunk eleganciát, ünnepi hangulatot, humort is akár. Az internetről számos ingyenesen letölthető, előnézeti képpel rendelkező típust beszerezhetünk. Ennek hátránya viszont, hogy általában nem tartalmazzák a magyar abc ékezetes betűit. Ellenben szép számban válogathatunk a magyarok között is. 29

29 Lássunk néhány példát: 8. ábra Betűméret A betűméret megválasztásánál is szem előtt kel tartanunk a következetességet. A címsorok nagyobb mérete fontosabb pozíciójukra hívja fel a figyelmet. Ha döntöttünk egy méret mellet, az ugyanolyan szövegtípusok ugyanolyan méretűek legyenek. A betűméret mértékegysége a pont, 72 pont megegyezik 2,54 cm-rel, ami pontosan 1 hüvelyk. 30 A válaszadóim 56 %-a kifejezetten zavarónak találta a túlságosan apró betűméretű szövegek olvasását, ugyanakkor 54 % állította, hogy ha egy weboldalon nem megfelelőek a betűméretek képes azokon változtatni. Az ilyen fajta változtatást nem a weboldal szerkesztésével vihetjük végbe, hiszen, mint látogató ilyen befolyással nem rendelkezünk. A Ctrl billentyű lenyomva tartása mellett az egerünk görgetőjével nagyíthatunk, esetleg kicsinyíthetünk a weboldal nézetén, így a betűméret is értelemszerűen módosul

30 2.5 Üres felület Az üres felületek éppúgy a weboldal megjelenéséhez tartozó elem, mint a képek vagy akár a szöveg. Elsődleges szerepe a tartalmilag elválasztható információhalmazok elválasztása. Alkalmazásával oldjuk az oldalak merevségét, szigorúságát, tömörségét és nem utolsó sorban az átláthatóságot is elősegíti. Ugyanakkor a manapság oly divatos minimalista design legerősebb eszköze. Ha az üres felület fehér színnel párosul, az leveszi a látogató válláról a terhek egy részét, az oldal nem bombázza minden irányból különböző információkkal, egyértelmű cselekvésre késztet. Rendet sugall és letisztultságot, vezető szerepet tölt be a fontos információk felé. Ugyanakkor a webdesignban nincsenek alapérvényű igazságok. Nem minden esetben sikeres a fehér üres felületek használata, de mindenképpen fontos szerepük van. A tervezési folyamat során fokozott figyelemmel kell lennünk ezen elem iránt, meg kell találni az arany középutat, ahol a tartalom már nem zsúfolt, viszont még nem kelti az szegényes információ érzetét. 2.6 Kompozíció A kompozíció olyan elrendezési forma mely a szemlélődő irányába kifejez valamit. Vagyis a fent említett elemek optimális elrendezése a weblapon. A helyes kompozíció segíti az eligazodást, átláthatóvá és könnyen kezelhetővé teszi az oldalt. Nem megfelelő elrendezéssel a fontos információk eltűnhetnek a szem elől, a kevésbé fontosabbak előtérbe kerülnek, eredményként a felhasználó a keresett információk hiányában nagy valószínűséggel elhagyja az oldalt. Elsődleges szempont az egyszerűség és a gyorsaság, az oldal információi egyszerűen könnyedén befogadhatóaknak kell lenniük. 31

31 3. Webdesign trendek 2010: Egyszerű és tiszta Röviden bemutatom a 2010-re jellemző webdesign trendeket, milyen irányvonalakat követnek most a webdesignerek, mi a divat ezen a területen. A későbbiekben 4 esettanulmány következik, majd mindezek alapján a jövő irányvonalait szándékozom feltérképezni a kedves olvasó számára. A 2010-ben használt elemek mindegyikére igaz a letisztultság és egyszerűség. Minél több és minél bonyolultabb kihívásokat állítunk a felhasználók elébe annál inkább tompul a felhasználói élmény re olyan trendek alakultak ki, melyeknek célja az élmény szinten tartása, esetleg fokozása. 3.1 Nagyméretű logó és fejléc Az animációs kezdőoldalakat kiszorították a nagyméretű logók és fejlécek. Egyszerű eszköze a figyelemfelhívásnak, nagy színes és emlékezetes, hatása vetekszik az animációkéval. Az oldal megtekintéséhez az animációk kihagyása, bezárása elengedhetetlen volt, a nagyméretű fejlécek esetében a felhasználó egyszerűen csak továbbgörgeti az oldalt Nagyméretű szövegek Szintén a figyelem felhívásának és vezetésének eszköze. A tartalmi szövegrész címeként, akár összefoglalójaként is megjelenhet, ezzel is elősegítve a látogató gyors eligazodását ás az információk átláthatóságát. 32 A nagyméretű fejlécek részeként is alkalmazhatóak a nagyméretű szövegek. 3.3 Szövegek árnyékolása A szöveg térbeli hatását növeli az árnyékolás alkalmazása. Fokozza az olvashatóság mértékét amellett, hogy dekoratívabb kinézetet is kölcsönöz az oldal számára. A

32 szövegekre vonatkozó lehetőségek tovább mutatnak az egyszerű árnyékolásnál. Több belefektetett energiát igényel, de megvalósítható a dombornyomott hatás megjelenítése is A texturált hátterek A hátterek esetében a legfontosabb kulcsszó a visszafogottság. A minimalista megjelenés a hátterek kibontakozását tette lehetővé. Jellemző a háttereken bizonyos anyagok vagy tárgyak szerkezeti illusztrációja, legyen az egy fa, szövet, régies papír vagy egy végtelenül egyszerű pöttyözött mintázat. Az árnyékok megfelelő használatával szintén 3 dimenziós megjelenést érhetünk el Magazinszerű külső Amióta az internetezők figyelme az érdekes, szórakoztató, de ugyanakkor rövid cikkek felé irányult, a webdesignerek kihasználva magazin típusú elrendezéseket készítenek, ahol az információ közlése tömören és dekoratív módon megy végbe Kézzel készített rajzhatású grafikák A grafikák és illusztrációk különleges variánsa, robbanásszerűen terjed. Egyszerű, egyedi és személyre szabott kinézetet kölcsönöz az oldal számára. Egyre inkább népszerű a kézíráshoz hasonló betűtípusok alkalmazása is, gyengeségük viszont a nehézkes olvasás, ezért csak címszavak, főcímek használatához javasolt használatuk. Helyes használatuk különleges hangulatot képes az olvasó irányába irányítani. 3.7 Az 1 oldal design Kulcs az egyszerűség. Az ilyen stílus képviselő oldalak egy kisebb felületen kívánják összegezni az információt, hasonlatosak egy névjegykártyához. Megkímélik a felhasználót a navigációtól, hiszen miden tömören egyszerűen egy helyen található

33 3.8 Kis ikonok, mint a szöveg helyettesítői Az ikonok, mint szöveg helyettesítők egyrészről csökkentik az írott szöveg monotonitását, másrészről az oldalak újabb dekoratív elemévé válnak. Ilyen ikon lehet pl. egy boríték, ami a Lépj velünk kapcsolatba! szöveget helyettesítheti. Egy boríték ikon egyszerűségének ellenére számtalan stílusú lehet, erősítheti az oldal egyedi stílusát Mobil design június 29-én az Apple az egész világot meglepte az iphone bemutatásával. 38 Az okostelefonok kora elkezdődött, az internet használat új eszköze. A webdesignerek új kihívás kerültek szembe, weboldalak tervezése és kivitelezése egy szokatlan eszközre, egy mobiltelefonra. Ez az irányzat a jövőben még erőteljesebb szerepet kap, amikor az okostelefonok elterjedtsége hasonló lesz a mai egyszerűbb mobiltelefonokéhoz

34 4. A promóciós site-ok sajátosságai Az internetről és a weboldalakról már esett néhány szó, a következő fejezetben a promóció ismertetése, összefüggésrendszerének bemutatása kerül sorra. A szóban forgó promóciós site-ok esetében Sales Promotion (eladásösztönző) weboldalakról van szó. Az eladás ösztönzés a marketing rendszerben való elhelyezéséhez Philip Kotler féle marketing-mix szolgál alapul. Elsősorban tisztáznunk kell a marketing fogalmát. Társadalmi és vezetési lépések láncolata, melyek során az egyének és csoportok termékeket és értékeket alkotnak, s cserélnek ki egymás között, mialatt kielégítik szükségleteiket és igényeiket. 40 A marketingmix 4 alapeleme a 4P, (Product, Price, Place, Promotion) vagyis a termék, az ár, értékesítési csatorna és a marketingkommunikáció. A marketingkommunikáció 4 további elemre bontható: Reklám Személyes eladás Vásárlásösztönzés Public Relation 41 Ezen felosztás használata a specializálódás miatt nehézségekbe ütközik, ezért helyette a marketingkommunikáció célszerűbb 2 részre osztását használjuk: 40 Philip Kotler: Marketing Management, Műszaki Könyvkiadó, Budapest, old. 41 Fazekas-Harsányi: Marketingkommunikáció Szókrátész Külgazdasági Akadémia, Budapest,

35 Klasszikus reklám o ATL, azaz Above The Line Nem hagyományos marketingkommunikációs eszközök o BTL, azaz Below the Line A nem hagyományos marketingkommunikációs eszközök csoportjába a következők tartoznak: Direkt marketing Vásárlásösztönzés (Sales Promotion) Vásárláshelyi reklám (Point of Purchase, POP) Eseménymarketing, Rendezvények Vásárok, Kiállítások, Személyes eladás Public Relation Nyomtatványok 42 A marketingrendszerben meghatároztuk a vásárlásösztönzés pontos helyét, most következzen tulajdonságainak, sajátosságainak részletei. 4.1 A vásárlásösztönzés (Sales Promotion) Minden olyan átlagostól eltérő ajánlatot ide sorolunk, melynek célja a fogyasztó vásárlási szándékának felébresztése, közreműködés az érvényre juttatásában. Az akció eredménytelen marad, ha híre nem jut el a fogyasztóig, ezért általában integrált kommunikációt alkalmaznak. Az internetes promóciók költséghatékonysága, az általa biztosított kedvező befogadói szituáció és rendkívül jó célozhatósága miatt tökéletes zászlóshajó médiuma lehet az integrált kommunikációnak. Ugyanakkor a vállalat, termék személyisége is kitűnően közvetíthető a webdesign által. 42 Fazekas-Harsányi: Marketingkommunikáció Szókrátész Külgazdasági Akadémia, Budapest, old. 36

36 4.1.1 Időintervallum Általában rövid időszakokra szólnak, beszélhetünk 1 napról is akár, ezek általában valamilyen időponthoz kötöttek, pl. a vállalat születésnapja, árleszállítás, ingyenes szolgáltatások, pl. kiszállítás. Leggyakrabban néhány hónapos periódusokra vonatkoznak, de léteznek hosszabb időszakra vonatkozóak egyaránt. Az idő tényezőjét alapul véve beszélhetünk: Taktikai promócióról o Célja az azonnali értékesítési volumenek növelése. Normál promócióról o Cél itt is az értékesítések mértékének növelése, azonban itt már általában 1-3 hónapra vonatkozóan. Lojalitást növelő promóciókról o Elsődleges cél a márka hosszú távú erősítése, a hűség kialakítása a vásárlóban Promóciók fajtái Ár jellegű promóciók o Nyílt illetve burkolt árcsökkentés o Csereakció o Részletvásárlás, áruhitel o Kupon o Visszatérítés Kiegészítő előnyt biztosító promóciók o Termékminta o Bónusz csomagolás Nyerésre alapozott promóciók o Hűségakciók o Törzsvásárlói rendszerek Fazekas-Harsányi: Marketingkommunikáció Szókrátész Külgazdasági Akadémia, Budapest, old. 37

37 Az eladásösztönzés jellemző tulajdonsága a sokszínűség és változatosság. Az imént említett variánsok bármelyike megvalósítható internetes felületen, sőt a lehetőségeknek csak a képzelet szab határt. 4.2 Promóciós site-okról A kifejezés internetes megjelenésű oldalakra vonatkozik, számos különböző területen találkozhatunk velük. Feladatuk a népszerűsítés, a felhasználó és a promótált közötti pozitív kapcsolat kiépítése, elmélyítése. A promóció vonatkozhat akár tárgyra, termékre, szolgáltatásra, egy vállalatra, egy ötletre és nem utolsó sorban egy személyre is akár. A promóciós webdesign lehetőséget biztosít a szélesebb körben ismertté váláshoz, bevételek növelésére, kapcsolatépítésre egyaránt. A legfontosabb tényezője az ilyen oldalaknak a design, hiszen óriási szerepük van a látogatóban kialakult első benyomás minőségében. A design megítélésével párhuzamba állítják a termék, szolgáltatás megítélését egyaránt. 38

38 5. Akiknek sikerül, és akiknek nem Az előző fejezetekben bemutatásra került az Internet, és robbanásszerű elterjedésének története. Majd megismerkedtünk a webdesignerek rendelkezésére álló eszközökkel, azok tulajdonságaival. Megismerkedtünk a weboldalak egy speciális fajtájával, a promóciós oldalakkal, és a 2010-es évre jellemző webdesign trendekkel. A következő fejezetben az esettanulmányoké lesz a főszerep. 4 promóciós oldal kerül majd elemzésre, minden eszközhasználatot illetően. Rámutatok azokra a hiányosságokra, melyek alkalmazásával esztétikusabb összhatás lenne az eredmény. Sorra vesszem a használt színeket, azok harmóniáját, mennyiségi és minőségi megjelenésüket. Az oldalon alkalmazott dekoratív motívumokat ás ábrákat, a képeket, azok témájának és hangulatának kapcsolatát az oldallal. A szöveges elemeket, a címsort, a navigációs gombok megjelenését, és persze a tartalmi szöveg tulajdonságait egyaránt. Betűtípus választás helyességét, a háttér és betűszín kontrasztját és a szöveg méretének megfelelősségét. Az üres felületek milyen mértékben jelennek meg az oldalon, alkalmazásuk milyen célt szolgál, átláthatóvá teszi az oldalt, esetleg az információ hiányának érzetét kelti. Nem utolsó sorban kitérnék a kompozícióra is, az elemek elrendezésének, egymáshoz viszonyulásának felmérésére. Valóban a hangsúlyos területeken helyezkednek-e el a lényegi információk, segíti-e az elrendezés az átláthatóságot és a rendezettség érzetét kelti a látogatóban vagy esetleg nem, ha nem akkor miként lehet ezen az összeállításon változtatni, hogy a végeredmény pozitívabb legyen. A következő négy elkészített esettanulmány kiválasztásánál a következő szempontokat vettem figyelembe: Effektivitás Dekorativitás 39

39 Az effektivitást a dekorativitás elé helyezem, hiszen a megbízó számára ez az elsődleges szempont. Lehet egy oldal tökéletesen megkomponált, minden szabályt alkalmazva létrehozott, ha mégsem éri el a fogyasztót és ez által a célját sem. Lehetnek olyan esetek, ahol a minden szabályt felrúgó koncepciók mégis eredményesek, ennek oka pontosan kirívóságukban rejlik. Mint tudjuk, a kivétel mindig erősíti a szabályt. Általában a sikeres interneten futó promóciókról elmondható, hogy megjelenésükben dekoratívak, és beteljesítették a hozzájuk fűzött reményeket, vagyis növelték az eladásokat, adatbázist gyűjtöttek a későbbi marketingfogások számára, márkaismertséget növeltek, stb. A 4 esettanulmány a következők szerint épül fel: Dekoratív és effektív (Durex Love Sex Durex kampány) Nem dekoratív viszont effektív (Snickers Ki vagy ha éhes vagy?!) Dekoratív viszont nem érte el célját (Choco-Choco Új ízt bevezető kampány) Nem dekoratív és célját sem érte el (Pedigree Aranyláz kampány) 5.1 Dekoratív és effektív Rövid bemutatás Durex - LoveSexDurex weboldal (melléklet) A Durex már az 1950-es években is az elkötelezett fejlesztések híve volt. 45 Az ilyen irányú ambíciói a mai napig is fontos szerepet tölt be a márka életében. Első esettanulmányomban is a Durex 360 -os termékbevezető kampány fókuszában álló promóciós weboldal elemzésére kerül sor. 46 Egyértelmű volt, hogy a dekoratív és effektív oldalak képviselőjeként kerül bemutatásra, hiszen megjelenésében is különleges, és az elért

40 eredményeit tekintve, melyeket a későbbiekben részletesen bemutatok, szintén kiemelkedő teljesítménnyel büszkélkedhet Eszközök Színek A Durex logójában a fehér és enyhe színátmenetes kék árnyalat jelenik meg. Ehhez pontosan igazodnak az oldalon található színek. A kék élénkségének kiemelésére a designer fekete és a fehér színt alkalmazta. A háttér világosabb kékje, ami az oldal tetejéről indul, gyors átmenetben vált feketére, majd változatlanul és díszítetlenül tart egészen az oldal aljáig. A monoton kékséget fehér fényfoltok, és fénycsóvák törik meg, a fekete háttér előtt ezek a fények rózsaszínben ragyognak. A rózsaszín nőiességével és lágyságával töri meg a kék férfiasságát és precizitását. Vagyis fehér-fekete, kék és rózsaszín kontrasztja áll szemben egymással, az ellentétek közötti feszültség feloldásának ügyes és kreatív megoldása az eltérő párosítás. A megjelenés így nyugodtabb és harmonikusabbá válik, mégis feltűnő és tetszetős. A kék és rózsaszín színválasztásból a fiú lány kapcsolatra asszociál a látogató, ami teljes mértékben összefügg a márka és a termék identitásával Formák Az oldalon fény hatását keltő formák jelennek meg. Nem tolakodnak, inkább a háttérben meghúzódva járulnak hozzá az oldal dekoratív megjelenéséhez. Teljes mértékben érvényesül a kevesebb több szabály. Méretüknek és mennyiségüknek a korrekt megválasztása elősegítette az egyensúlyi állapot elérését, ahol még a maximális módon díszítenek, de ugyanakkor minimális figyelmet vonnak el a közlendő információkról. A fény effektek alkalmazásával az oldal modern, fiatalos és divatos külsőt kapott. Az oldal jobb oldalán különösen nagy méretben az aktuális promócióra utaló ábra látható, mivel más realisztikus ábra nincs az oldalon az elhelyezése és mérete elegendő a tekintet vonzásához. 41

41 Képek Az főoldalon nincsenek dekorációs céllal elhelyezett képek. Viszont az oldalról egy kedves nő mosolyog ránk. Ő a szexológus pszichiáter, aki válaszol a regisztrált látogatók kérdéseire. A kép elhelyezése az oldalon megszemélyesíti, közvetlenebbé teszi a doktornőt. A pontgyűjtési játékhoz kapcsolódóan néhány beváltható nyeremény képe is látható, továbbá megjelenik egy eltérő típusú játék során megnyerhető plüssfigura is figyelemfelkeltő rózsaszín megvilágításban Szöveges elemek A legtöbb felirat tökéletesen olvasható. A menü sorai is olvashatók, viszont egy félkövér betűtípus használatával gyorsabban és könnyebben értelmezhető lenne. A helyzet valamelyest javul, amikor a kurzor a címkék fölé kerül, ekkor egy rózsaszín háttér jelenik meg, kontrasztos hátteret biztosítva. A szöveges elemek színhasználata is harmóniában van a háttér színeivel. A címsorok kék színűek, a szöveges tartalom fekete egyszerű betűtípust használva fehér háttér előtt jelenik meg, a teljes tartalom megjelenítésének lehetőségét egy rózsaszín hivatkozás teszi lehetővé. A főoldalon a fórumok legutóbbi hozzászólásait is megtekinthetjük. Valószínűleg fontos szempont volt a többi tartalomtól a hozzászólások megkülönböztetése, ezért ezek kék keretben, fekete háttérrel, fehér szöveggel jelennek meg. Az olvashatóságuk nehézkes, viszont a fórum megnyitásakor már az elsőként említett megjelenésben könnyedén olvashatjuk a látogatók bejegyzéseit. Az aktuális promóciót hirdető ábra kiemelésére is eltérő megjelenésű címszövegeket használtak. A háttér és a szöveg kontrasztossága érdekében fehér kitöltött téglalap szolgál a szöveg közvetlen háttereként, és ebben jelenik meg kékkel illetve rózsaszínnel a szöveg Üres felület Az oldalon kevés üres felület található. Ezért a tartalmi részek kicsit összefolynak, csak annyi tér van közöttük amennyi feltétlenül szükséges. 42

42 Kompozíció A tartalmi részek box-os, azaz dobozos elrendezésben láthatóak. A dobozok különböző tartalmilag elkülöníthető információk tagolására szolgálnak. Általuk betekinthetünk az egyes játékok részleteibe, mint pl. aktuális vagy új nyeremények, fórumok aktuális kérdéseibe. Nem minden menüpont jelenik meg, mint egy doboz, viszont az aktuális nyerhető plüssfigura 2-ben is megtalálható. Az elrendezés kissé rendezetlen, számomra nem felismerhető a rendszer, amely szerint a dobozok a helyükre kerültek, viszont a jól megkülönböztethető címsorokkal könnyen megtalálható az, amit keresünk A promóció fajtája A Love Sex Durex kampány keretein belül létrejött promóciós weboldal egy lojalitást növelő promóciós oldal, elsődleges célja a folyamatos márkakommunikáció és az eladások ösztönzése. 47 Az oldalon nyerésre alapozott promóciók segítségével épül a kapcsolat a márka és a látogatók között. Párhuzamosan több játék is zajlik, néhány szóban következzenek a leírásaik. Minden játék alapja a pontgyűjtés és azoknak beváltása. Pontokat szerezhetünk a regisztrációval, kommentezéssel, eseményeken való részvétellel, de legfőképp termékvásárlással, a blokkokon található kódok feltöltésével. Az összegyűjtött pontokat különböző játékokban érvényesíthetjük. A pontok különböző Durex emblémával ellátott ajándékokra váltható, úgymint pólók, sapka, sál, női alsónemű, DVD, vagy akár az új termék. Exkluzív 1 méter magas plüss figurát is nyerhetünk, pontjaink beváltásával lehetőséget kapunk egy 1-től 999-ig terjedő szám megtippelésére, melyet 2 hét multán sorsolnak, a telitalálat vagy a hozzá legközelebb eső szám tippelője máris egy boldog plüssfigura tulajdonos. A felhasználók kreativitásának is teret engedtek a designerek. Love Box, azaz szerelem dobozt tervezhetnek a vállalkozó szellemű tagok, az elkészült munkákat zsűri bírálja, majd

43 hetente kiválasztják a legjobban sikerült darabot. A nyertesek között a szerelemdobozba tartozó ajándékcsomagot sorsolnak ki Az oldal és a 2010-es webdesign trendek Az oldalon használt 4 szín, az ábrák visszafogottsága, a képek hiánya miatt erről az oldalról is elmondható, hogy követi a dekoratív minimalizmus irányvonalát. Nem harsog, nem erőteljes, egyszerű de ugyanakkor nagyszerű. A fekete szöveg fehér háttér előtti megjelenítése is naprakész és trendeket követő szerkesztést sugall Összességében Az oldal mind megjelenésében, mind tartalmában pozitív. A dekoratív külső szórakoztató belsőt takar, a promóciók újszerűek, érdekesek. A fórum által az oldal nem csak a nyereményekről szól, a problémás helyzetek, a vicces szituációk megosztásával, a szakértői válaszokkal a látogatók több időt is tartalmasan eltölthetnek az oldalon. Eredményessége nem kérdéses, 3 nap alatt teljesültek az első hónapra kitűzött célok. 48 A Facebook közösségi oldalon több mint 12 ezer ember kedveli a LoveSexDurex oldalt. A promóció által létrejött adatbázis hatékony és költséghatékony forrásául szolgál majd a későbbi promóciók elindításához Nem dekoratív viszont effektív 5.2.1Rövid bemutatás Snickers Ki vagy, ha éhes vagy?! weboldal (melléklet)

44 1930-ban született meg a hazánkban is méltán híres csokoládé szelet a Snickers. Megjelenését követően nem volt szükség sok időre, hogy versenytársait maga mögé utasítsa és ezt a pozícióját a mai napig is birtokolja. 51 Az oldal jelenlegi tartalma kapcsolódik a televízióban sugárzott reklámszpothoz Eszközök Színek Az oldalon a barna szín a domináns, ami kapcsolódik magához a csokoládéhoz, a kitöltetlen területek fekete színűek, ami kontúrt és kontrasztot biztosít a barna szín mellett. Az oldalon továbbá még találkozhatunk kis mennyiségben a kék és a piros színnel, szintén csomagoláson megjelenő színekről van szó. Mint szövegszín megjelenik a sárga is, ami a csokoládé mogyoró töltelékére utal. Az oldal teljes színválasztása a termék és annak csomagolása körül forog. Legyen az oldalon bármely akár csak minimális mennyiségben használt színről is szó Formák A vizsgált oldalak között ez az egyetlen olyan oldal ahol a háttér semmilyen grafikai formával nem rendelkezik. Szemmel láthatólag a termék képe digitális képalkotás eredménye, viszont egyértelmű, hogy az ábra megalkotásnál a grafikus törekedett a realisztikus ábrázolásra. Továbbá grafikai elemként említhető még a közösségi oldalakra való hivatkozások, mint a myvip.com és Facebook.com képi ikonikus megjelenítése. Érdekes, hogy a tervező megszüntette valamilyen szinten az oldalak identitását. A myvip zöld és fekete ikonja a Facebook kék és fehér ikonjához hasonlóan egyszerű fehér úgymond lebutított verzióban jelennek meg Képek Az oldalon 2 képrészletet találunk. Egy piros és kék mezben lévő focista testét és egy kedves, öreg hölgy mosolygós arcát a focista teste fölött. A kép a Tv reklámra utal, ahol az

45 éhség miatt kimerült focista idős hölgyként jelenik meg, mozgása nehézkes, teljesítő képessége nem megfelelő, viszont amint elfogyaszt egy Snikers-t feltöltődik és újra energikus tagjává válik a csapatának Szöveges elemek Érdekes pontja az oldal vizsgálata során a szöveg és annak tulajdonságai. A designer véleményem szerint túl bátor volt ezt a területet illetően. Kétséget kizáróan nem megszokott, tört és kopott stílusával a betűk apró részletei hiányoznak. A nagyobb méretben, mint a címsor, valóban dekoratív és különleges hatást kelt, viszont amint csökken a betűméret, annál inkább nehézkessé válik az olvasása. Minden egyes az oldalon megjelenített szöveges eleménél ez a betűtípus került alkalmazásra. Egyes aloldalakon csak erőteljes hunyorgás, és hosszú vizsgálat után tudjuk értelmezni a mondatokat. És mivel a cél a szórakoztatás, és a látogatók felszabadult időtöltése, ez a tényező erőteljesen negatív irányba sodorja. A szöveg színének és annak hátterének is kulcsfontosságú szerepe van. Mivel ebben az esetben sötét háttér előtt világos betűszínről beszélünk, mint az már kifejtésre került, ami még inkább lassítja az olvasás sebességét, különös odafigyelést igényelt volna a helyes betűtípus, betűméret és annak megjelenítésének korrekt kiválasztása Üres felület Az üres felületek az oldal két szélén jelennek meg, az oldal centrumát 2 szélről keretezve. Első ránézésre olyan érzésem támad, mintha az egész oldal egy nagy üres felület lenne, amin csupán kevés információ kell elhelyezni. Ezért minden olyan nagy, az oldalon mindössze a címsor, a navigációs gombok, 1 kép, 2 mondat, a termék képe, és a belépési felület van, mégis az egész terület ki van töltve. A központi területen nincsenek üres felületek, de az oldalon szereplő elemek mennyiségéből adódóan nincs is szükség rájuk Kompozíció Az oldal elrendezése egyszerű. A főcím az oldal bal felső részén helyezkedik el. Alatta találhatóak a navigációs gombok, megjelenésük nem igazán gombszerű. A többi szöveges elemtől eltérően világos barna színűek a nem aktív oldalak gombjai. Ezen kívül semmilyen 46

46 részlet sem kommunikálja a szerepüket. Az oldal jobb felső részén található a regisztrációs illetve bejelentkező felület. A terület fehér háttere elkülöníti ezt a részt az oldal többi tartalmától. A fehér háttér előtt kék és sárga betűszínek ellenére sem változik a betűtípus miatt okozott olvasási nehézség. A montázs kép az oldal központjában van, a termék képe az oldal jobb alsó részén. Méretükből és a kevés kép használatából adódóan elhelyezésüktől függetlenül jól láthatóak A promóció fajtája Az oldal célja a lojalitás növelése a fogyasztókban a márka iránt, másrészről a folyamatos kommunikáció a fogyasztók felé. Az oldalon a többi esettanulmánytól eltérően nem zajlik nyereményjáték, pontbeváltás sem sorsolás. Szórakoztató szerepet egy képfeltöltő alkalmazás biztosítja, ahol a kedves hölgy arcát lecserélhetjük sajátunkra, és ha tetszik az eredmény, bátran elküldhetjük ismerőseinknek is akár, az elküldött képeken természetesen megjelenik a Snikers képe és a hivatkozás is az oldalra ahol a barátaink is elkészítheti saját képeiket és szintén továbbíthatják azokat egy gyors regisztráció után. A kíváncsiak vagyunk milyen a valódi éhes énünk egy tesztsor kitöltésével erre a kérdésünkre is választ kaphatunk. Az eredmény viszont itt már nem tehető közzé, nem osztható meg, a Facebook-os alkalmazásokból ítélve teljesen megállná a helyét közöttük, és az eredmények megosztásával még tovább növelhetné a márka az ismertségét Trendekből mi mondható el róla Az összes esettanulmány között itt véltem felfedezni a 2010-es webdesign trendek legtöbbjét. Az oldalon nagymérető fejléc látható, amit egy nagyméretű szöveg testesít meg. Nem csupán a főcím nagyméretű az oldalon található szöveges elemek egyaránt. Jellemző még rá az 1 oldalas design, az oldal mérete 1 képernyőnyi, nincs szükség görgetésre. A minimalizmus teljes mértékben megtestesül az oldal kinézetében, csak az jelenik meg az oldalon, ami szükséges. 47

47 A hivatkozásokat kis, a Facebook esetében még rajzhatású is, ikonok helyettesítik, ami szintén az idei trendek közé sorolható dekorációs megoldás Összességében Itt vált számomra egyértelművé, hogy egy webes felületen indított promóció sikerességének nem csupán a dekorativitás és a promóció tulajdonságai a meghatározó elemei. Épp olyan fontos a termék maga is, és a termékről a fogyasztókban előzetesen kialakult megítélés egyaránt. Az oldalt sem megjelenésében, sem a promóció lehetőségeiben nem tartom magasan teljesítőnek, de ha a Facebook-os rajongói tábort vesszük alapul, több mint 8,5 ezer ember kedveli a Snickers oldalát, amire a hivatkozás segítségével is eljuthatunk. Ez mindenképpen a hatékonyságot tükrözi. Valószínűleg egy kissé átszerkesztett oldal, egy tartalmasabb promóció még több rajongót vonzana, de az eredmények így is magukért beszélnek. 5.3 Dekoratív viszont nem érte el célját Rövid bemutatás Choco-Choco forró csokoládé Az igazi forró csoki hangulat! weboldal (melléklet) A Dr. Oetker közel 120 termékével kíván hozzájárulni a profi háziasszonyok és a konyhai folyamatokkal csak most ismerkedők sikeres teljesítményéhez. 53 Instant italok is szerepelnek termékkínálatában, tejturmixok és forró csokoládék egyaránt. 54 A következő esettanulmány a Choco-Choco forró csokoládé új mentás ízű változatának bevezető kampányának promóciós weboldaláról készül

48 5.3.2 Eszközök Színek Mivel forró csokoládéról van szó az oldal színeiben is a melegebb tónusú színek dominálnak. Megjelenik a vöröses narancssárga, a mély bordó és kis mértékben a sárga is. A termék csomagolásán is megjelennek ezek a színek ezért harmonikus az oldal megjelenése. Sőt mi több, Dr. Oetker logója is a vörös, fehér és a kék színek kombinációja. Érdekes megoldás még, hogy a termékeken és a játékban is megjelenő bögrék színe a csokoládé ízesítésére utal, a klasszikus csokoládé íz a fehér bögre, a banános a sárga, a meggyes a lilás, a mentás íz pedig a zöld bögre használatával kerül kifejezésre Formák A kezdőoldal viszonylag nagy területét foglalja el egy ablakkeret, amin sajnos a hideg idő miatt nem láthatunk be, és még a párkányt is hó borítja. Viszont az ablak alatt egy bögre gőzölgő, forró csokoládé is megjelenik, ami ha a fagyos ablakhoz közelebb kerül, megolvad a jég és az ablakon keresztül rögtön láthatóvá válik a televízióból ismert reklámszpot. Ami viszont érdekes, hogy az új mentás íz a reklámfilmben nem jelenik meg, csak a 3 már ismert ízváltozat, a klasszikus, a banános és a meggyes. Az oldalon egyszerű statikus ábrák láthatók a termékek és az ablakkeret körül egyaránt. Alkalmazásukkal megtört a háttér monotonitása, felhívja a figyelmet az oldal fontosabb elemeire. A háttér színeinek egy nem sokkal sötétebb árnyalatában rajzolódnak ki ezek az ábrák, amelyek leginkább növényekhez, indákhoz hasonlítanak. A navigációs gombok, kissé beleolvadnak a háttérbe, de megtalálhatóak. Megjelenik a Facebook közösségi portál hivatkozása is. Egy bögre felülnézetből látható és a csokoládé helyén jelenik meg a Facebook kék gombja a fehér F betűvel a közepén, első pillantásra sokkal inkább egy nagyítóra hasonlít. Ötletes és kreatív összekapcsolása a 2 oldalnak, bár a megjelenítésen még lehetne mit javítani. 49

49 Képek Az oldalon csak a termékek képe jelenik meg. A 4 különböző ízű termék egymás mellett helyezkedik el, és a mentás ízű termék felett egy diszkrét, de jól látható Új! feliratú címkét is találunk Szöveges elemek A címsorok sárgás színben a további szövegek fehérben jelennek meg. A betűtípus könnyen olvasható, elegáns, méretükben is egyaránt megfelelőek. A navigációs gombok feliratairól ez már annyira nem mondható el, olvashatóak bár nehézkesen ez kisebb méretüknek és sárga színüknek tudható be Üres felület Sok üres felülettel nem büszkélkedhet az oldal. A bal oldal kicsit zsúfoltnak is tűnik. Ha az ablakkeret máshol, esetleg kisebb méretben jelenne meg a többi elem nagyobb területen, oszlana el, csökkenthető lenne a zsúfoltság érzete Kompozíció Az oldal bal oldalán kissé domináns az ablakkeret és a benne található videó. Az oldal bal oldalán csak ez foglal helyet a logót és a szlogent leszámítva, minden egyes tartalmi elem az oldal bal oldalára szorul. A regisztrációs és belépési felület az oldal tetején, vékony sávban helyezkedik el. Az oldal jobb oldalán felül találhatóak a navigációs gombok, melyek kissé aprók, de megtalálhatóak. Rögtön alattuk a termékek képe, ami lehetne valamivel nagyobb is, mivel nem vehetők ki pontosan a termékek felirata és egyéb részletei, melyekre kíváncsi lehet a látogató A promóció fajtája Az oldalon lojalitást növelő promóció zajlik, nyereményjátékkal összekötve. A játék egy teszt kitöltésén alapul, ahol az utasításoknak megfelelően kell a helyes válaszokat megadni, viszont néhány feladat igen becsapós. A tesztet 2 perc alatt megoldók között nyereményeket sorsolnak ki, méghozzá 1 hónapra elegendő (32 db) Choco-Choco 50

50 csomagot. A regisztrálók között továbbá kisebb csomagok is kisorsolásra kerülnek, 8 terméket jelent. A promóció pozitívuma, hogy játékos formában vonja be a fogyasztót, és mivel mindenkiben van némi teljesítési vágy, a teszt megoldása kihívásként realizálódik. A minél kevesebb idő alatti megoldás is egy következő lépcsőfok, de sajnos ezek után az élmény is véget ér. A kérdések nem változnak, így elolvasásuk nélkül is kitölthető. Sokkal jobb érdekesebb az oldal így, mintha csak egy regisztráció által kerülne be a látogató egy nagy kalapba, a nyereményekért teljesíteni is kell egy bizonyos célt Trendekből mi mondható el róla Az oldal egyszerű és letisztult. Nem harsognak feleslegesen a színek, az oldalon minden elem a nyugalmat sugározza. Az 1 oldalas design ez esetben is érvényesül. A kevés szöveges elem segíti a gyors áttekintést, a gyors tájékozódást Összességében Az oldal kinézete teljes mértékben összhangban van a forró csokoládé kommunikációjával. Egy kávéházi élmény az otthon melegében, amikor kint hideg és borús az idő. Az oldal dekoratív, a promóció típusa érdekes és élvezhető és a termék is beváltja a hozzáfűzött reményeket. Egyetlen kivetnivalót a promóció időpontjában találok November 2.- ától December 5.-éig tart a nyereményjáték. Véleményem szerint szerencsésebb lett volna, ha az oldal és a promóció később indul, amikor az időjárás is valószínűleg zordabbra fordul. Egy hosszú nap után, amikor még hideg is van, jobban felkelthető az emberekben a vágy egy otthon is elkészíthető forró csokoládé iránt. A Facebook oldalán több mint 230 rajongója van a Choco-Choco forró csokoládénak. 51

51 5.4 Nem dekoratív és célját sem éri el 5.4.1Rövid bemutatás Pedigree Minden grammja aranyat ér! weboldal (melléklet) A Mars Magyarország 1990-ben kezdte meg magyarországi működését. Ekkor még édesség értekésítés volt a vállalkozás fő profilja, majd az elért sikerek után kiterjesztették üzleti tevékenységeiket és megkezdődött az állateledelek forgalmazása is 1991-ben. 56 Felelősséggel munkálkodik az otthontalan kedvencek örökbefogadásának közreműködésében kampányok szervezésével. A Felelős Kisállattartás programon belül tanácsadó szerepet is betölt, az állattartás minden területére kiterjedően, legyen az etetéssel vagy akár gondviseléssel kapcsolatos bármilyen terület. 57 Az általam kiválasztott kampány a Pedigree Aranyláz promóciója Eszközök Színek Mivel a promóció az aranyláz nevet viseli ezért az oldal elkészítése során is a sárga színek és a fémes felületi hatások a dominánsak. Az oldal alap háttérszíne egy világos barna, leginkább homokra emlékeztető árnyalata. Ez az árnyalat jelenik meg a menü gombjainak, sőt a gombok hátterekként is. Közöttük határvonalként csak egy keskeny fémesen csillogó perem húzódik, így nem határolódik el megfelelően a gombok és hátterük egymástól. Mint azt a második fejezetben megtudhattuk a színkörben egymással szemben lévő színek a komplementer párok, kiegészítik egymást. Az oldalon használt színek a színkörben egymáshoz közel helyezkednek el, ez az egyensúly felborulásához vezet, nincs semmi, ami ellensúlyozná a sárga és a homokszín lágyságát. Az oldal megjelenésében bizonytalanság érzetét kelti

52 Formák A Durex esettanulmányhoz hasonlóan itt is fény foltok szolgálnak a díszítés eszközeiként. Viszont ebben az esetben közel sem olyan hatásosak. Túl sokszor és rossz helyen alkalmazták őket. Az oldal két szélén teljesen üres a felület, egy színnel kitöltött területről van szó, itt a szín különböző árnyalataiban megjelenő formák és ábrák alkalmazásával a monotonitás megtörhető lenne, az oldal megjelenésében is pozitívabb benyomást keltene. Az oldal témájából adódóan a fényfoltok helyett valamilyen módon utalhatna a grafika a kutyusokra, hiszen az oldalra látogatók, kódfeltöltők nagy valószínűséggel kutyatulajdonosok. Pl. fekete lábnyomok arany árnyékolása megadná a színek magasabb kontrasztértékét, kedvesebb, oldal témájához jobban illő dekorációs elemek lennének. Navigációs gombok kinézete sem illik sem a termékhez, sem a játékhoz. Ha már aranyláz a promóció témája a gombok megjelenítésére aranyrudak is szolgálhattak volna Képek A főoldalon 3 kép és a Pedigree logója látható. A 3 kép a nyeremények illusztrációja. A képeket a navigációs gombokhoz teljesen hasonlító fém peremű homokszínű nagy gombokon helyezték el. Ez az egyezés értelmetlen, a gomboknak tűnő megjelenítés összezavarhatja a látogatót, ugyanakkor gombokra jellemző funkcióval sem rendelkeznek. Az egyszerűbb megjelenítési megoldás hatásosabb lehetne. Annak ellenére, hogy a Pedigree kommunikációjának kulcseleme a kutya, hiszen állateledelekről beszélünk, az oldalon egyetlen egy sem látható. A háttér arany színe helyett, ami jelen esetben tolakodó és sok, apróbb és hatásosabb módon is megjelenhetne, pl. ha az aranyrúd (az egyik nyeremény) és egy édes kiskutya, akár golden retriver, hogy az aranynál maradjunk közös képen való megjelenítése sokkal hatásosabb lehetne Szöveges elemek Egy promóciós oldal, elkészítésének a célja, hogy közelebb hozza a fogyasztót a termékekhez. Ha egy oldalon már a címsor olvasása is nehézkes, a további feliratokról nem is beszélve, kevés az esély, hogy a látogató a nehézségek ellenére is pozitív érzésekkel távozzon az oldalról. 53

53 A szövegszín igazodik a logó színeihez. A főcímek és a fontosabb elemeket piros színben, a további feliratokat feketében olvashatjuk. A szöveg és a háttér elkülönítésére a designer fehér vastag körvonalat alkalmazott, és ez okozza legfőképpen a szöveg olvasásának nehézségeit. Egy háttér minél változatosabb, minél több színt és azoknak árnyalatait tartalmazza annál valószínűbb, hogy a szöveg nem tud érvényesülni, mivel nincs meg a megfelelő kontraszt. A formáknál már említett fényfoltok a szöveges elemek mögött is megtalálhatóak, így növelik a háttér dinamikáját, ami szintén a szövegek háttérbe szorításához vezet Üres felület A kezdőoldalon kevés információ található, az egységek az oldal centrumában helyezkednek el. Az oldal mindkét szélén üres sáv található, ezek jelentik mindösszesen az üres felületeket az oldalon. Átláthatóságot javítására nem szolgál, inkább olyan hatást kelt, mintha a közlendő információt középre szorítaná Kompozíció Az oldal minden egyes eleme egy sötét sávval határolt lekerekített sarkú négyzetben helyezkedik el. Az négyzet felső részében találhatóak a nagy és kerek navigációs gombok. Jól észrevehetőek, egyértelműek mégsem esztétikus alkotóelemei az oldalnak. Ennek oka egyrészről a szövegek körül itt is megjelenő fehér erőteljes körvonal, másrészről a gombok nem megfelelő mérete és alakja. A gombsor alatt található a lényegi információt tartalmazó sárga terület bal oldalán a promóció neve, nyereményei és a játék időtartama. Jobb oldalon a 3 értékesebb nyeremények képe, és a Pedigree logó található. Az elrendezés logikus, minden hamar beazonosítható és könnyen megtalálható, ebben a tekintetben teljesen felhasználóbarát az oldal, viszont hiányzik az a plusz dolog, ami pozitív benyomásokat eredményez a látogatóban, amiért visszatér újra A promóció fajtája A Pedigree Aranyláz promóciója egy normál típusú promóció, pár hónapos időszakra, jelen esetben 2 hónapra vonatkozóan ösztönöz értékesítésre. Típusát illetően nyerésre alapozott promócióról beszélünk. A játék alapja a termékvásárlás során kapott blokkon 54

54 található kód interneten keresztül, sms-ben vagy postán való elküldése. A későbbiekben a beküldők között kisorsolnak hetente egy Pedigree ajándékcsomagot, és a promóció végén a 3 fődíjat, egy autót, egy aranyrudat és egy 1 hetes pihenést. Valószínűleg a promóció közkedveltebb esetleg népszerűbb lehetne, ha nyereményekhez nem csak sorsolás útján lenne lehetőség hozzájutni. A sorsolások, különösen ha nagyobb nyereményekről van szó, megfoghatatlannak tűnnek. Az emberek nem gyakran nyernek egy nyereményjátékon, a képek csak illusztrációk felirat is csökkentheti a lelkesedést. Több kisebb értékű ajándékokban jobban lehet reménykedni. Különösen ha biztos ajándékokról van szó, a résztvevők sokkal motiváltabbak lehetnek. A Pedigree esetében el tudnék képzelni pl. aranyszínű pórázokat, aranyrúd alakú pokrócokat kutyusok számára, aranyszínű nyakörveket, kutyafésűt és még sorolhatnám Trendekből mi mondható el róla A 2010-re vonatkozó webdesign trendek nem igazán ismerhetőek fel az oldalon apróságokat leszámítva. Az egyszerűség jegyében ment végbe a színválasztás, az oldalon kevés egymástól merőben eltérő színt alkalmaztak. Az oldalra egyértelműen jellemző az 1 oldalas design, az egész oldal tartalmának megtekintéséhet nincs szükséggörgetésre, minden momentum egy képernyőnyi felületen oszlik el Összességében Az oldal és a promóció összességében valószínűleg működőképes, viszont a javasolt módosítások alkalmazásával sokkal inkább közkedveltebb lehetne, több látogató lenne visszatérő résztvevője. Más média felületen való erőteljesebb megjelenés szélesebb körben ismertetné meg a fogyasztókkal a promóciót. Különösen a POP (Point of Purchase), azaz a vásárlás eldöntésének tényleges helyén kihelyezett kreatív, a játékra felhívó figyelemfelhívó eszközök alkalmazásával válhatna a promóció még sikeresebbé. 55

55 5.5 Mit hozhat a jövő? Érdekes kérdés, hogy egy ilyen ütemben fejlődő terület milyen lehetőségeket rejt még magában, és 5-6 éves távlatban gondolkozva milyen változások fognak végbemenni. Kíváncsian vártam hogyan vélekednek erről a kérdésről a kérdőívem kitöltői. Nem akartam semmilyen módon korlátokat szabni képzeletüknek ezért gondolataikat pár szóban, mondatban kifejthették. Az eredmények összesítése nem számszerűsíthető a fő gondolatmenetek kirajzolódtak. A válaszadók kisebb csoportja gondolta úgy, hogy lényeges változás nem megy végbe az oldalak megjelenésében. Ennél számottevően többen gondolták úgy, hogy az interaktivitás magasabb szintje lesz a mérvadó. Sokan kiemelték még az animációk, képek, videók jövőbeni fontosabb szerepét a szöveges tartalmakkal szemben. Egyesek a technikai fejlődés lehetőségeiből indultak ki. Az ilyen típusú vélemények állnak az én véleményemhez is a legközelebb. Többen megemlítették, a 3D megjelenését a mozi, majd televízió után az internetezés világában is. A válaszokból kirajzolódni látszik az ide vezető út is, ami természetesen nem prófécia, nem törvényszerű, hogy ez a folyamat ilyen módon menjen végbe, csak, mint a jövőre vonatkozó szubjektív elgondolások összességeként ismertetném én milyen lépcsőfokokat látok a totális 3 dimenziós internetezés élményéig Érintőképernyős monitorok A monitorok új generációja az új típusú telefonokhoz hasonlóan érintés érzékelő funkcióval ellátott lesz. Az egér funkciója teljesen megszűnik majd az ilyen típusok esetében. A billentyűzet áthelyezése a képernyőre is kivitelezhető megoldás lenne, viszont használata meglehetősen kényelmetlen, viszont ez a probléma kiküszöbölhető a ma is létező infravörös billentyűzet által. Ez a megoldás már ma is létezik az interneten keresztül meg is rendelhetjük, az ára hozzávetőlegesen Ft. 58 A 9. ábra

56 webdesignerek feladata lényegében hasonló marad, lehetőséget az új szórakoztató elemek fejlesztésében látok A 3 dimenziós felületek Manapság teljesen megszokott, hogy a mozikban lehetőségünk van 3 dimenziós változatban is megnézni egy filmet. Idén márciusban debütált Amerikában a hasonló szórakoztató élményt nyújtó 3D televízió. 59 Valószínű, hogy a televízióhoz hasonlóan a monitorok is képesek lesznek a térhatás megjelenítésére. Ha ez megvalósul az érintés általi vezérlés háttérbe kerül, hiszen az optimális látványhoz kellő távolság szükséges a szemlélődő és a monitor között Távvezérlés (kesztyű) Az érintőképernyő általi navigálás szerepét átveszi a kézi távvezérlés. Ennek eszköze lehet egy 3D virtuális kesztyű, ami a kéz mozdulatainak követésével helyettesíti az egér és a billentyűzet funkcióit és lehetővé teszi a kéz, ujjak levegőben mozgatása által a számítógép irányítását. Működési elvét tekintve hasonló az érintőképernyőhöz, csak itt már nincs szükség a megérintendő felület fizikális érintésére. 60 Ez a termék is létezik és már egy magyarországi webáruházban is megrendelhető, az ára Ft. 10. ábra Totális 3D élmény Totális 3 dimenziós élmény a megjelenítő felület, az eddigiekben egy monitor, korlátainak feloldását értem. Ezt én egy speciális szemüveg által képzelem el, ami a látómező teljes szélességében és hosszában képes képek megjelenítésére. A weboldalak hasonlóak lesznek egy szobához, amibe beléphetünk, átjuthatunk egy másik szobába, ami egy új weboldalra navigálást jelent. A webdesignerek feladata a szobák kinézetének meghatározása lesz

57 Természetesen a fent említett technológiák és eszközök előtt hosszú út áll, míg használhatóvá, megfizethetővé és minden háztartásban megszokottá válnak. Viszont pontosan ilyen helyzetben volt a televízió vagy akár a mobiltelefon a világhódító útjának legelső szakaszában. 58

58 6. Ha kész a weboldal A következő fejezet a hatékonyságot szem előtt tartva mutatja be azon tényezőket, melyekre a webdesignernek már a munkájuk kezdetén különös figyelmet kell fordítania. Ha az oldal elkészült a vizuális elemek használatára vonatkozó irányelvek szem előtt tartásával, még koránt sem jelenti a folyamat végét. Elsődleges szempont a hatékonyság, nem elegendő, ha a promóciós oldal dekoratív és jól megszerkesztett, el kell jutnia a látogatókhoz. A következő lehetőségek kihasználásával, feltételek teljesítésével javítható az oldal látogatottságának mértéke ezáltal a promóció eredményessége. 6.1 Közzététel a weben Először is az elkészült oldalnak rendelkeznie kell egy domain névvel. Ez egy azonosító kód, mely alfanumerikus karakterekből áll. Egy domain név csak egy oldalhoz tartozhat, ezért ellenőriznünk kell, hogy a kívánt név szabad-e? Célszerű már a tervezés első lépései között elvégezni a domainregisztrációs feladatokat, hiszen a tervezése folyamata során az oldalak elnevezése is megegyező általában a névvel, ha ezt a lépést kihagyjuk, az oldal bizonyos elemeinek újraszerkesztésére kerülhet sor. Magyarországon a domain.hu, azaz a hivatalos.hu domain nyilvántartó csoportosít hozzávetőlegesen 132 regisztrátort, akik az igénylők rendelkezésére állnak regisztrációs ügyekben. 61 Ezen szolgáltatás ellenértékeként éves díjat kell fizetnünk. Az árak szolgáltatótól és csomagtartalomtól függően változnak. Egy alapcsomag igénybe vehető a már Ft éves díj ellenében így akár létre is hozhatjuk a egyszerű oldalt, persze egy kidolgozottabb, nagyobb kapacitású oldal igényei túlmutatnak az alapcsomag lehetőségein. Több járulékos szolgáltatást (aldomain, címek) nyújtó csomagok ára Ft körül mozog. A felső határ nem igazán meghatározható, az előző csomagokat is kínáló szolgáltatónál a legdrágább csomag több mint Ft, viszont találhatunk ennél magasabb éves díjat is más szolgáltatóknál

59 Lehetőség van teljesen ingyenes domain név regisztrációra is. Az ilyen szolgáltatók más forrásokból pótolják a kiesett bevételeiket. Számos ilyen elven működő oldalt találhatunk az interneten. Legismertebb ilyen szolgáltató a freeweb.hu. Ingyenes domain regisztrációt biztosít többek között a következő feltételekkel: A létrejött domain névben megjelenik az utalás az oldalra, vagyis magának a szolgáltatónak a reklámja, vagy Az oldalakon kötelező jelleggel hirdetések jelennek meg az oldal tulajdonosától függetlenül. A hirdetések emelt díjas SMS (1600 Ft + Áfa) ellenében 180 napos időszakra kiiktathatóak. 62 Az általam vizsgált promóciós oldalak esetében kerülendő az ilyen és hasonló ingyenes kiszolgálók használata, mert a látogatóban negatív benyomást kelthet. A költségek alacsonyak, és a megjegyezhetőség érdekében is megéri ezt a kis áldozatot meghozni az oldal és a promóció érdekében. 6.2 Keresőoptimalizálás Nem elegendő, az elkészült oldalak közzététele az interneten. Egy keresőoptimalizált oldalra sokkal több felhasználó is eljuthat ezért nem szabad ezt a lépést sem figyelmen kívül hagynunk. Szintén előnyös lehet a promóciók erősítése más médiák segítségével, televízió, rádió, sajtó, stb. Egy televízióban, újságban látott promóció részleteiről általában az interneten tájékozódunk a továbbiakban. Nem szükségszerű az oldalak pontos címének megjegyzése, kulcsszavak használatával az internetes keresők megtalálják helyettünk a keresett oldalt. A keresőoldalak egyszerű elven működnek, céljuk a megadott keresőszavakhoz kapcsolható, lehető legrelevánsabb információ felkutatása, és eljuttatása a felhasználó részére. Az egyszerű elv mögött bonyolult metódusok és algoritmusok húzódnak meg, melyek titkosak, így is csökkentve a találatok sorrendjének befolyásolhatóságát A Google kulisszatitkai, Holland dokumentumfilm,

60 Globálisan és hazánkban is a piaci részesedés többségét a Google keresője mondhatja magáénak. Az egész világra kiterjedően ez az érték 2010 második negyedévében 69,7 %-ot, míg hazánkban az ennél is meggyőzőbb 98 %-ot. 64 4,6% 4,8% 5,4% Az egyes internetes keresők piaci részesedése globálisan /4 negyedévében 15,5% 69,7% Google Yahoo Microsoft Baidu Egyéb 3. grafikon Az általam megkérdezettek 96,11 %-a említette a Google-t vagy a Goole Chrome-ot (a Google saját internetes webböngészője, mely alkalmazza a Google keresési rendszerét az oldal megnyitása nélkül), arra a kérdésemre mely a használt internetes keresőkre vonatkozott. A Yahoo-t és a Bing keresőt egyaránt a válaszadók 5-5 %-a említette. A válaszok is alátámasztják, a Google fontosságát, ezért nem feledkezhetünk meg az oldal specifikus keresőoptimalizálásáról sem. Vegyük sorba, mit is tehetünk azért, hogy általunk készített oldal releváns találatként jelenjen meg egy témába vágó keresés alkalmával! A szöveges tartalom Az internetes kommunikáció legfontosabb eleme a szöveg. Ezért törekednünk kell a pontos, egyszerű, világos megfogalmazásra. Ez több szempontból is fontos. Keresési eredményként a Google megjeleníti az oldal szöveges elemeinek bizonyos részleteit 2 rövid sorban. Így a felhasználó kis mértékben ugyan, de betekintést nyerhet az oldal tartalmába, ha nem találja megfelelőnek a szöveges tartalmat, figyelmen kívül maradhat a