A webhely kialakításának mintái

Tartalomjegyzék:

A webhely kialakításának mintái
A webhely kialakításának mintái
Anonim

Ne menjünk bele a számokba és a számításokba, mivel lehetetlen meghatározni, hogy hány webhely létezik már az interneten. Minden nap oldalak ezrei, ha nem százezrei hibáznak, és újak jelennek meg helyettük. Mi az oka a kudarcoknak? Miért mennek fel az emberek az oldalra és azonnal hagyják el? A válasz egyszerű és az Ön szeme előtt – ez a webhely kialakítása.

Attrakciós hatás

Egyetértek, mindenkinek vannak bizonyos webhelyei, amelyeket nap mint nap felkeresnek. Biztos vagyok benne, hogy a legtöbb könyvjelzővel ellátott kedvenc oldal, ahol filmek, könyvek, hírek, játékok stb. találhatók. Miért nem próbálunk meg egy másik old alt találni, ami talán még jobb? A válasz egyszerű! A könyvjelzővel ellátott webhelyek használata kényelmes – az ilyen webhelyek általában kényelmesen elrendezték az elemeket, a kategóriákat, és kellemes megjelenésűek, amelyek nem irritálják a szemet. Ez a "vonzó hatás", egy megfelelően kialakított oldal egyszeri látogatása - elhagyásamár nem akarom.

Nézzük meg a kereskedési platform két webhely példáját:

Példaoldalak
Példaoldalak

Kétségtelen és vitathatatlan, hogy az 1-es számú helyszín mielőbb bezárni, a 2-es pedig éppen ellenkezőleg, el akar maradni. Miért történik ez? Az első oldalon egy véletlenszerűen elhelyezett termék mellett színtúltelítettség is tapasztalható, ami a második oldalról nem mondható el. Van egy ilyen csodálatos közmondás: „A ruhájukkal találkoznak, de az eszükkel látják el őket”, ez az oldalakra is vonatkozik, csak a ruha helyett a design, az elme helyett a navigációs szerkezet. A látogató az oldalra lépve először a színsémát látja, és csak ezután figyel a belső navigációra és az oldal szerkezetére.

Színérzékelés

A színek kiválasztásánál a fő szabály, hogy ne vigyük túlzásba. Néha még két vagy három helyesen kiválasztott szín is több, mint elég, ennek élénk példája az fb.ru webhely. Sok webdizájner a "biztonságos" színek táblázatát használja html-webhelye megtervezéséhez.

Biztonságos színek táblázata
Biztonságos színek táblázata

Biztonságos azért hívják, mert az itt megjelenített összes színt teljesen minden felhasználó ugyanúgy továbbítja. Ezek a színek mondhatóak a szabványnak az oldal tervezésénél.

Színkompatibilitás

Minden színnek megvan a maga "barátságos" színe – ez az a szín, amelyhez a legjobban illik. Nem kell újra feltalálni a kereket és kísérletezni a szelekcióval, mindent már régóta feltaláltak, és közkincs. A színek kiválasztásához színes kerekeket használnak. Itten. Az alábbi képen látható egy színkerék a 2 egyező színhez.

Kiegészítő színkombináció
Kiegészítő színkombináció

T. azaz a körön belüli ellentétes színt tartják a legkompatibilisebbnek. Ha 3 egyező színt kell kiválasztania, akkor a színkör is használatos, csak a színelrendezési sor módosul.

Triad - 3 szín kombinációja
Triad - 3 szín kombinációja

És sok ilyen kör létezik, több hozzáillő színt is felvehet. Például négy.

Tetrad - négy szín kombinációja
Tetrad - négy szín kombinációja

A színek ily módon történő kiválasztásával Itten körein keresztül a színek maximális kombinációja érhető el, és az oldal vizuálisan tetszetős kialakítása. További színes körök találhatók az interneten. Kicsit elkanyarodunk a fő témától, mert szeretném tájékoztatni Önöket, hogy ezeket az Itten színköröket még a divatvilág professzionális tervezői is használják, vagyis a dizájnerruhák készítésénél ezt a színillesztési módszert alkalmazzák.

Belső webhelystruktúra

Ha többé-kevésbé minden világossá vált a színérzékeléssel, akkor marad még egy fontos mutató, mint az oldal belső szerkezete vagy más szóval a "használhatóság". Nem elég csak kiválasztani a megfelelő színeket az oldalon, ahogy a gyakorlat azt mutatja - a webhely gyönyörű kialakításával nem megy messzire. A telek megfelelő felépítése olyan, mint egy ház váza, ha nem megfelelően van megtervezve, akkor kényelmetlen lesz a tájékozódás.

Minden navigációs elemet előre át kell gondolni, és még jobb - le kell írni. SzerkezetAz oldalnak mindenekelőtt érthetőnek és kényelmesnek kell lennie a látogatók számára. Nagyon sok oldal elveszíti látogatóit csak azért, mert az utóbbiak az oldalra lépve nem értik, hol és mi található. Nem kell túlzsúfolni a gombok tömegével, és nem kell akasztani egy csomó funkciót. Mindig a látogató szemével kell nézni, ha a felhasználónak nincs szüksége valamilyen funkcióra, akkor jobb eltávolítani. A webhelytervezés fényes és helyes példája ismét az Fb.ru webhely, amelyen minden rész a látogató számára érthető és kényelmes módon található.

A legnagyobb hiba

Az átlagos elemzés szerint az a felhasználó, aki 15-30 másodpercen belül nem találja a szükséges részt vagy információt az oldalon, úgy véli, hogy ez a rész vagy információ nem található meg az oldalon, és elhagyja az erőforrást. A legtöbb esetben örökre. Kiváló példa egy szörnyű navigációval rendelkező webhelyre:

Rossz webhely-navigáció
Rossz webhely-navigáció

Szerinted meg lehet találni a szükséges információkat egy ilyen forrásról úgy, hogy nem a keresésből, hanem egyszerűen a főoldalra lépsz? Szerintem nem. Ismét a színtelítettség és a rengeteg érthetetlen navigáció, amely minden látogatót kábulatba és tanácstalanságba hoz. Az ilyen hibák elkerülése érdekében az összes szakaszt csoportosítani kell, és külön navigációs menübe kell helyezni, ami minden látogató számára érthető lesz.

Regisztrációs űrlap

Egy másik fontos és ijesztő tényező az oldalon a regisztrációs űrlap. Vannak, akik szinte az ük-ük-nagymama adatait próbálják begyűjteni a regisztrációs ablakban.

Hibás regisztrációs űrlap
Hibás regisztrációs űrlap

Ilyen regisztrációs űrlapokkorábban is divatosak voltak, amikor az internet csak az otthonokban kezdett megjelenni. Ma az internetező minél hamarabb szeretné megtalálni a számára szükséges információkat, a hosszú regisztrációs lapok pedig az oldal kiváló kialakítása ellenére 99%-ban visszataszítóak lesznek. A mai szabványok szerint ideális regisztrációs űrlap az alábbiakban látható.

Helyes regisztrációs űrlap
Helyes regisztrációs űrlap

Még ha ez az információ nem is elég, senki sem veszi a fáradságot, hogy később, a regisztrációt követően kérje le a látogatótól. Ez a megközelítés lojálisabbnak és barátságosabbnak tekinthető, mint a regisztrációs űrlap, amely inkább egy állásjelentkezési űrlap.

Webhelysablonok

Most sok webhelyet hoznak létre modern CMS-rendszereken, amelyek ingyenes webhelytervezést biztosítanak. De az ingyenes design (sablonok) nem tartalmaz látványtervet, így ha az oldal tulajdonosa semmilyen módon nem próbálja megváltoztatni, akkor az ilyen oldal eltűnik a keresésben.

Érdemes még megemlíteni az egész internetes portált, amelyek ezek alapján kínálják a saját webhely telepítését. Ebben az esetben vannak előnyei és hátrányai is:

  • Az első és talán az egyetlen plusz az egyszerűség. A webhely keretét rendszerint már tapaszt alt tervezők ilyen erőforrások mintájára készítik, a webhely kialakítását bizonyos követelmények és szabályok alá vonják. Már csak meg kell tölteni a tematikus anyagokkal, és várni az első látogatókat. Ezért az ilyen szolgáltatások egyszerűsége és kényelme vonzza a kezdőket. De ha az oldal komoly fejlesztésre és versenyre van beállítvatop 1 a keresőkben, akkor jobb, ha visszautasít egy ilyen szolgáltatást.
  • A hátrányok közül - a megadott sablonokat a legtöbb esetben nem lehet szerkeszteni vagy módosítani, mindig a megadott sablont kell használnia. A monotónia a fő hátrány, amelyről a legelején beszéltünk, mivel minden webhelynek egyedinek kell lennie, és megjelenésében különböznie kell a többitől. Sok korlátozás, amit lehetetlen lesz leírni, mivel minden ilyen szolgáltatásnak megvan a sajátja.

Utolsó rész

Az ebben az anyagban leírtak nem „fő utasításnak” tűnnek, mindig, sőt kell is, mindent a maga módján csináljon – ez csak a leggyakoribb szabályok és hibák összessége. De a legfontosabb pontok, amelyeket itt a színérzékelés és a webhely belső szerkezete formájában írunk le, az oldal tervezésének szabványa. A helytelenül megválasztott színek elriasztanak minden látogatót, aki most lépett be az oldalra, és a kategóriák és oldalelemek írástudatlan kialakítása nem teszi lehetővé számára a navigálást és a szükséges információk megtalálását. Ezekre a pontokra maximális figyelmet kell fordítani, és ahogy fentebb említettük, mindig a látogató szemével nézzen minden webhelyet, és ne a fejlesztő szemével.

Ajánlott: