Web Design

A weboldalak tervezése elképesztő munka.

Webhely készítésekor sok olyan dolgot lát, amire nem figyel napi rendszerességgel.

A weboldal tervezés ötvözi a webdizájnt (egy weboldal elrendezésének megtervezését), a felhasználói élményt és még sok minden mást.

Bármennyire is bonyolultnak tűnik, nem az. hogyan változtathatja a weboldal tervezését nagyszerű szórakozássá, amely nagy megelégedést fog okozni Önnek és a címzetteknek?

Mi az a webdesign?

A webdesign egy viszonylag új kifejezés, ezért nézeteltérések vannak abban, hogy mi ez az irány, és ki nevezhető webdesignernek. Próbáljuk tisztázni.

A tág értelemben vett webdesign fogalma a weboldalak létrehozásának folyamatára utal, amely magában foglalja a fejlesztés technikai aspektusait, az információk strukturálását, a vizuális héj létrehozását és az információk továbbítását a webre.

Szakasz

Ahhoz, hogy teljesebben megismerje, milyen egy weboldal létrehozása, el kell képzelnie, hogy az oldal milyen szakaszokon megy keresztül a koncepciójától kezdve a hálózatban való működésének kezdetéig.

• Műszaki előírások kidolgozása: A munka kezdetét a telephely céljainak és funkcionalitásának részletes megtervezése jellemzi, becsléseket készítenek annak felépítésére és kialakítására, majd elkészül a munkák részletes listája, amelyet a megrendelő jóváhagy. Ennek a projektmenedzser felel.

• Használhatóság: Ebben a pillanatban a kérdések meglehetősen széles skálája kerül meghatározásra, kezdve attól, hogy a tervezett webhelyen milyen lesz az oldalak felépítése, és milyen esetben lesz ez esetben a legkényelmesebb az információk bemutatására. Ehhez a menedzser és a tervező együttműködésére van szükség.

• Grafika: A tervező vizuális ábrázolást készít a webhelyről, különféle elemekkel, amelyek célja az oldal funkcionálisabbá tétele és egyszerűen díszítése. Ezt követően jóváhagyják a helyszín elrendezését grafikus rajz formájában.

• Elrendezés: Programozóként együttműködve a tervező ötletét kód formájában valósítja meg, amely lehetővé teszi a kép megjelenítését a böngészőben.

• Web mastering: Az utolsó szakasz, amikor a webhely egy tárhelyre kerül, tele van információval, és továbbjut a keresőmotorok élére. A webhely már elérhető a felhasználók számára.

Hol kezdjem a webdesign-ot?

A weboldalak tervezése azzal kezdődik, hogy meghatározzák azt a szerepet, amelyet a weboldalnak el kell töltenie, vagyis annak célját.

Jól sejtette - létezik mindenféle webhely, amely más célokra is hasznos lehet. Megkülönböztetjük a három legnépszerűbbet: céloldalak, egyhívós és klasszikus webhelyek.

Természetesen vannak nagy oldalak (portálok és így tovább), de ez egy teljesen más téma.

A legegyszerűbb webhelyek a céloldal és az egyoldalasak.

Bár általában kicsiek (csak egy oldal), elég sok a tartalmuk. Céljuk azonban különbözik egymástól.

Mi az a céloldal?Amit leggyakrabban kapcsolatok gyűjtésére vagy valamilyen művelettel kapcsolatos forgalomra koncentrálnak. A céloldalakon általában nincs sok tartalom, de jól láthatja az oldal célját. A céloldalaknak általában nincs menüjük.

Az egyhívószámok "kifeszített" hétköznapi weboldalak. Minden információ egy nagyon hosszú weboldalon található.

A legfontosabb tartalom mindig a csúcson van. Tehát röviden. Az egyhívók olyan menükkel rendelkeznek, amelyek a következő szakaszfejlécekre hivatkoznak.

Az ilyen típusú weboldalak tervezése és létrehozása sajátos megközelítést igényel. Bár egyszerűnek tűnnek, nagyon igényesek, és jobb, ha a kalandot úgy kezdjük, hogy más oldalakból készítünk oldalakat.

Különösen, hogy az oldalak tervezése leggyakrabban a "hétköznapi" oldalakhoz kapcsolódik.Van egy honlapjuk, aloldaluk az ajánlattal, hírekkel és kapcsolattartókkal. Mondhatnánk, hogy ez szabvány az interneten.

Ezenkívül a felhasználók úgy ismerik a szerkezetüket, mint a saját zsebük.

Ha névjegykártyára van szüksége online - elegendő egy egyszerű személyhívó. Szeretne egy kicsit több információt felvenni a webhelyére (ajánlat, blog stb.), És idővel bővíteni? Egy klasszikus weboldal megfelelő lesz.

Most, hogy tudod mit, itt az ideje elkezdeni, hogyan, azaz a webdesign.

Mi a webhelye célja - itt kezdődik a webdesign

Tudnia kell, hogy mi a webhelye célja. Ennek köszönhetően az Ön által tervezett oldal érthető lesz a felhasználók számára.

Ha vállalkozást vezet, a felhasználónak kezdettől fogva tudnia kell, mit kínál.

Például - van autójavító műhelye. A felhasználónak tudnia kell, hogy belépett az autószerviz weboldalára, és igénybe veheti a meghatározott szolgáltatásokat.

Egy ilyen weboldal célja, hogy tájékoztassa Önt ezekről a szolgáltatásokról, és ezáltal új ügyfeleket vonz.

A világosan meghatározott célkitűzés elengedhetetlen a webdesign terén. Ezért alaposan meg kell gondolnia és világosan meg kell határoznia a webhely célját.

Miután tudta, mi a célja egy weboldalnak, el kell gondolkodnia azon, hogy ki a közönség.

Webdesign - Határozza meg közönségét

Webhelyét nem csak a keresőmotoros robotok fogják megtekinteni. Ezért figyelembe kell vennie, hogy ki lesz (és milyen) a webhelye közönsége.

Végül is ezt szeretné elérni, igaz?

A webhely közönségének meghatározása közvetlenül kapcsolódik a webhely céljához. Végül is céljaik elérése.

A weboldaltervezés olyan profilalkotást határoz meg, mint "személy létrehozása".

Szóval el kell gondolkodnia azon, hogy pontosan mit akarnak a felhasználói és kik lesznek pontosan.A personák csak "tökéletes felhasználók".

Mindenképpen szem előtt tartja a webhelyének felhasználói profilját. El kell gondolkodni azon, hogy pontosan mire van szüksége, milyen preferenciái vannak, miért szerepel az Ön weboldalán és mi legyen rajta, hogy elérhesse a célját.

Például az autószerviz webhelyének ideális felhasználója egy olyan személy lesz, akinek autójavításra van szüksége.

Meg akarja tudni, hogy a műhely milyen szolgáltatásokat nyújt, hol található, milyen órákon dolgozik, és hogyan lehet vele kapcsolatba lépni. Ezeket az információkat a weboldalon keresik meg.

Az Ön oldalán áll, hogy látható helyre tegye őket.

Más szavakkal: egy személy létrehozása lehetővé teszi, hogy jobban hozzáigazítsa webhelyét a felhasználók igényeihez.

Ne feledje - a (jó) weboldaltervezés szorosan összefügg az adott emberek igényeinek való megfeleléssel. Ez az ideális felhasználó.

Miután meghatározta a közönségét, könnyebben meghatározhatja, hogy mit szeretne keresni a felhasználó az Ön webhelyén.

Webhely létrehozása a felhasználó számára, vagyis mi legyen a webhelyén

Miután megismerte webhelye célját és meghatározta, hogy ki az ideális felhasználó (vagy felhasználók), elkezdheti a munkát.

Az az idő, amelyet a weboldal céljára és a felhasználók igényeire gondolt, megtérül.

Különösen, hogy egy ilyen átgondolt weboldal reagál a felhasználók igényeire, és így - eléri a célját.

A webes tervezés következő lépése az, hogy világosan meghatározza, mi legyen a weboldalon.

A weboldal tervezése ebben a szakaszban a tartalom rendszerezéséről szól.

Először írja le, mit szeretne az oldalon. Ez hosszú lista lehet, nem kell attól tartania, hogy hirtelen tucatnyi tétel lesz belőle.

Ezután próbáld meg csoportosítani ezeket a dolgokat - ez sokat segít a következő szakaszban.Hagyja az elkészített listát néhány napig. Kettő megteszi, tényleg.

Ez idő után vessen egy pillantást a listára, és kezelje felhasználóként. Nézze meg, mely dolgok relevánsak minden egyes ember szempontjából.

Mindegyikük kissé eltérő információt keres, ezért ezt figyelembe kell vennie.Például, aki autószervizt keres, megkeresi a névjegyet, a helyet és a nyitvatartási időt. Ennek az információnak jól láthatónak kell lennie az oldalon.

Itt az ideje, hogy törölje a felesleges információk listáját. Néhány közülük teljesen felesleges lehet.

Eltávolíthatja őket az oldalról, vagy hozzáadhatja a legvégén. Az információk kategóriákba történő csoportosítása elősegíti az oldalakon történő szétválasztást. Meglátja, hogyan könnyíti meg munkáját.

Amikor a csoport adatait, számozza meg fontossági sorrendben.

A legfontosabb dolgok fent, legkevésbé - alul. Miután ilyen módon lebontotta az információkat - keresse meg az egyes csoportok legfontosabb elemeit.

Ennek az információnak a kezdőlapon kell lennie. Nem kell fejlesztenie őket, csak tájékoztatniuk kell a felhasználókat arról, hogy mit kínálnak nekik.

Ha többet akarnak tudni, akkor biztosan továbblépnek.

Ideális esetben a legfontosabb információkat kulcsszavak formájában kell megadnia, amelyek keresési kifejezések. Ezután a kezdőlap jól kommunikálja, amit kínál, és jól pozícionálja magát.

Milyen aloldalakra van szüksége a webhelyének?

Miután tudta, hogyan oszthatja meg az információkat, elkezdheti az aloldalak létrehozását. Gondolja át, ha ez az információ megismétlődik.Ha igen - gondolja át, hogy annak kell-e lennie (és ha a felhasználóknak szüksége van rá a cél eléréséhez).Mindegyik aloldalnak meg kell felelnie a létrehozott csoportok egyikének.

Ha három vagy négy csoportja van - tökéletes! Webhelyének felépítése gyakorlatias.

Ha több van belőlük, fontolja meg, hogy ezek a csoportok hogyan viszonyulnak egymáshoz. Talán van közös nevezőjük? Ne feledje, hogy kevesebb elem nélkül jobb.

A minimalizmus nagyon hasznos a weboldalak tervezésénél, mert lehetővé teszi a felhasználók számára, hogy azonnal lássák, mi történik. Nem kell keresniük a szükséges információkat, mert azonnal láthatók.

A weboldalon található strukturált információknak pszichológiai hatása is van: ha a weboldalt okossá teszik, akkor a másik oldalon vannak olyan szakemberek, akikben érdemes megbízni.

Innentől kezdve pedig csak egy lépés a cél eléréséhez a felhasználók által.

Papír és ceruza - megkönnyítik a webtervezést

Jó megkaparni magad. Különösen akkor, ha nincs ötlete a vizuális webdesign kialakításáról (követve a trendeket) Ne feledje: mindig érdemes inspirálódni, ezért

jó ötlet böngészni néhány tetsző oldalt és levonni a következtetéseket. Ezért jó, ha egy papírdarabbal kezdjük a weboldal tervezését.Miután megvan az elemek, amelyeknek rajta kell lennie, azokat fel tudja bontani a következő aloldalakra. Minden oldalt tegyen egy oldalra.

Helyezze a következő elemeket az egyes "aloldalakra" (ne felejtse el fenntartani a fontosság hierarchiáját). Nem kell félnie a törléstől.

Tesztelés - a weboldal tervezés kulcsfontosságú eleme

A szeretteinek segítségét nem lehet túlértékelni. Mielőtt megmutatná webhelyét a felhasználóknak - kérdezze meg barátait, hogy mit gondolnak a projektjéről.

Ne felejtse el feltenni nekik ugyanazokat a kérdéseket.

Ez megkönnyíti a tervezés finomítását.

Természetesen érdemes kezdeni azzal, hogy megkérdezzük tőlük, hogy tetszik nekik az oldal. Ezután kérdezd meg, megértették-e, amit el akarsz közvetíteni, és könnyen elérhetik-e az oldal célját.

A könnyebbség érdekében természetesen elmondhatja nekik, mi a célja. Ez megkönnyíti számukra a válaszadást, ha a weboldal célja egyértelmű.

Ezután gyűjtse össze ezeket a megjegyzéseket, és gondolkodjon el azok megvalósításán. És érdemes bemutatni őket? Végül is ez az Ön weboldala, de a barátai is jó tesztelők - véleményüket érdemes figyelembe venni

A weboldal és a SEO elhelyezése - erre emlékeznie kell, amikor elkezdi tervezni a webhelyét

Ha embereket szeretne elérni, emlékeznie kell a webhelyének elhelyezésére.Jó kulcsszavak, alternatív fotóleírások, cím és leírás az egyes oldalakról - ez a minimum.

Emlékeznie kell a címsorok hierarchiájára is - ennek köszönhetően a keresőmotoros robotok könnyebben tájékozódhatnak az oldalon.Ha helyben jár el - ne feledje az úgynevezett helyi SEO-t. Vagyis a helynevek hozzáadásáról a kiválasztott kulcsszavakhoz.

Grafika a weboldalon

A weboldal megtervezése a jó grafika kiválasztásáról is szól. Ha saját fotói vannak jó minőségben, a téma majdnem lezárult.A weboldalon található fényképeknek nem kell nagy felbontásúnak lenniük. A gyakorlatban - minél kisebb (azaz minél kevesebb lemezterületet foglalnak el), annál jobb.

A nagy számú fotót tartalmazó webhely lassan töltődik be, ami negatívan befolyásolja a helymeghatározást, és várakozásra kényszeríti a felhasználókat. A fényképek ideális szélessége nem haladhatja meg az 1200-1400 képpontot.

Mindig célszerű tömöríteni őket, és alternatív leírásokat hozzáadni. Ne feledje: a böngésző robotjai nem látják a grafikákat, de szívesen "elolvassák" a fotók alternatív leírását.

A legfontosabb elemek - a webdesign dióhéjban

Tmindig a főoldal a legfontosabb. Itt helyezheti el a legfontosabb információkat és elemeket, amelyeket a felhasználóknak először meg kell találniuk.

Ne feledje, hogy minél magasabb szinten vannak ezek az elemek az oldalon, annál gyorsabban találják meg a felhasználók. A kezdőlap egyben az első oldal, amelyet a felhasználó lát. Ezért olvashatónak és kulcselemeket tartalmaznia kell.

Minden oldalnak tartalmaznia kell egy menüt.

Segít eligazodni a felhasználók webhelyén. Ne feledje, hogy ennek az elemnek a lehető legérthetőbbnek kell lennie.

Tehát a menüben található aloldalak tipikus és feltört elnevezéseire számítanak a felhasználók. Végül is a weboldal tervezés gyakran bevált megoldásokon alapul.Kezdőlap, ajánlat, árlista, kapcsolattartás, vásárlói visszajelzések stb. - egy ilyen menürendszer a felhasználókat gyorsabban megtalálja, amit keres.

A belső linkek szintén fontos elemei az egyes oldalaknak.

Tehát, ha az ajánlatnak szentelt szegmenst tesz fel a kezdőlapjára, akkor jó, ha ebbe a szegmensbe beilleszt egy linket, amely a felhasználókat az ajánlat aloldalára irányítja.

Amikor szövegeket helyez el az oldalon, ne felejtse el fenntartani az úgynevezett címsor-hierarchiát. A fejléc vastag nagy szövegként jelenhet meg.

Valójában a fejlécek három fő szerepet töltenek be egy oldalon: tájékoztatnak az alábbi szöveg témájáról, információkat rendeznek az oldalon, és hasznosak a pozícionálásban (a keresőmotoros robotok gyorsabban találnak információkat a fejlécekben, mint a szövegben).

Emlékezzen a címsorok hierarchiájára is - ennek köszönhetően a felhasználók tudni fogják, hogy mely információk általánosak (egy adott információcsoportra vonatkoznak), és melyek részletesek.

Ami a legfontosabb, hogy oldalanként csak egy H1 fejléc legyen; egy ilyen fejlécnek tartalmaznia kell az oldal nevét (vagyis a kapcsolattartó oldalon a következőnek kell lennie: "[a cég neve] - kapcsolat" vagy "Kapcsolat a [vállalata nevével]").