A következő tanfolyam indul

2018. december 13.

Használj ikonokat a weboldalon! – tippek, ötletek

A fotók és az egyéb design elemek mellett ne felejtkezz el az igencsak beszédes ikonokról sem – használd őket Te is bátran a weboldalon, csodákra képesek! Mutatjuk! 🙂

 

A weboldalon közzétett, egységekbe, sorokba, hasábokba, dobozokba, táblázatokba, felsorolásokba foglalt tartalmakat, fontos információkat beszédes ikonokkal is elláthatjuk. Ezekkel a vizuális kiegészítőkkel nem csak dizájnosabbá, de a látogatók számára sokkal fogyaszthatóbbá, könnyebben olvashatóvá és megjegyezhetőbbé tudjuk tenni a különféle tartalmakat a honlapon, nem mellesleg még a figyelem terelésében is segítenek. A kiemelt címsor/felirat és törzsszöveg párosokat, a néhány soros leírásokat, az egy-egy szóból álló információkat tehát bátran egészítsd ki a weboldal stílusához, megjelenéséhez illeszkedő, az adott tartalmat hűen tükröző, illusztráló, figyelmet megragadó ikonokkal.

Hidd el, életre keltik még a „legszárazabb” tartalmakat is! 🙂

 

Ilyen tartalom lehet például:

  • szolgáltatások/termékek
  • jellemzők, tulajdonságok
  • előnyök, extrák
  • érvek-ellenérvek
  • statisztikai adatok
  • ajánlatok, csomagok
  • munkafolyamat lépései
  • rövid történetek, cég/ügyfélsztorik állomásai
  • mérföldkövek
  • díjak, elismerések
  • elérhetőségek, kapcsolati adatok
  • közösségi média oldalak

 

Nézzük a példákat, melyek inspirációkként, ötletként szolgálhatnak!

Példaként egy konkrét weboldalt hozunk, mely tökéletesen alkalmazza a különféle “ikonos megoldásokat”, az egész honlapon végigvonulnak az ikonok. (most lényegtelen, hogy milyen vállalkozás/szolgáltatás/termék weboldaláról van szó, a remek példák az irányadóak :))

 

termékek/szolgáltatások; jellemzők, előnyök megjelenítése ikonokkal

 

lehetőségek ábrázolása ikonokkal

 

termékek/szolgáltatások; csomagok, ajánlatok illusztrálása ikonokkal

 

témák, területek illusztrálása ikonokkal

 

egysoros leírások, információk is kiegészíthetők figyelemfelkeltő ikonokkal

 

kérdések, cselekvésre ösztönzések is kiegészíthetők ikonokkal

 

még az egyszerű felsorolásokat is feldobhatjuk kreatív ikonokkal

 

a kérdéseknek sem kell unalmasnak lenniük

 

az ügyfélszolgálati kérdések, a GYIK kérdések is tematizálhatók, melyek beszédes ikonokkal jeleníthetők meg

 

elérhetőségek, kontakt-információk megjelenítése ikonokkal

 

behivatkozott címsorok is kiegészíthetők ikonokkal, melyek egyértelműen utalnak arra, hogy mi fog „történni” (pl. nyíl = továbbnavigálás)

 

a weboldalt felépítő blokkokban is használhatunk ikonokat, melyek jól jelzik, hogy milyen tartalmú oldalszakaszról van szó

az ikonokat szeparátorként, oldalszakaszok elválasztóiként is használhatjuk

 

bármi ábrázolható ikonokkal 🙂

 

sőt, még a menüpontok is elláthatók beszédes ikonokkal 🙂

 


TIPPEK

  • a számozott felsorolásoknak sem kell egyhangúnak lenniük, a számok is megjeleníthetők kreatívabb, színesebb formában
  • maguk az akciógombok is kiegészíthetők ikonokkal, melyek egyértelműen utalnak arra, hogy mi fog „történni” (továbbnavigálás, letöltés)
  • az információk is megerősíthetők ikonokkal, mint például a letölthető fájl formátuma a jól ismert formátum-ikonnal is jelezve van, elérhető információk esetén a jellegzetes i ikon vagy valamilyen „beszédfelhő” van feltüntetve, a megtekinthető videó mellett pedig a tipikus „play” gomb/ikon látható
  • ma már annyira ismertek és elterjedtek a közösségi médiában használt ikonok, emotikonok, hogy akár ezek is alkalmazhatóak a weboldalon
  • a színekkel is bánj bátran – a kontrasztos megjelenés még inkább az adott tartalomra irányítja a figyelmet, de egy monokróm színvilággal is igazán kellemes összképet kapunk
  • az „effektekkel” is bánj bátran, például valamilyen formába, akár körbe, négyzetbe, lekerekített téglalapba is foglalhatod az ikonokat

 

 

 

Illusztrációk forrása: www.stripe.com

 

 

Hozzászólások