Vzorky návrhu webu

Nebudeme jít do čísel a výpočtů, protože není možné určit, kolik již existuje na internetových stránkách. Každý den se na jejich místě objevují tisíce nebo dokonce stovky tisíc stránek a další. Jaká je příčina selhání? Proč se lidé na webu okamžitě opustí? Odpověď je jednoduchá a leží přímo před vašimi očima - to je design místa.

Účinek přitažlivosti

Souhlasíte, každý má soubor specifických stránek, které jsou navštěvovány každý den. Jsem si jist, že většina bookmarkerů vybrala stránky s filmy, knihami, zprávami, hrami apod. Proč po nalezení jedné stránky se nesnažíme najít jiný podobný, který možná ještě lepší? Odpověď je jednoduchá! Místa, která se nacházejí v našich záložkách, jsou vhodná pro použití - na takových místech je zpravidla vhodné uspořádání prvků, kategorií a příjemný, nedráždivý vzhled. To je "účinek přitažlivosti", navštěvování jednou správně formované stránky - nechte ji již nechtějí.

Podívejme se na dvě obchodní místa:

Nepochybně a bezpochyby místo č. 1 chce být rychle uzavřeno, ale na místě č. 2, naopak chci zůstat déle. Proč se to děje? Na prvním místě se vedle chaoticky umístěného produktu nachází i barva, která se nedá říct o druhém místě. Existuje takové krásné přísloví: "Setkávají se s lidmi na oblečení, ale oni si myslí, že je na mysli", je použitelný pro weby, ale místo oblékání je dekorace a místo mysli navigační struktura. Když návštěvník navštíví web, první věc, kterou vidí, je barevný design, a pak věnuje pozornost vnitřní navigaci a struktuře webu.

Vnímání barev

Hlavním pravidlem při výběru návrhu barev není přehánět. Někdy dokonce dvě nebo tři správně vybrané barvy více než dost, živý příklad tohoto - stránky nisfarm.ru. Mnoho webových designérů používá tabulku "bezpečných" barev pro návrh stránky html.

Bezpečné je voláno z důvodu, že všechny zde zobrazené barvy budou pro všechny uživatele přenášeny naprosto stejným způsobem. Tyto barvy lze říci, že jsou standardní při vytváření návrhu na místě.

Kompatibilita barev

Každá barva má svou "přátelskou" barvu - to je barva, s níž se nejlépe hodí. Není potřeba vynalézt kolo a experimentovat s výběrem, vše bylo již dlouho vymyšleno a je ve veřejném vlastnictví. Pro výběr barev se používají barevné kruhy Ittenu. Níže obrázek zobrazuje barevný kruh pro přizpůsobení 2 odpovídajících barev.

To znamená, že opačná barva v kruhu je považována za nejkompatibilnější. Pokud chcete vybrat 3 odpovídající barvy, použije se stejné barevné kolečko, změní se pouze řada barev.

A existuje mnoho takových kruhů, můžete si vybrat více a více odpovídajících barev. Například čtyři.

Při výběru barev v kruzích Ittenu bude dosaženo maximální kombinace barev a bude dosaženo návrhu místa pro vizuální vnímání. Více barevných kruhů najdete na internetu. Drobný krok od hlavního tématu, protože chci hlásit, že tyto barevné kruhy společnosti Itten, dokonce i profesionální návrháři z módního světa, to znamená, že při vytváření návrhářského oblečení se používá tato metoda barevného přizpůsobení.

Vnitřní struktura lokality

Pokud se vnímání barvy více nebo méně všechno stalo jasným, pak je ještě jeden důležitý ukazatel jako vnitřní struktura místa nebo jiným způsobem - "použitelnost". Nestačí jen správné barvy na místě, jak ukazuje praxe - na krásném designu místa nebude daleko. Správná struktura stránky je jako rám domu, jestliže je nesprávné naplánovat, pak bude nepohodlné ji navigovat.

Všechny prvky navigace je třeba předem promyslet, a dokonce i lépe - zapisovat. Struktura webu by měla být především pro návštěvníky srozumitelná a pohodlná. Mnoho návštěvníků ztrácí své návštěvníky pouze proto, že když přijíždějí na místo, nerozumí tomu, kde a co je. Nepleťte spoustu tlačítek a zavěste spoustu funkcí. Vždy se musí podívat do očí návštěvníka, pokud uživatel nepotřebuje nějakou funkci, pak je lepší jej odstranit. Opět jasný správný příklad designu stránky - stránky nisfarm.ru, na které jsou všechny sekce umístěny srozumitelně a pohodlně pro návštěvníky.

Největší chyba

Podle analýzy průměrného uživatele, kteří po dobu 15-30 sekund, nelze nalézt v požadovaném profilu nebo informace, se domnívá, že tato kapitola nebo informace o místě a neponechává žádný zdroj. Ve většině případů navždy. Živý příklad místa s hroznou navigací:

Jak si myslíte, je možné nalézt potřebné informace o takovém zdroji tím, že nebudete hledat, ale jednoduše na hlavní stránku? Myslím, že ne. Znovu, sytost barev a hojnost nepochopitelné navigace, kterou každý návštěvník zavede do stuporů a zmatení. Chcete-li zabránit takovým chybám, musíte seskupit všechny sekce a zobrazit je v samostatném navigačním menu, které bude pro každého návštěvníka srozumitelné.

Registrační formulář

Dalším důležitým a odstrašujícím faktorem na webu je registrační formulář. Někteří se pokusí shromáždit v registračním okně téměř data prapradě-babičky.

Takové formy registrace byly módní dříve, když se internet začal objevovat pouze v domácnostech. V současné době je internetový uživatel chce co nejdříve nalézt informace, které potřebuje, a dlouhé registrační formuláře, a to navzdory vynikající design stránek bude 99% šanci na odražení. Ideální forma registrace podle dnešních standardů je uvedena níže.

Dokonce i když tyto informace nestačí, nikdo se s touto žádostí nesnáší později od návštěvníka po registračním procesu. Tento přístup je považován za loajálnější a přátelský než registrační formulář, který se více podobá dotazníku při hledání zaměstnání.

Šablony webových stránek

Mnoho stránek je nyní vytvořeno na moderních systémech CMS, které poskytují bezplatný design webu. Ale bez registrace (templates) nenesou žádnou vizuální styl, takže v případě, že vlastník webu nepokouší ji ke změně způsobem, pak tento web je ztracen v hledání.

Za zmínku stojí také celé internetové portály, které nabízejí na svém základě nasazení své vlastní internetové stránky. V tomto případě existují oba plusy a minus:

• První a možná jediný plus je jednoduchost. Rámec webu je zpravidla modelován na základě takových zdrojů zkušenými konstruktéry, návrh místa se řídí určitými požadavky a pravidly. Zbývá to pouze naplnit tematickým materiálem a počkat na první návštěvníky. Z tohoto důvodu jednoduchost a pohodlí těchto služeb přitahuje nováčky. Pokud je však stránka nastavena pro seriózní vývoj a soutěže o titul top-1 ve vyhledávačích, je lepší odmítnout takovou službu.
• Z mínusů - poskytnuté šablony ve většině případů nelze editovat nebo měnit, budete muset používat celou dobu, která byla poskytnuta. Monotónnost je nejdůležitější nevýhodou, o které jsme hovořili na samém počátku, protože každá stránka musí být individuální a odlišná ve vzhledu od ostatních. Mnoho omezení, která nebude možné popsat, protože každá taková služba má své vlastní.

Závěrečná část

Všechno, co je popsáno v tomto materiálu, nepředstírá, že je "hlavním pokynem", člověk může vždy a dokonce muset dělat všechno svým vlastním způsobem - je to jen soubor nejčastějších pravidel a chyb. Nejdůležitější momenty, které jsou popsány zde ve formě barevného vnímání a vnitřní struktury místa, jsou standardem při navrhování místa. Nesprávně vybrané barvy vyděsit každého návštěvníka, který právě navštívil tento web, a negramotná konstrukce kategorií a prvků stránek jej nenechá navigovat a najít správné informace. Tyto okamžiky by měly být věnovány maximální pozornosti a, jak bylo uvedeno výše, vždy se musíte podívat na jakékoli místo očima návštěvníka, a ne oči developera.