Vzhľad stránky (Web Design)

Navrhovanie webových stránok je úžasná práca.

Pri vytváraní webových stránok vidíte veľa vecí, ktorým dennodenne nevenujete pozornosť.

Dizajn webových stránok kombinuje webový dizajn (návrh rozloženia webovej stránky), používateľskú skúsenosť a mnoho ďalších vecí.

Akokoľvek to znie komplikovane, nie je to tak. ako môžete zmeniť dizajn webových stránok na skvelú zábavu, ktorá vám poskytne veľkú spokojnosť a príjemcov vašich webových stránok?

Čo je webdizajn?

Webdizajn je relatívne nový pojem, takže panuje nezhoda v tom, aký je tento smer a kto sa dá nazvať webdizajnérom. Pokúsme sa to objasniť.

Pojem webdizajn v širšom zmysle označuje proces vytvárania webových stránok, ktorý zahŕňa technické aspekty vývoja, štruktúrovanie informácií, vytváranie vizuálneho shellu a prenos informácií na web.

Fázy

Pre úplnejšie pochopenie toho, aké je vytváranie webových stránok, je potrebné si predstaviť, akými fázami stránka prechádza od jej koncepcie po začatie jej fungovania v sieti.

• Vypracovanie technických špecifikácií: Začiatok práce je charakteristický podrobným plánovaním cieľov a funkčnosti webu, robia sa odhady jeho štruktúry a dizajnu a potom sa vypracuje podrobný zoznam prác, ktorý odsúhlasí zákazník. Zodpovedá to za projektový manažér.

• Použiteľnosť: V tejto chvíli je určená pomerne široká škála otázok, od toho, aká bude štruktúra stránok na plánovanom webe, až po to, ako bude v tomto prípade najvýhodnejšia možnosť prezentácie informácií. To si vyžaduje spoluprácu manažéra a dizajnéra.

• Grafické umenie: Návrhár vytvorí vizuálne znázornenie webu vrátane rôznych prvkov, ktoré sú navrhnuté tak, aby stránka bola funkčnejšia, a jednoducho ju zdobí. Potom je schválené rozloženie stránky vo forme grafického výkresu.

• Rozloženie: Návrhár v spolupráci s programátorom realizuje svoj nápad vo forme kódu, ktorý umožní zobrazenie obrázka v prehliadači.

• Web Mastering: Posledná fáza, keď je web umiestnený na hostiteľskom serveri, je plný informácií a pokračuje v jeho propagácii na vrchole vyhľadávacích nástrojov. Stránka je už používateľom k dispozícii.

Kde začať s webdizajnom?

Návrh webových stránok sa začína definovaním úlohy, ktorú by mala webová stránka hrať, teda jej účelu.

Uhádli ste správne - existujú rôzne webové stránky, ktoré sa hodia na iné účely. Rozlišujeme tri najobľúbenejšie: cieľové stránky, jednostránkové pagery a klasické weby.

Existujú samozrejme veľké stránky (portály atď.), Ale to je úplne iná téma.

Najjednoduchšie webové stránky sú cieľová stránka a jednostránková stránka.

Aj keď sú zvyčajne malé (iba jedna stránka), majú pomerne veľa obsahu. Líšia sa však účelom.

Čo je to vstupná stránka?Najčastejšie sa používa na zhromažďovanie kontaktov alebo na sústredenie sa na prenos súvisiaci s nejakou činnosťou. Na vstupných stránkach zvyčajne nie je veľa obsahu, ale účel stránky je jasne viditeľný. Cieľové stránky zvyčajne nemajú ponuku.

One-pagery sú „natiahnuté“ bežné webové stránky. Všetky informácie sú na jednej veľmi dlhej webovej stránke.

Najdôležitejší obsah je vždy navrchu. Takže v skratke. Jednostránkové pagery majú ponuky, ktoré odkazujú na nadpisy nasledujúcich sekcií.

Návrh a tvorba webových stránok tohto typu si vyžaduje osobitný prístup. Aj keď sa zdajú byť jednoduché, sú veľmi náročné a je lepšie začať svoje dobrodružstvo vytváraním stránok z niečoho iného.

Najmä to, že navrhovanie stránok sa najčastejšie spája s „obyčajnými“ stránkami.Majú domovskú stránku, podstránky s ponukou, novinkami a kontaktom. Dalo by sa povedať, že na internete je to štandard.

Používatelia navyše poznajú svoju štruktúru ako svoje vlastné vrecko.

Ak potrebujete vizitku online - postačí jednoduchý jednostranný pager. Chcete na svoje webové stránky vložiť trochu viac informácií (ponuka, blog atď.) A časom ich rozšíriť? Klasický web bude tak akurát.

Teraz, keď viete, čo je, je čas začať ako, t. J. Webový dizajn.

Aký je účel vášho webu - tu začína webdizajn

Musíte vedieť, aký je účel vašej webovej stránky. Vďaka tomu bude stránka, ktorú navrhnete, pre používateľov zrozumiteľná.

Ak podnikáte, používateľ musí od začiatku vedieť, čo ponúkate.

Napríklad - máte autoopravovňu. Používateľ musí vedieť, že vstúpil na webovú stránku autoservisu a môže využívať konkrétne služby.

Účelom takejto webovej stránky je informovať vás o týchto službách, a teda - prilákať nových zákazníkov.

Jasne stanovený cieľ je pri webdizajne nevyhnutný. Preto musíte starostlivo premyslieť a jasne definovať účel svojej webovej stránky.

Keď viete, aký je účel webovej stránky, musíte sa zamyslieť nad tým, kto je jej publikom.

Webdizajn - definujte svoje publikum

Vaše webové stránky nebudú sledované iba robotmi vyhľadávacích strojov. Preto musíte zvážiť, kto bude (a bude) publikom vášho webu.

Nakoniec, to je to, čo chcete osloviť, že?

Určenie publika na vašom webe priamo súvisí s účelom vášho webu. Koniec koncov, majú dosiahnuť váš cieľ.

Dizajn webových stránok definuje také profilovanie ako „vytvorenie osoby“.

Musíte si teda premyslieť, čo konkrétne vaši používatelia budú chcieť a o koho konkrétne pôjde.Persony sú iba „dokonalí používatelia“.

Určite máte na mysli nejaký užívateľský profil svojej webovej stránky. Musíte premýšľať o tom, čo presne potrebuje, aké má preferencie, prečo je na vašom webe a čo by na ňom malo byť, aby ste dosiahli svoj cieľ.

Ideálnym používateľom webovej stránky autoservisu bude napríklad osoba, ktorá potrebuje opravu automobilu.

Chce vedieť, aké služby workshop poskytuje, kde sa nachádza, koľko hodín pracuje a ako ho kontaktovať. Tieto informácie vyhľadajú na webovej stránke.

Je na vašej strane, aby ste ich umiestnili na viditeľné miesto.

Inými slovami: vytvorenie osoby vám umožní lepšie prispôsobiť vaše webové stránky potrebám vašich používateľov.

Pamätajte - (dobrý) dizajn webových stránok úzko súvisí s reakciou na potreby konkrétnych ľudí. To je váš ideálny používateľ.

Keď definujete svoje publikum, bude pre vás jednoduchšie definovať, čo chce používateľ nájsť na vašom webe.

Vytvorenie webovej stránky pre používateľa, t. J. Čo sa má na vašej webovej stránke nachádzať

Keď poznáte účel svojej webovej stránky a určíte, kto je jej ideálnym používateľom (alebo používateľmi), môžete s webovou stránkou začať pracovať.

Čas, ktorý strávite premýšľaním o účele webovej stránky a potrebách používateľov, sa vám vyplatí.

Najmä to, že takáto dobre premyslená webová stránka bude zodpovedať potrebám vašich používateľov, a teda - dosiahne váš cieľ.

Ďalším krokom vo webdizajne je jasné definovanie toho, čo by malo na webe byť.

Pri návrhu webovej stránky v tejto fáze ide o usporiadanie obsahu.

Začnite tým, že si na stránku zapíšete, čo chcete. Môže to byť dlhý zoznam, nemusíte sa báť, že sa z nej náhle stanú desiatky položiek.

Potom sa pokúste tieto veci zoskupiť - v ďalšej fáze vám to veľmi pomôže.Pripravený zoznam nechajte niekoľko dní. Dvaja naozaj urobia.

Po uplynutí tejto doby si zoznam znova pozrite a správajte sa k nemu ako k používateľovi. Zistite, ktoré veci sú relevantné z pohľadu každého človeka, ktorého máte.

Každý z nich bude hľadať trochu odlišné informácie, takže to musíte brať do úvahy.Napríklad niekto, kto hľadá autoopravovňu, vyhľadá kontakt, miesto a otváraciu dobu. Tieto informácie musia byť na stránke zreteľne viditeľné.

Teraz je ten správny čas vyčistiť zoznam prebytočných informácií. Niektoré z nich môžu byť úplne zbytočné.

Môžete ich odstrániť zo stránky alebo ich pridať na samom konci. Toto zoskupenie informácií do kategórií vám pomôže ich oddeliť na stránke. Uvidíte, ako vám uľahčí prácu.

Keď sú informácie o vašej skupine, očíslovajte ich podľa dôležitosti.

Najdôležitejšie veci zhora, najmenej - dole. Ak ste takto rozdelili informácie - nájdite kľúčové veci v každej skupine.

Tieto informácie by mali byť na domovskej stránke. Nemusíte ich vyvíjať, musia iba informovať používateľov, čo im ponúkate.

Ak sa chcú dozvedieť viac, určite pôjdu ďalej.

V ideálnom prípade by ste mali najdôležitejšie informácie poskytnúť vo forme kľúčových slov, ktoré sú hľadanými výrazmi. Domovská stránka potom dobre komunikuje, čo ponúkate, a sama sa dobre umiestni.

Aké podstránky potrebuje váš web?

Keď viete, ako môžete zdieľať informácie, môžete začať vytvárať podstránky. Ak sú tieto informácie duplikované, znova si to rozmyslite.Ak je to tak - zamyslite sa, či by to tak malo byť (a či to používatelia potrebujú na dosiahnutie vášho cieľa).Každá z podstránok by mala zodpovedať jednej zo skupín, ktoré ste vytvorili.

Ak máte tri alebo štyri skupiny - perfektné! Štruktúra vášho webu je pripravená pre prax.

Ak ich máte viac, pouvažujte, aký majú tieto skupiny vzájomný vzťah. Možno majú spoločného menovateľa? Pamätajte, že je to lepšie s menším počtom prvkov.

Minimalizmus je pri navrhovaní webových stránok veľmi užitočný, pretože umožňuje používateľom vidieť, čo sa práve deje. Nemusia hľadať potrebné informácie, pretože sú okamžite viditeľné.

Štruktúrované informácie na webovej stránke majú aj psychologický efekt: ak je web inteligentný, potom na druhej strane stoja odborníci, ktorým sa oplatí dôverovať.

A odtiaľ je už iba krok k dosiahnutiu vášho cieľa používateľmi.

Papier a ceruzka - uľahčujú návrh webových stránok

Je dobré sa poškriabať. Najmä keď nemáte predstavu o tom, ako ísť na vizuálny webový dizajn (podľa trendov). Pamätajte: vždy sa oplatí inšpirovať, takže

je dobré prehliadnuť si niekoľko stránok, ktoré sa vám páčia, a robiť závery. Preto je dobré začať s navrhovaním svojich webových stránok aj s kúskom papiera.Keď už máte prvky, ktoré by na ňom mali byť, môžete ich rozdeliť na ďalšie podstránky. Z každej stránky urobte jednu stránku.

Na každú z „podstránok“ umiestnite ďalšie prvky (nezabudnite zachovať hierarchiu dôležitosti). Vymazania sa nemusíte báť.

Testovanie - kľúčový prvok dizajnu webových stránok

Pomoc blízkych nemožno preceňovať. Predtým, ako ukážete svoju webovú stránku používateľom - opýtajte sa svojich priateľov, čo si myslia o vašom projekte.

Nezabudnite im položiť rovnaké otázky.

To vám uľahčí vylepšenie dizajnu.

Samozrejme, stojí za to sa ich opýtať, ako sa im web páči. Potom sa opýtajte, či pochopili, čo chcete povedať, a či môžu ľahko dosiahnuť účel stránky.

Aby ste to uľahčili, samozrejme im môžete povedať, aký je váš cieľ. To im uľahčí odpoveď, ak je účel webovej stránky jasný.

Potom zhromaždite tieto pripomienky a premýšľajte, ako ich implementovať. A oplatí sa ich predstaviť? Je to koniec koncov váš web, ale vaši priatelia sú tiež dobrí testeri - ich názor stojí za to vziať do úvahy

Umiestnenie webovej stránky a SEO - musíte si to uvedomiť, keď začnete navrhovať svoju webovú stránku

Ak chcete osloviť ľudí, musíte pamätať na umiestnenie vašej webovej stránky.Dobré kľúčové slová, alternatívne popisy fotografií, názov a popis každej stránky - to je nevyhnutné minimum.

Musíte si tiež pamätať hierarchiu nadpisov - vďaka nej sa budú roboty vyhľadávacích strojov ľahšie orientovať na stránke.Ak konáte lokálne - nezabudnite na takzvané miestne SEO. Teda o pridávaní názvov miest k vybraným kľúčovým slovám.

Grafika na webovej stránke

Návrh webových stránok je tiež o výbere dobrej grafiky. Ak máte svoje vlastné kvalitné fotografie, je téma takmer uzavretá.Fotografie na webe nemusia byť vo vysokom rozlíšení. V praxi - čím menšie (t.j. čím menej miesta na disku zaberajú), tým lepšie.

Webová stránka s veľkým počtom veľkých fotografií sa načítava pomaly, čo má negatívny vplyv na jej umiestnenie a núti používateľov čakať. Ideálna šírka fotografií by nemala presiahnuť 1 200 - 1 400 pixelov.

Vždy je dobré ich skomprimovať a pridať alternatívne popisy. Pamätajte: roboty prehľadávača nevidia grafiku, ale radi si „prečítajú“ alternatívne popisy fotografií.

Najdôležitejšie prvky - web design v skratke

Thlavná stránka je vždy najdôležitejšia. Sem vkladáte kľúčové informácie a prvky, ktoré by mali používatelia nájsť ako prvé.

Pamätajte, že čím vyššie sú tieto prvky na stránke, tým rýchlejšie ich používatelia nájdu. Domovská stránka je zároveň prvou stránkou, ktorá sa používateľovi zobrazí. Musí byť preto čitateľný a obsahovať kľúčové prvky.

Na každej stránke musí byť ponuka.

Pomáha navigovať používateľov na vašom webe. Pamätajte, že tento prvok by mal byť čo najviac zrozumiteľný.

Typické a hackované názvy podstránok v ponuke sú teda také, aké vaši používatelia očakávajú. Dizajn webových stránok je koniec koncov založený na overených riešeniach.Domovská stránka, ponuka, cenník, kontakt, spätná väzba od zákazníkov atď. - takáto štruktúra ponuky umožní používateľom rýchlejšie nájsť to, čo hľadajú.

Dôležitým prvkom každej stránky sú tiež interné odkazy.

Ak teda na svoju domovskú stránku umiestnite segment venovaný ponuke, je dobré do tohto segmentu zahrnúť odkaz, ktorý nasmeruje používateľov na podstránku s ponukou.

Pri umiestňovaní textov na stránku nezabudnite zachovať takzvanú hierarchiu nadpisov. Hlavička sa môže javiť ako tučný veľký text.

Hlavičky v skutočnosti hrajú na stránke tri hlavné úlohy: informujú o predmete nižšie uvedeného textu, organizujú informácie na stránke a sú užitočné pri umiestňovaní (roboty vyhľadávacích strojov nájdu informácie v hlavičkách rýchlejšie ako v texte).

Pamätajte tiež na hierarchiu nadpisov - vďaka nej budú používatelia vedieť, ktoré informácie sú všeobecné (týkajúce sa konkrétnej skupiny informácií) a ktoré sú podrobné.

Najdôležitejšie je, že na každej stránke by mal byť iba jeden nadpis H1; takáto hlavička by mala obsahovať názov stránky (t. j. na kontaktnej stránke by to malo byť „[názov vašej spoločnosti] - kontakt“ alebo „Kontakt s [názvom vašej spoločnosti]“).