Webový design (Web Design)

Navrhování webových stránek je úžasná práce.

Při vytváření webových stránek vidíte mnoho věcí, kterým nevenujete pozornost každý den.

Webový design kombinuje webový design (návrh rozvržení webu), uživatelský komfort a mnoho dalších věcí.

Jakkoli to zní komplikovaně, není to tak. jak můžete proměnit design webových stránek ve skvělou zábavu, která vám poskytne spoustu spokojenosti a příjemců vašeho webu?

Co je to Web Design?

Webový design je relativně nový pojem, takže existuje neshoda ohledně toho, jaký je tento směr a kdo může být nazýván webovým designérem. Zkusme to objasnit.

Koncept webdesignu v širším smyslu odkazuje na proces vytváření webů, který zahrnuje technické aspekty vývoje, strukturování informací, vytváření vizuálního prostředí a přenos informací na web.

Fáze

Pro úplnější pochopení toho, jaké je vytváření webových stránek, je třeba si představit, jakými fázemi stránka prochází od jejího početí po zahájení fungování v síti.

• Vypracování technických specifikací: Začátek práce je charakterizován podrobným plánováním cílů a funkčnosti webu, jsou provedeny odhady jeho struktury a designu a poté je vypracován podrobný seznam prací, který je schválen zákazníkem. To má na starosti projektový manažer.

• Použitelnost: V tuto chvíli je určena poměrně široká škála otázek, od jaké bude struktura stránek na plánovaném webu, až po to, jaká bude v tomto případě nejvhodnější možnost prezentace informací. To vyžaduje spolupráci manažera a designéra.

• Grafika: Návrhář vytvoří vizuální reprezentaci webu, včetně různých prvků navržených tak, aby byla stránka funkčnější a jednoduše ji ozdobila. Poté je schváleno rozložení stránky ve formě grafického výkresu.

• Rozložení: Návrhář, který pracuje společně jako programátor, realizuje svůj nápad ve formě kódu, který umožní zobrazení obrázku v prohlížeči.

• Web Mastering: Poslední fáze, kdy je web umístěn na hostingu, naplněn informacemi a pokračuje v jeho propagaci na špičce vyhledávačů. Stránka je již uživatelům k dispozici.

Kde začít s webovým designem?

Návrh webových stránek začíná definováním role, kterou by web měl hrát, tj. Jeho účelu.

Uhodli jste správně - existují různé druhy webových stránek, které se hodí pro jiné účely. Rozlišujeme tři nejoblíbenější: vstupní stránky, jednostránkové pagery a klasické weby.

Samozřejmě existují velké weby (portály atd.), Ale to je úplně jiné téma.

Nejjednodušší weby jsou vstupní stránka a jednostránková stránka.

I když jsou obvykle malé (pouze jedna stránka), mají poměrně hodně obsahu. Liší se však účelem.

Co je to vstupní stránka?Který se nejčastěji používá ke shromažďování kontaktů nebo soustředění na provoz související s nějakou akcí. Na vstupních stránkách obvykle není mnoho obsahu, ale účel stránky jasně vidíte. Vstupní stránky obvykle nemají nabídku.

One-pagery jsou „roztažené“ běžné webové stránky. Všechny informace jsou na jednom velmi dlouhém webu.

Nejdůležitější obsah je vždy nahoře. Stručně řečeno. One-pagery mají nabídky, které odkazují na nadpisy následujících sekcí.

Návrh a tvorba webových stránek tohoto typu vyžaduje zvláštní přístup. I když se zdají jednoduché, jsou velmi náročné a je lepší začít dobrodružství vytvářením stránek z něčeho jiného.

Zejména to, že navrhování stránek je nejčastěji spojováno s „běžnými“ stránkami.Mají domovskou stránku, podstránky s nabídkou, novinkami a kontaktem. Dalo by se říci, že na internetu je to standardní.

Uživatelé navíc znají svou strukturu jako svou vlastní kapsu.

Pokud potřebujete vizitku online - stačí jeden jednostranný pager. Chcete na svůj web vložit trochu více informací (nabídka, blog atd.) A postupem času je rozšiřovat? Klasický web bude tak akorát.

Nyní, když víte co, je čas začít jak, tj. Webový design.

Jaký je účel vašeho webu - zde začíná webdesign

Musíte vědět, jaký je účel vašeho webu. Díky tomu bude stránka, kterou navrhnete, uživatelům srozumitelná.

Pokud podnikáte, musí uživatel hned od začátku vědět, co nabízíte.

Například - máte autoservis. Uživatel musí vědět, že vstoupil na web autoservisu a může využívat konkrétní služby.

Účelem takové webové stránky je informovat vás o těchto službách, a tím - přilákat nové zákazníky.

Mít jasně definovaný cíl je zásadní, pokud jde o webdesign. Proto musíte pečlivě promyslet a jasně definovat účel vašeho webu.

Jakmile víte, jaký je účel webové stránky, musíte přemýšlet o tom, kdo je publikem.

Webový design - definujte své publikum

Váš web nebudou zobrazovat pouze roboti vyhledávačů. Proto musíte zvážit, kdo bude (a jaké bude) publikum vašeho webu.

Koneckonců, o to se chcete obrátit, že?

Určení publika na vašem webu přímo souvisí s účelem vašeho webu. Koneckonců, mají dosáhnout vašeho cíle.

Design webových stránek definuje takové profilování jako „vytvoření osoby“.

Musíte tedy přemýšlet o tom, co přesně budou vaši uživatelé chtít a kdo přesně budou.Persony jsou jen „dokonalí uživatelé“.

Určitě máte na mysli nějaký uživatelský profil svého webu. Musíte přemýšlet o tom, co přesně potřebuje, jaké má preference, proč je na vašem webu a co by na něm mělo být, abyste mohli dosáhnout svého cíle.

Ideálním uživatelem webových stránek autoservisů bude například osoba, která potřebuje opravu automobilu.

Zajímá ho, jaké služby workshop poskytuje, kde se nachází, v jaké pracovní době pracuje a jak je kontaktovat. Tyto informace budou hledat na webových stránkách.

Je na vaší straně, abyste je umístili na viditelné místo.

Jinými slovy: vytvoření osoby vám umožní lépe přizpůsobit vaše webové stránky potřebám vašich uživatelů.

Pamatujte - (dobrý) design webových stránek úzce souvisí s reakcí na potřeby konkrétních lidí. To jsou vaši ideální uživatelé.

Jakmile definujete své publikum, bude pro vás snazší definovat, co chce uživatel na vašem webu najít.

Vytvoření webové stránky pro uživatele, tj. Co má být na vaší webové stránce

Jakmile znáte účel svého webu a určíte, kdo je jeho ideálním uživatelem (nebo uživateli), můžete s webem začít pracovat.

Čas, který strávíte přemýšlením o účelu webových stránek a potřebách uživatelů, se vyplatí.

Zejména to, že tak dobře promyšlená webová stránka bude reagovat na potřeby vašich uživatelů, a tak - dosáhne vašeho cíle.

Dalším krokem ve webdesignu je jasně definovat, co by na webu mělo být.

Návrh webové stránky v této fázi je o organizaci obsahu.

Začněte tím, že si na stránku zapíšete, co chcete. Může to být dlouhý seznam, nemusíte se bát, že se z něj najednou stanou desítky položek.

Pak se pokuste tyto věci seskupit - v další fázi vám to hodně pomůže.Připravený seznam nechte několik dní. Dva opravdu budou.

Po uplynutí této doby se seznam znovu podívejte a zacházejte s ním jako s uživatelem. Podívejte se, které věci jsou relevantní z pohledu každého člověka, kterého máte.

Každý z nich bude hledat mírně odlišné informace, takže je musíte vzít v úvahu.Například někdo, kdo hledá autoservis, vyhledá kontakt, místo a otevírací dobu. Tyto informace musí být na stránce jasně viditelné.

Nyní je vhodná doba na vymazání seznamu přebytečných informací. Některé z nich mohou být zcela zbytečné.

Můžete je odstranit ze stránky nebo je přidat na samém konci. Toto seskupení informací do kategorií vám pomůže oddělit je na stránce. Uvidíte, jak vám usnadní práci.

Když informace o vaší skupině, očíslovejte je podle důležitosti.

Nejdůležitější věci nahoře, nejméně - dole. Jakmile takto rozložíte informace - najděte klíčové věci v každé skupině.

Tyto informace by měly být na domovské stránce. Nemusíte je vyvíjet, stačí pouze informovat uživatele, co jim nabízíte.

Pokud se chtějí dozvědět více, určitě půjdou dál.

V ideálním případě byste měli poskytnout nejdůležitější informace ve formě klíčových slov, která jsou vyhledávacími frázemi. Domovská stránka pak dobře komunikuje, co nabízíte, a umí se dobře umístit.

Jaké podstránky potřebuje váš web?

Jakmile víte, jak můžete sdílet informace, můžete začít vytvářet podstránky. Zamyslete se znovu, pokud jsou tyto informace duplikovány.Pokud ano, přemýšlejte, zda by to tak mělo být (a zda to uživatelé potřebují k dosažení vašeho cíle).Každá z podstránek by měla odpovídat jedné ze skupin, které jste vytvořili.

Pokud máte tři nebo čtyři skupiny - perfektní! Struktura vašeho webu je připravena na praxi.

Pokud jich máte více, zvažte, jak tyto skupiny navzájem souvisejí. Možná mají společného jmenovatele? Pamatujte, že je to lepší s menším počtem prvků.

Minimalismus je při navrhování webových stránek velmi užitečný, protože umožňuje uživatelům okamžitě vidět, o co jde. Nemusí hledat informace, které potřebují, protože jsou okamžitě viditelné.

Strukturované informace na webu mají také psychologický účinek: pokud je web inteligentní, pak jsou na druhé straně profesionálové, kterým stojí za to věřit.

A odtud je pouze krok k dosažení vašeho cíle uživateli.

Papír a tužka - usnadňují webový design

Je dobré se poškrábat. Zvláště když nemáte představu o tom, jak postupovat ve vizuálním designu webových stránek (podle trendů) Pamatujte: vždy stojí za to se inspirovat, takže

je dobré procházet několik stránek, které se vám líbí, a vyvodit závěry. Proto je dobré začít svůj web navrhovat s kouskem papíru.Jakmile budete mít prvky, které by na něm měly být, můžete je rozdělit na další podstránky. Z každé stránky udělejte jednu stránku.

Na každou „podstránku“ umístěte následující prvky (nezapomeňte zachovat hierarchii důležitosti). Nemusíte se bát vymazání.

Testování - klíčový prvek designu webových stránek

Pomoc blízkých nelze přeceňovat. Před zobrazením vašeho webu uživatelům - zeptejte se svých přátel, co si o vašem projektu myslí.

Nezapomeňte jim položit stejné otázky.

To vám usnadní zpracování designu.

Samozřejmě stojí za to se jich zeptat, jak se jim web líbí. Poté se zeptejte, zda pochopili, co chcete sdělit, a zda mohou snadno dosáhnout účelu stránky.

Aby to bylo snazší, můžete jim samozřejmě říci, jaký je váš cíl. Díky tomu jim bude snazší odpovědět, pokud bude jasný účel webových stránek.

Poté shromážděte tyto komentáře a přemýšlejte o tom, jak je implementovat. A stojí za to je představit? Koneckonců, toto je váš web, ale vaši přátelé jsou také dobří testeři - jejich názor stojí za to vzít v úvahu

Umístění webu a SEO - musíte si to pamatovat, když začnete navrhovat svůj web

Chcete-li oslovit lidi, musíte si pamatovat umístění vašeho webu.Dobrá klíčová slova, popisy alternativních fotografií, název a popis každé stránky - to je minimum.

Musíte si také pamatovat hierarchii nadpisů - díky ní se robotům vyhledávačů usnadní orientace na stránce.Pokud jednáte lokálně - pamatujte na takzvané místní SEO. To znamená o přidávání názvů míst k vybraným klíčovým slovům.

Grafika na webových stránkách

Návrh webových stránek je také o výběru dobré grafiky. Pokud máte vlastní kvalitní fotografie, téma je téměř uzavřeno.Fotografie na webu nemusí být ve vysokém rozlišení. V praxi - čím menší (tj. Čím méně místa na disku zabírají), tím lépe.

Web s velkým počtem velkých fotografií se načítá pomalu, což má negativní vliv na jeho umístění a nutí uživatele čekat. Ideální šířka fotografií by neměla překročit 1200–1400 pixelů.

Vždy je dobré je komprimovat a přidat alternativní popisy. Pamatujte: roboti prohlížeče nevidí grafiku, ale rádi „čtou“ alternativní popisy fotografií.

Nejdůležitější prvky - webový design v kostce

Thlavní stránka je vždy nejdůležitější. Zde umístíte klíčové informace a prvky, které by uživatelé měli najít jako první.

Pamatujte, že čím vyšší jsou tyto prvky na stránce, tím rychleji je uživatelé najdou. Domovská stránka je také první stránkou, kterou uživatel uvidí. Proto musí být čitelné a obsahovat klíčové prvky.

Na každé stránce musí být nabídka.

Pomáhá navigovat uživatele na vašem webu. Pamatujte, že tento prvek by měl být co nejsrozumitelnější.

Typické a hackované názvy podstránek v nabídce jsou tedy to, co uživatelé očekávají. Koneckonců, design webových stránek je často založen na ověřených řešeních.Domovská stránka, nabídka, ceník, kontakt, zpětná vazba od zákazníků atd. - taková struktura nabídky umožní uživatelům rychleji najít to, co hledají.

Důležitým prvkem každé stránky jsou také interní odkazy.

Pokud tedy na svou domovskou stránku vložíte segment věnovaný nabídce, je dobré do tohoto segmentu zahrnout odkaz, který uživatele přesměruje na podstránku s nabídkou.

Při umisťování textů na stránku nezapomeňte zachovat takzvanou hierarchii nadpisů. Záhlaví se může zobrazit jako tučně velký text.

Ve skutečnosti hrají záhlaví na stránce tři hlavní role: informují o předmětu níže uvedeného textu, organizují informace na stránce a jsou užitečné při umisťování (roboti vyhledávačů najdou informace v záhlavích rychleji než v textu).

Pamatujte také na hierarchii nadpisů - díky ní budou uživatelé vědět, které informace jsou obecné (vztahující se ke konkrétní skupině informací) a které jsou podrobné.

A co je nejdůležitější, na stránku by měl být pouze jeden nadpis H1; takové záhlaví by mělo obsahovat název stránky (tj. na kontaktní stránce by to mělo být „[název vaší společnosti] - kontakt“ nebo „kontakt s [název vaší společnosti]“).