Tudja, mennyi időbe telik, amíg az emberek eldöntik, hogy maradnak-e a webhelyén?
Valószínűleg kevesebb időbe telik, mint amennyibe a cím és a mondat elolvasása volt.
Még mindig itt vagy?
5-15 másodpercbe telik, amíg az emberek meghozzák ezt a döntést. A webdesign bevált gyakorlatainak követése segít olyan első benyomást kelteni, amely meggyőzi az embereket, hogy maradjanak.
Ez a cikk elmagyarázza, hogyan készítsünk olyan webhelyet, amely leköti célközönségét.
Kitérünk:
- A következetes tervezés fontossága
- Hogyan hozhat létre vizuális hierarchiát, amely kiemeli a legfontosabb tartalmat
- Navigációs ötletek, amelyek megkönnyítik az emberek számára a webhely böngészését
Plusz még sok hasznos tipp. ugorjunk be!
11 webtervezési bevált gyakorlat és szabvány
Egy nagyszerű webhely létrehozása nem találgatás. Kövesse ezeket a bevált módszereket egy olyan webhely létrehozásához, amely professzionálisnak tűnik, és segít a látogatóknak megtalálni a szükséges információkat.
1. Használjon következetes tervezési elemeket webhelyén
Tekintse meg bármelyik professzionálisan felépített webhelyet; észreveheti, hogy minden webhely ugyanazokat a betűtípusokat, színeket, logókat és stílusokat használja minden oldalon.
Ennek a következetességnek jó oka van. Azonos vizuális elemek használata felismerhető és koherens márkaidentitást eredményez . Sőt, időt takaríthat meg a webhely létrehozásakor , mivel nem kell minden egyes elem hozzáadásakor azon gondolkodnia, hogyan néznek ki.
Íme 4 olyan tényező, amelyet figyelembe kell venni, amelyek elősegítik a tervezés következetességét. Néhány ingyenes eszközt is mellékeltünk a beállításhoz.
Hozzon létre egy logót
Ha hozzáadja logóját webhelyéhez, nyilvánvalóvá válik, hogy az oldal az Ön márkájához tartozik.
Ha még nem rendelkezik logóval, a Shopify és az Adobe automatizált logógenerátorai azonnal létrehoznak egyet. Vagy használja a Canvát , ha egy egyszerű módszert szeretne próbára tenni grafikai tervezési készségeit.
Határozza meg a színpalettáját
Válasszon olyan színeket, amelyek kiegészítik egymást, és tükrözik a márkáját. Egy olyan eszközzel, mint a Coolors , böngészhet a színsémák között, amíg meg nem találja a megfelelőt.
Válassza a tipográfiát
A legtöbb márka két vagy három betűtípust használ webhelyén. Ez általában tartalmaz egy betűtípust a webhely másolatához, valamint egyet a címsorokhoz és gombokhoz.
Egyes betűtípus-párosítások jobban működnek, mint mások. A Fontjoy segítségével böngészhet a párosítások között, amíg meg nem találja a megfelelőt.
Példa: MailerLite
Tekintse meg a MailerLite webhelyet, hogy megtudja, hogyan működik a tervezés következetessége. Weboldalunkon sötétzöld, világoszöld, fehér, fekete és szürke színeket használunk. Minden oldal ugyanazokat a betűtípusokat használja a szöveghez és a címsorokhoz.
A tervezési folyamat megkezdése előtt határozza meg globális stílusait
Miután kiválasztotta a betűtípusokat és a színeket, döntse el, hol fogja használni őket. Tegye ezt a webhely megtervezése előtt, hogy minden elem ugyanazt a stílust használja.
A MailerLite webhelykészítő lehetővé teszi olyan globális stílusok meghatározását, mint a címsorok, címek, törzsszöveg és gombok színe és betűtípusa a beállítások menüből.
A kiválasztott stílusok megjelennek a webhelyén, amikor hozzáadja valamelyik blokkot.
2. A tartalom prioritása vizuális hierarchiával
A vizuális hierarchia a webhely tartalmának rangsorolása és megjelenítése. A hatékony vizuális hierarchia úgy szervezi meg a webhely tartalmát, hogy:
- A legfontosabb elemek a legszembetűnőbbek.
- A tartalom logikus sorrendben van, amelyen a látogatók könnyen navigálhatnak.
Az optimalizált vizuális hierarchia létrehozása bonyolult lehet. A professzionális tervezők az elemek méretét, színét, kontrasztját és térközét használják arra, hogy a látogató figyelmét az oldalon keresztül irányítsák.
Az alábbi három szabály betartásával egyszerűbben tarthatja a dolgokat:
- Győződjön meg arról, hogy a legfontosabb elemek nagyok, és az oldal tetejéhez közel helyezkednek el
- Használjon kontrasztos színeket az olyan szempontok kiemelésére, mint a CTA gombok
- A nem lényeges részleteket kicsinyítse, és helyezze lejjebb az oldalon
Példa: MailerSend honlapja
A MailerSend kezdőlapja a vizuális hierarchia egyértelmű példája, amely a fontos információkat rangsorolja.
A cím szövege tartalmazza a szolgáltatás leírását. Sokkal nagyobb, mint az összes többi elem, és olyan pozícióba kerül, amelyre az emberek először ránéznek, amikor egy oldalra kerülnek.
Az alcím további előnyöket biztosít a szolgáltatással kapcsolatban; nagy, de nem akkora, mint a cím. A CTA feliratkozási gombok fontosak a konverziókhoz, ezért színük elüt az oldal többi részétől.
Ahogy lefelé görget, további információkat láthat az egyes funkciók előnyeiről. Ezek nem olyan fontosak, mint a fenti elemek, ezért az oldalon lejjebb kerülnek.
3. Állítsa be a megfelelő távolságot
A weboldal térköze kulcsfontosságú a jó weboldaltervezéshez. A megfelelő szóközök biztosítják, hogy a szöveg egyértelmű legyen, a tartalom rendezett legyen, és a látogatók az oldal legfontosabb részeire összpontosíthassanak.
A fehér térköz (más néven negatív szóköz) az oldalelemek közötti tér. Használja annak biztosítására, hogy a látogatók könnyen megemésztik a webhely tartalmát.
A fehér szóköz javítja az olvashatóságot
Íme egy példa, amely bemutatja a szóköz hatását. A bal oldali képernyőképen a MailerLite egyik professzionálisan megtervezett sablonja látható, az egyes elemek között eltávolítva a vízszintes fehér szóközt, míg a jobb oldali képernyőképen az eredeti sablon látható.
A szóközzel ellátott oldal sokkal jobban néz ki, és könnyebben olvasható. Ez egy szélsőséges példa, de világosan megmutatja a fehér tér használatának előnyeit a webdesignban.
A fehér szóközök segítségével csoportosíthatja a tartalmat
Használhat szóközt is az elemek csoportosításához. Az azonos csoportba tartozó elemek közelebb állnak egymáshoz, mint a különböző csoportok elemei.
A Notion kezdőlapjának alábbi képernyőképe ezt az elméletet mutatja be működés közben. Az összes felső menüelem csoportosítva van, és elkülönül a fő hőselemektől, amelyek elkülönülnek az oldalon lejjebb található termékmagyarázat elemektől.
A fehér szóköz nyilvánvalóvá teszi ezeket a csoportosításokat, annak ellenére, hogy nincsenek akadályok vagy vonalak az egyes elemek között.
4. Tegye könnyűvé a navigációt webhelyén
A tervezésnek lehetővé kell tennie az emberek számára, hogy könnyen navigálhassanak a webhelyén, és megtalálják a szükséges információkat. Az embereket az üzleti céljait befolyásoló webhely KPI -k felé kell ösztönöznie .
Íme öt kulcsfontosságú webdesign elem, amelyek segítenek az embereknek navigálni a webhelyén.
1. Fejléc menü
Nem mindig az Ön kezdőlapja az első oldal, amelyet az emberek felkeresnek. A fejlécsáv megkönnyíti az emberek számára, hogy webhelye bármely oldalán megtalálják a számukra szükséges információkat.
Tekintse meg a MailerLite fejlécet példaként a fejlécsávba felvehető tartalom típusára.
- Embléma: Tudatja az emberekkel, hogy az oldal a Mailerlite-hez tartozik. A MailerLite kezdőlapjára is hivatkozik, ahol az emberek többet megtudhatnak cégünkről.
- Legördülő navigációs menü: Hozzáférést biztosít a termékoldalakhoz, tartalomforrásokhoz és példagalériáinkhoz.
- Linkek: Vezesse az embereket a fontos oldalakra, hogy többet megtudjanak a cégről és a termékről.
- Regisztráció gomb: kontrasztos színe miatt ez a legszembetűnőbb elem. Szeretnénk, ha bárki, aki felkerül a weboldalunkra, regisztráljon termékünkre.
- Bejelentkezés gomb: Lehetővé teszi a meglévő ügyfelek számára, hogy bármely oldalról hozzáférjenek fiókjukhoz.
Az Ön fejlécsávja nem tartalmazza ugyanazokat az információkat, mint a miénk. Fontolja meg, melyek a legfontosabb oldalai, majd adja hozzá őket a fő navigációs menühöz.
2. Zsemlemorzsa
A navigációs elemek olyan navigációs elemek, amelyek megmutatják, hogy az aktuális oldal hol helyezkedik el a webhely általános szerkezetében .
A webhelyek általában navigációs morzsát adnak hozzá a fejléc alá vagy a cikk törzstartalmának aljára.
A BBC honlapja nyilvánvalóvá teszi, hogy a jelenlegi cikk sport, futball és európai futball kategóriákban szerepel. A felhasználó a linkre kattintva további információkat találhat ezekről a témákról.
3. Keresősáv
A keresősáv megkönnyíti az emberek számára, hogy konkrét tartalmat találjanak a webhelyén. Hasznos, ha webhelyén sok olyan oldal található, amelyek nem érhetők el könnyen a menük kattintásával.
A Wikipédia keresősávja elengedhetetlen eszköz azoknak a webhelylátogatóknak, akik információkat szeretnének találni az enciklopédiában.
4. Linkek a törzsmásolatban
A szövegtörzs-hivatkozások megkönnyítik az emberek számára, hogy további információkat találjanak a cikkében tárgyalt témákról.
Íme egy példa a MailerLite blogról. Az alábbi , a webhelykészítés lépéseit ismertető szakasz megkönnyíti az emberek számára, hogy többet megtudjanak kód nélküli webhelykészítőnkről.
5. Használjon bővíthető harmonika blokkokat
Néha jobb, ha azon az oldalon belül válaszol a kérdésekre, amelyen a látogató tartózkodik, ahelyett, hogy egy új oldalra irányítaná őket. A túl sok szöveg hozzáadása azonban megnehezítheti webhelye kialakítását.
A harmonika GYIK blokkok használatával bővíthető tartalom hozzáadása egyszerű módja ennek. Lehetővé teszik, hogy több információt adjon meg anélkül, hogy összezavarná az oldalt.
Gyorsan adjon hozzá harmonikát az oldalához a MailerLite oldalkészítővel. Húzza a blokkot arra a területre, ahol meg szeretné jeleníteni, majd szerkessze a címsort és az információkat a legördülő listában. Az alábbi képernyőképen láthat egy példát.
5. Vegye figyelembe a kisegítő lehetőségek bevált gyakorlatait
Weboldal készítése során gondoljon arra, hogy a design hogyan befolyásolja a fogyatékossággal élő személy interakcióját.
A World Wide Web Consortium által kidolgozott Web Content Accessibility Guidelines olyan ajánlásokat tartalmaz, amelyeket a webtervezők megtehetnek tartalmuk elérhetőségének maximalizálása érdekében.
Néhány kulcsfontosságú irányelv a következőket tartalmazza:
- Szöveges alternatívák felajánlása nem szöveges tartalomhoz. Ezt úgy teheti meg, hogy feliratokat vagy alternatív szöveget ad hozzá a tartalomhoz, például képekhez, gombokhoz vagy videofájlokhoz
- Tartalmazzon szöveges átiratot, jelnyelvi tolmácsolást vagy feliratokat hangtartalomhoz vagy videókhoz
- Tegye megkülönböztethetővé a tartalmat a kontraszt növelésével a színekkel és más módszerekkel, biztosítva, hogy a szöveg ne vesszen el, amikor az emberek átméretezik a szöveget, és biztosítva, hogy a hangerőt be lehessen állítani vagy szüneteltetni.
- Tegye használhatóvá a tartalmat azok számára, akik egér helyett billentyűzetet használnak a webhelyek böngészéséhez
- A tartalom nem tartalmazhat olyan sebességű villanásokat, amelyek rohamokat okozhatnak
- Az oldalakat rendszerezni és címkékkel kell ellátni, hogy a felhasználók hatékonyan navigálhassanak a webhelyen
Webhelyének készítése során elolvashatja a webes tartalom hozzáférhetőségére vonatkozó irányelvek teljes készletét .
6. Tegye kiemelkedővé CTA-ját
A webhely minden oldalának célnak kell lennie. Az Ön vizuális hierarchiája és navigációja nagy szerepet játszik abban, hogy az emberek ezt a célt elérjék, de a cselekvésre ösztönzés (CTA) segítségével meggyőzi őket a következő lépés megtételéről.
Tegye hatékonnyá CTA-tervét:
- Kiemelkedő pozíció biztosítása az oldalon
- Kontrasztos színek használata, hogy kiemelkedjen
- Több gomb használata az oldalon
- Kombinálja a CTA-t más elemekkel, hogy ajánlata rendkívül egyértelmű legyen
- Különböző CTA-k használata minden oldalhoz
A Figma honlapja a fenti négyzetek közül sokat bejelöl. Például:
- Az oldalon CTA-k vannak 2 jól látható helyen, és a fejléc CTA a helyén marad, amikor lefelé görget az oldalon
- A kék CTA gomb kontrasztban van a fehér háttérrel
- Az oldalon található a fenti képernyőképen látható 2 CTA, és az oldal alján egy regisztrációs űrlap
- Az elsődleges CTA a címsorral és az alfejléccel kombinálva egyértelmű ajánlatot hoz létre
Tegyen hasonlót a webhelyén a konverziós arány növelése érdekében. Ebben a cikkben többet megtudhat arról, hogyan hozhat létre működő CTA-t.
Vagy használjon tartalomblokkokat
A tartalmi blokkok segítségével ajánlata még jobban kiemelkedik. Például blokkot használunk a regisztrációs űrlapok beágyazására minden MailerLite blogbejegyzésbe, így az emberek feliratkozhatnak termékünkre vagy e-mail listánkra.
Ez hatékonyabb, mint egy egyszerű feliratkozás gomb, mert részletes tájékoztatást nyújt ajánlatunkról. Lásd az alábbi képernyőképen egy példát.
A MailerLite webhelykészítő megkönnyíti az ilyen típusú tartalom beágyazását az oldalára. Használja űrlapkészítőnket, hogy űrlapokat adjon webhelye bármely részéhez. Hozzáadhat képet, testreszabhatja a színeket, és hozzáadhat vagy eltávolíthat mezőket.
Vagy használjon e-kereskedelmi termékblokkot digitális termékének bárhol a webhelyén történő értékesítéséhez. Csatlakoztassa a blokkot a Stripe-fiókjához , hogy automatikusan feltöltse leírásokkal és képekkel. Amikor valaki megnyomja a vásárlás gombot, egyenesen a Stripe fizetési oldalára lép.
7. Jól néz ki minden reszponzív kialakítású eszközön
Optimalizálja webdesignját asztali és mobileszközökhöz. Ezt olyan reszponzív kialakítással érheti el, amelynek elrendezése az oldal megtekintésének képernyőméretétől függően változik .
A legtöbb webhely töréspontokat használ a reszponzív tervezés engedélyezéséhez. Ezek azok a pontok, amikor a weboldal elrendezése megváltozik, hogy jobban nézzen ki kisebb eszközökön.
Például a webhely vízszintesen rendezheti tartalmát, ha a böngésző szélesvásznú 1920×1080 képarányú. De a tartalmat függőlegesen fogja halmozni, ha szűkebb 1080×1920-as képarányra vált, mint sok okostelefon.
A webhely elkezdheti eltávolítani a tartalmat, áthelyezheti azt a képernyő aljára, vagy szűkebb képarány esetén a hivatkozásokat legördülő menükké zsugorítja.
Könnyedén megtekintheti, hogyan változik a webhely dizájnja érzékenyen, ha megnyit egy ablakot a számítógépén, és fokozatosan átméretezi azt.
8. Tűnj ki azáltal, hogy egyedi vagy
Egyedülálló vagy, így a weboldala kialakításának is ilyennek kell lennie. Számos módja van annak, hogy márkáját kiemelje a tömegből. Íme 4 márka, amelyek nagyszerű munkát végeztek a nagyszerűen kinéző és azonnal felismerhető webhelyek létrehozásában.
The Verge: Tűnjön ki a jellegzetes színekkel
A technológiai hírek iparága hihetetlenül versenyképes. A Verge jellegzetes, fekete alapon élénk színekből álló színpalettája segít webhelyének kiemelkedni. A márka ezeket a színeket használja minden online eszközön, beleértve a közösségi médiát, az e-maileket és a videókat.
A The Milk Road kriptográfiai hírlevél tejesdoboz karaktert hozott létre, amelyet webhelyén, közösségi csatornáin és hírleveleiben használ. A karakter azt jelenti, hogy a márka bármely tartalma azonnal felismerhető, mivel egyetlen más márka sem használhatja ezt a dizájnt.
Ogilvy: Használj animációt
Az Ogilvy vezető reklámügynökség, ezért fontos, hogy a cég weboldala felkeltse a látogatók figyelmét. A cég ennek egyik módja az animációk, amelyek akkor lépnek életbe, amikor a látogatók lefelé görgetnek a kezdőlapon.
A MailerLite ügyfelei animációs funkciónkkal hasonló hatást adhatnak webhelyeikhez. Válasszon elhalványítási, felfordítási vagy nagyítási effektusokat, hogy egyszerűen animációt adhasson oldalaihoz. Az alábbiakban láthat egy példát egy olyan oldalra, amely felhajtható hatással rendelkezik.
Forrás: MailerLite
9. Használjon széles körben elfogadott webtervezési elveket
Amikor az emberek meglátogatnak egy webhelyet, elvárásaik vannak a különböző tervezési elemek működésével kapcsolatban. Bár azt szeretné, hogy webhelye egyedi legyen, mindig tartsa szem előtt a széles körben elfogadott webhelytervezési elveket a webhely megtervezésekor.
Néhány példa ezekre a tervezési elvekre:
- A fejléc logójának a kezdőlapjára kell irányítania az embereket
- Az aláhúzott vagy kiemelt törzsszövegnek más oldalakra mutató hivatkozásokat kell jelölnie
- Használja a hamburger gombot, hogy az emberek bővítsék a menüt
- Használja a fogaskerék szimbólumot a beállítások megnyitásához
- Írjon be egy menüt a fejlécbe
- Használja a közösségi ikonokat a közösségi média profiljaira mutató hivatkozásokhoz
- Használja az alkalmazásbolt gombjait az alkalmazásbolt-adatlapra mutató hivatkozáshoz
Ha ezeket a bevált módszereket alkalmazza a webhelyen, akkor az emberek azonnal megkapják a jó ötletüket a webhelyen való navigálásról.
10. Optimalizálja webdizájnját a SEO számára
A keresőoptimalizálás (SEO) lényege, hogy optimalizálja webhelyét, hogy növelje annak valószínűségét, hogy megjelenjen a Google-on. Ez azért fontos, mert a Google az ingyenes, célzott webhelyforgalom óriási forrása lehet.
A webhely kialakítása nagy szerepet játszik abban, hogy webhelye milyen jó helyen szerepel, ezért elengedhetetlen, hogy webhelye tervezésekor figyelembe vegye a SEO bevált gyakorlatait.
Tudjon meg többet a SEO-ról kezdőknek szóló útmutatónkban .
Íme 4 olyan tényező, amely befolyásolja a SEO-t, amelyet figyelembe kell vennie a webhely tervezésekor.
1. Az oldal betöltési sebessége
A betöltési sebesség kulcsfontosságú rangsorolási tényező – webhelyének gyorsan be kell töltenie, ha rangsorolni szeretne a Google-on.
Jobb, ha kicseréli a nagy elemeket, amelyek betöltése sokáig tart, a kisebb elemekhez, amelyek kevesebb szervererőforrást igényelnek. Ez akkor is így van, ha úgy gondolja, hogy a nagyobb elem jobban néz ki.
A Google Page Speed Insights eszközével megtudhatja, mely tervezési elemek lassítják webhelyét, majd távolítsa el vagy optimalizálja azokat.
Ez az eszköz a következő tényezőkre bontja a betöltési időt:
- Első tartalmas festés: Milyen gyorsan töltődik be az első elem a felhasználó képernyőjére
- Első beviteli késleltetés: Milyen gyorsan reagál az oldal, miután a felhasználó egy interaktív elemre kattint
- Legnagyobb tartalommal rendelkező festék: Mennyi ideig tart az oldalon látható legszembetűnőbb elem betöltése
- Összesített elrendezéseltolás: Mennyi elem mozog az oldalon betöltés közben
Webhelye építése során próbálja meg ezeket az elemeket a zöldbe juttatni. Ne feledje, hogy a sebességre való optimalizálás nem csak javítja webhelye SEO-ját; a felhasználói élményt is javítja.
2. Képek
A képfájlok nagyok lehetnek, így a webhely lassan töltődik be. Kerülje meg ezt az internethez készült modern fájltípusok, például a WebP és az AVIF használatával. Az ilyen formátumokban megjelenített képek gyorsabban töltődnek be, mint a JPG- vagy PNG-képként megjelenített képek.
Győződjön meg arról, hogy minden képének van leíró neve és alt címkéje. Ez elmondja a Google-nak, hogy miről szólnak a képei, így a keresőmotor megjelenítheti őket a keresési eredmények között.
3. Kulcsszavak
Adjon hozzá keresési kulcsszavakat webhelye címéhez, címsorához és szövegtörzséhez. Ha kulcsszavakat ad hozzá, webhelye valószínűleg rangsorolódik a releváns kifejezések szerint.
4. Mobilbarátság
A reszponzív webhely létrehozása nem csak a felhasználó szempontjából fontos; ez is kulcsfontosságú része a rangsorolásnak a Google-on.
A Google 2019-ben a webhelyek rangsorolásához mobil-első modellre váltott, ami azt jelenti, hogy webhelye mobil verziója fontosabb a keresőmotoron való rangsorolás során.
11. Folytassa a fejlesztést A/B teszteléssel
A weboldal tervezése nem áll meg a webhely közzétételével. Folytassa a tesztelést, hogy megbizonyosodjon arról, hogy webhelye céljai felé tereli a felhasználókat.
Az A/B tesztelés egyszerű módja annak, hogy megtekinthesse az oldalain végrehajtott változtatások hatását. Ez létfontosságú a konverzióközpontú oldalak, például a céloldalak vagy az értékesítési oldalak esetében, ahol a hatékonyság enyhe növekedése jelentős bevételnövekedéshez vezethet.
A webhelytervezés A/B tesztelésének módja:
- Válassza ki az optimalizálni kívánt oldalt, és válassza ki a javítani kívánt konverziós mutatót.
- Módosítson egy tervezési elemet, például a gomb színét vagy a CTA pozícióját.
- Futtassa egyszerre az oldal mindkét verzióját megfelelő ideig ( itt van egy számológép ).
- Ellenőrizze webhelye elemzését , hogy megtudja, melyik oldalverzió teljesít a legjobban.
- Ismételje meg a különböző tervezési elemekkel. Minden A/B teszt kis mértékben javíthatja a konverziót, ami nagy haszonnal jár.
A webhelytervezés bevált gyakorlatai segítenek jobb webhelyek létrehozásában
Az interneten való böngészés során tartsa szem előtt ezeket az irányelveket. Valószínűleg észre fogja venni, hogy szinte minden professzionálisan felépített webhely alkalmazza ezeket a bevált módszereket.
Ennek az az oka, hogy működnek. Ha saját webhelyén használja őket, akkor megnő az esélye, hogy olyan webhelyet kapjon, amely jó minőségűnek tűnik, és örömet okoz a böngészésben.
Korábbi cikkeink:
Mi az a Placeit? MockUp és Design szoftver – Hartai Designer
A színek jelentése a különböző kultúrákban – Hartai Designer
A Canva képszerkesztő használata – Hartai Designer
12 TIPP AZ ÁTLAGOSBÓL ÜTŐS TARTALOMMARKETING HEZ (hartaidesigner.hu)
A tartalom marketing erejének felszabadítása – Hartai Designer
Gyorsítsd fel a WordPress oldaladat most – Hartai Designer
11 alapvető webtervezési gyakorlat és tipp 2023-ra (hartaidesigner.hu)
MINŐSÉGI MEGOLDÁSOK
FŰTÉSRE ÉS HŰTÉSRE
Magyar Angyal KFT.