Pravidla nerozpadněte, znovu je
Lidé vytvářejí webové stránky z mnoha důvodů: oslovit širší publikum; prodávat, podporovat nebo vyjadřovat; uspokojit tlak vrstevníků. Novinka přestala být důvodem kolem roku 2001. Na jejím místě máme samozřejmě: o kurzu mám webovou stránku; samozřejmě musíte mít Facebook stěnu, Twitter účet, profil LinkedIn nebo desku Pinterest; samozřejmě všichni máme e-mail.
A samozřejmě, webový design využívá HTML a CSS - dva jazyky, se kterými tvůrci prohlížečů a návrháři najdou společný základ. Ale mnoho webových designérů vytváří úžasnou rozmanitost se stejnými jazykovými pravidly tím, že se ptá, co když, místo toho, aby se samozřejmě dostalo.
Jiní se drží toho, co funguje.
Ti, kteří sledují konvenční moudrost, používají nejen jazyky, ale i tytéž věty - v webových termínech, a to nejen HTML / CSS, ale také Arial a Georgia, rozvržení 960 pixelů nebo podtržené modré vazby. Použití těchto konvencí není špatné. Ale návrháři, kteří si nevybírají zavedené vzory - kteří sledují konvenční moudrost bez toho, aby se zeptali, proč - chybějí příležitosti.
Standardní struktura
Standardní jednoúrovňová struktura má praktické výhody. Je to jednoduché a jednoduché je dobré pro termíny. A co je důležitější, je to známé. Jak veřejní weboví weboví weboví designéři, tak weboví designéři mají nevyslovenou dohodu o tom, jak fungují webové stránky. Po domově / službách / o stylu kontaktu slouží designéři a diváci tak, že splňují jejich očekávání.
Jiné pojmy jsou tak zřejmé, že je snadné je přehlížet:
- Lidé očekávají, že kliknutím na slovo "kontakt" se uvedou e-mailové nebo telefonní údaje.
- Vědí, že v levém horním rohu stránky najdete domovský odkaz. Ve spojení s logem samozřejmě.
- V zápatí, často na levé straně, uvidí prohlášení o autorských právech s rokem.
- Vědí, že webové stránky se pohybují nahoru a dolů, nikoliv vedle sebe.
Kromě toho, stravování naučené chování zmírňuje tření. Ale návrháři, kteří sledují konvence, aniž si je uvědomí, posilují samotné úmluvy.
- Klikněte na logo a získáte kontaktní formulář? "To jsem nečekala."
- Klikněte na odkaz "přečtěte si více" a získejte výplatní část? "Jen mi dejte článek."
- Posunovat vodorovně místo svisle? "To je divné. Je to zlomené? "
- Nejvýraznější grafika v dolní části stránky? "Je to vzhůru nohama."
Je snadné vyvodit zřejmý závěr: Přestávejte konvenci a riskujete odcizování lidí.
Přesto ne všechny konvence jsou absolutní. Většina webových stránek se řídí pravidly s vlastními stylistickými rozdíly. Ne každý odkaz na každém webu je podtržen modrým textem. Ne každá fotografie má stejnou velikost. Ne každé uspořádání používá stejné uspořádání sloupců. Lidé se přizpůsobují, protože různé konvence jsou samy o sobě konvencemi. Lidé očekávají, že mezi jednotlivými místy najdou rozdíly.
V tom případě, jak se netradiční webové stránky dostanou pryč s láskou? Jejich návrháři vynalezli nové konvence, které se snadno učí.
Adaptivní myšlení
Stará slova "neporušíme to, co není rozbito", je dobrá rada, dokud někdo nezmění definici "zlomené".
Od začátku webu se návrháři mohli spolehnout obrazovky o šířce nejméně 640 pixelů . Více nedávno, 1024 pixelů a větší jsou běžné. Počínaje rokem 2007 drobnýgadgets webové stránky v rukou lidí. Náhle navrhnout 320 pixelů byl v módě .
Ale nuceni změnit a zvolit si změnu jsou různé postoje. Kreativita se nebojí sledovat cestu většího odporu.
Robertsova skupina Webových experimentů s rozvržením založeným na mřížce. Uživatelé navigují na svém webu pomocí "doslovné mapy stránek". Textové odkazy poskytují uživateli nepohodlí s mřížkou zátěž.
Jak rozdělit konvence
Ne všechna rizika se vyplatí. Většina netradičních návrhů webových stránek se nezdaří, protože narušují vzory, ale proto, že nedokáží sdělit nové sliby. Trikem je zjistit, proč se objevily konvence.
1. V horním levém rohu umístěte domovský odkaz s logem
Problém: návštěvníci komplexního webu se mohou ztratit. Spolehlivé spojení domovské stránky funguje jako tlačítko pro obnovení webu.
Konvenční myšlení: Začátek každé stránky začíná v horní části stránky. Vzhledem k tomu, že většina webových rozložení se posouvá dolů, horní část každé stránky je nejlogičtějším místem pro spolehlivé tlačítko.
Nekonvenční myšlení:
- Použijte pozici: opraveno, chcete-li v prohlížečích návštěvníků ukládat domovské tlačítko na stejném místě, nikoliv pouze stránku
- Povzbuzujte lidi, aby procházeli obsahem s prominentním domácím odkazem ve spodní části stránek
- Odstraňte domovskou stránku ve prospěch bohatou navigační lištu
2. Seznam článků vytvoří jejich tituly, obrázky nebo "číst více" kliknutím
Problém: lidé potřebují jasné pokyny, aby získali informace, které tituly a popisy slibují.
Konvenční myšlení: tituly a miniatury nejlépe reprezentují obsah, který popisují. Nejkratší cesta k "Chci přečíst více o tom" je, aby bylo možné kliknout. Proto udělejte tituly a miniatury klikací.
Nekonvenční myšlení:
- Udělat celý teaser - obrázek, titul a popis - kliknutí. Spojení s větší plochou jsou vhodné pro mobilní design a snadno se vytvářejí pomocí CSS
- Otočte ho vzhůru nohama: odejděte jedním nebo dvěma přesvědčivými věty a potom v nižším textu vložte dole klikací název
- Spíše než "číst tuto zprávu nyní", umožňují uživatelům přidávat články do fronty, které je třeba číst ve volném čase v pořadí, které zvolí
3. Před napsáním obsahu vytvořte šablonu
Problém: estetika, ne kód nebo sémantika, vytváří první dojem stránek.
Konvenční myšlení: Nejprve navrhnout vzhled stránky. Nechte prostor pro obsah.
Nekonvenční myšlení:
- Použijte typografii a barvu k tomu, aby obsah obsahoval náladou, hlasem a znakem. Pak navrhněte prvky, které v případě potřeby posilují tento charakter, jako jsou textury pozadí a postranní lišty.
- Vytvořte podkladovou část obsahu. Změňte barvy na stránku tak, aby odrážely náladu, téma nebo funkci.
- Skryjte nebo zmenšujte informace na postranním panelu, dokud se uživatel rozhodne věnovat pozornost.
Příběhy na Longboard World nejenže se vzdoruje pravidlu "teasery musí být text", ale učí se lekci Fittův zákon tím, že celá poznámková karta klikne.
Pokyny k pravidlům
Zrušení veřejného naučného chování spočívá v odmítnutí slibu. Konvence jsou synonymem důvěry. Nejlepším způsobem, jak přerušit zavedená pravidla, je tedy nerozlučovat je, ale nahradit je.
1. Nahraďte, neporušujte pravidla
Chcete-li změnit konvenci, musíme respektovat, proč fungovaly staré předpisy.
- Časné prohlížeče potřebovaly pro zřetelné odkazy, a tak zdůraznily text, na který lze kliknout.
- Řádky textu o šířce větší než 400 pixelů jsou pro lidi těžké sledovat linii po řádku. Nejenže sloupce zkracují řádky, ale umožňují více horizontální uspořádání.
- Webové stránky bohaté na obsah vytvářejí organizační bolesti hlavy. Vyhledávací nástroje umožňují, aby lidé vyhledávali konkrétní frázi, nikoli kopírovat pomocí libovolných kategorií.
2. Dodržujte vlastní pravidla
Jakmile se lidé spojí, řekněme, oranžové krabice s odkazy, návrh by se neměl od tohoto slibu lišit. Pokaždé, když kliknete na oranžovou krabičku, přenesete lidi na novou stránku, je toto pravidlo posíleno. Každá oranžová krabička, která jinak udělá pravidlo, zhorší.
3. Dej čas
Jak veřejní, tak neochotní majitelé stránek získávají důvěru prostřednictvím expozice. Návrh může pomoci tím, že snížíte křivku učení - jasné pravidla.
4. Používejte cíle
Konvence fungují. Jsou to jednoduché pro designéry i publikum. Přerušení je kvůli změně nemá nikdo žádné laskavosti. Spíše přehodnoťte problémy.
- Lidový konsensus je proti tomuto zákonodárství. Pokud lidé navštíví webovou stránku, máme méně než jednu vteřinu, abychom je získali. Jak můžeme rychle změnit mysl?
- Chceme zobrazit více než 200 fotek. Jak můžeme pro lidi usnadnit navigaci?
- Naše výrobky jsou bezpečné, ale máme pověst, že se o životní prostředí nestaráme. Tiskové zprávy neznamenají nic. Jak můžeme projevit skutečné obavy v podtextu?
- Máme skromný inventář. Nikdo nekupuje. Jak to můžeme udělat pro naši výhodu?
Vývoj webu se odváží rozbíjet boční pohledy na "pravou ruku" prohlížečů. Animace na začátku demonstruje uživatelům to, co dostanou pro postranní posouvání.
Jak se webový design vyvíjí, dodržování konvence je riskantnější než experimentování. Když si veřejnost všimne netradičních návrhů, které fungují dobře, mobilní či nikoli, budou si také vědomi webových stránek, které se omezují na včerejší konvence. Návrháři, kteří to uznají, mohou učinit velké kroky směrem k budování lepších webových stránek.
Zrušujete pravidla nebo je bezpečně hrát? Jaká pravidla webového designu byste chtěli přepsat? Dejte nám vědět v komentářích.
Doporučený snímek / náhled, nekonvenční obraz přes Shutterstock