Design na webu se dostal od svého prvního dne plného kruhu.
Došlo k oživení jednoduchých, podhodnocených návrhů webových stránek, které uvádějí obsah přímo do popředí, vyhýbají se odvážným grafikům a trikům z minulého desetiletí nebo podobně, podobně jako první internetové stránky kladly důraz na funkci a obsah.
Ale je pravděpodobné, že web a způsob, jakým je navržen, se budou pohybovat v cyklech, jako většina trendů dělá. V určitém okamžiku v blízké budoucnosti můžeme znovu vidět weby s více zřetelnými "návrhy", jejichž obsah se trochu posunul o důležitost.
Všimnete si v tomto článku, že existují případy, kdy jsem dal "design" v uvozovkách. Samozřejmě, že všechny webové stránky jsou navrženy do určité míry nebo jiné, a design neznamená jen grafiku.
Citace jsou zde k rozlišování mezi zřetelnými, vizuálně dominujícími návrhy a obecnou praxí návrhu.
V prvních dnech internetu se dělo velmi málo "designu". Většinou se jednalo o textové texty s možným obrazem nebo dvěma, které byly hodnoceny. Mnoho z toho bylo kvůli omezením šířky pásma a obavám o době načítání (když je každý na dial-up, každý byte počítá). A hodně to bylo proto, že do webových standardů nebylo zabudováno mnoho "návrhových" funkcí.
Přidávejte problémy s různými prohlížeči, které zobrazují věci divoce různými způsoby, a uvidíte, proč se téměř nikdo neobtěžoval s designem, který by byl omezen na několik textových stylů. Obsah dominoval nejvyšší (vedle příležitostného animovaného GIFu).
Web byl nový a lidé se k němu přiblížili podobně jako tištěný design. Neexistovalo mnoho "profesionálních" webových designérů, a spíše bývalo více lidí, kteří navrhli pro web, který pocházel spíše ze softwarového pozadí než z designového zázemí. Z tohoto důvodu byly buď vizuální návrhy minimální, nebo byly skutečně opravdu špatné.
Měli bychom zde zmínit prevalenci "hvězdné noci" v raných internetových stránkách. To je teoreticky že převládání tohoto vesmírného stylu pozadí je způsobeno velkým počtem science fiction a fanoušků videohry, které byly online na počátku až polovině 90. let. Někdy se tyto pozadí skládaly ze statických obkladů, zatímco jindy měly animované blikání nebo šumivé. V obou případech byly na prvních internetových stránkách neuvěřitelně časté.
Blikající text byl jedním z nejhorších trendů prvních dnů webového designu. Rainbow text (zvláště animovaný text, který změnil barvy v konstantní smyčce) byl další trend, který se šťastně zmizel z profesionálních webových stránek (ačkoli to je ještě někdy vidět na amatérských stavbách, okamžitě harkening zpátky do poloviny-90s, ačkoli obecně ani ne nádech nostalgie). To byly první velké pokusy o vizuální "design" na webu.
Netrvalo dlouho, než lidé zjistili, že mohou formátovat své webové stránky pomocí tabulek HTML. Zatímco to dělalo hodně pokroku ve světě web design, to také vyústilo v některé skutečně hrozné návrhy webových stránek. Také se přidala k velikosti webových stránek a časům načítání, protože ve většině případů vyžadovaly více obrázků na pozadí pro vytvoření návrhu.
Rámy byly jiným způsobem, že mnoho tvůrců webových stránek formátovalo jejich obsah. Jeden snímek obsahuje navigační prvky, zatímco druhý obsahuje hlavní obsah. Navigační rámec by zůstal statický, když byl načten nový obsah. Rámečky byly také používány k zobrazení odkazů mimo lokalitu při zachování záhlaví původního webu nebo jiných informací (tato technika je stále používána řadou míst dnes, nejvíce pozoruhodně About.com ).
Blesk byl také přichycený k sobě ve stejnou dobu, a byl zvyklý na vytvoření plně interaktivní, animované webové stránky. Doby zatížení stránek Flash byly v mnoha případech delší, ale vzhledem k tomu, že širokopásmový internet se stal častějším, čas načítání se stal méně důležitým.
Internet v té době dominoval "designem". Obsah, v řadě (většiny?) Případů, vzal zadní sedadlo do vizuálního stylu. Návrháři (profesionálové i fandové) chtěli předvést své designové dovednosti a trpěly obsahem a použitelností. Ale web byl stále relativně mladý a nebyl součástí každodenního života pro miliardy lidí, jako je tomu dnes.
Informační architektura a použitelnost byly stále v raných dobách on-line a většina projektantů z velké části ignorovala. Zvláštní pozornost byla zaměřena na zvony a píšťalky, bez ohledu na to, zda skutečně zlepšily uživatelské zkušenosti.
S příchodem Web 2.0, blogů a více obsahu generovaného uživatelem se obsah stal důležitějším. Tučná konstrukce byla stále důležitá a přesto se hodně přemýšlela a v některých případech měla stále přednost před zobrazeným obsahem.
Squidoo je skvělý příklad designových stylů, které jsou společné s dobou Web 2.0.
Během této doby bylo několik stránek, které se soustředily více na obsah (Wikipedií by to pravděpodobně bylo nejvýznamnější z nich), ale ve většině případů hrála jasná konstrukce.
Web 2.0 může být připočítán s důrazem na obsah a nakonec dává funkci alespoň stejně důležitou jako forma. Většina stránek Web 2.0 byla relativně uživatelsky přívětivá a kladla důraz na zkušenosti uživatelů. Stále existovala význačné místo na "design" prvky a grafiku, ale obecně není na úkor obsahu a použitelnosti webu.
Pravděpodobně nejhorší věc, která vyšla z éry Web 2.0, je to, co budu nazývat "MySpace design". Glitterová grafika. Déšť a jednorožec. Špatné, nečitelné barevné kombinace. Stránky s animovaným obsahem. A všechny generátory, které umožnily lidem bez návrhu pozadí a bez znalosti jazyka HTML nebo CSS vytvořit stránky profilu, které byly horší než jakýkoli amatérský "design", který byl kdy vytvořen v raných dnech webu. A k přidání urážky ke zranění byly většinou psány ve špatně formátovaném HTML a CSS.
Naštěstí tyto druhy zcela přehnaných a přehnaných stránek a stránek většinou spadly do cesty. Jistě, oni jsou stále běžně vidět na MySpace profily 14-rok-staré dívky (mezi mnoha jinými demografiemi), ale naštěstí oni se přelili přes do obecného webu velmi hodně. S výjimkou Zkorodovat , samozřejmě.
V posledních několika letech došlo k oživení v jednoduchých, čistých návrzích. Dokonce i návrhy, které by byly považovány za "výstřední" nebo "Web 2.0" - často mají o nich jednoduchost. Soustředění je kladeno zcela zpět na obsah.
Frieze Magazine má velmi čistý a jednoduchý design s důrazem přímo na obsah.
Jedním z důvodů, proč tento trend vedou, je počet lidí, kteří prohlížejí web na smartphonech. Uživatelé, kteří procházejí ze zařízení iPhone nebo jiného smartphonu s velkou obrazovkou, nemusí nutně chtít zobrazit mobilní stránky. Ale prohlížení stránky, které je příliš složité, je na malé obrazovce.
Typografica je dalším skvělým příkladem webu, který dává platformě obsahu centra.
Tyto nové návrhy přinášejí obsah, přičemž bezproblémově mizí do pozadí. Umožňují návštěvníkům snadné procházet a najít to, co hledají, a zlepšit celkový dojem. Ale nejsou zřejmé ani ostentativní a většina lidí si je neuvědomuje. Je to obrovská odchylka od návrhů, které byly od konce 90. let významné.
Příliš často se návrháři a zejména jejich klienti dívají na obsah a styl (nebo design) samostatně. Dívají se na dva jako na samostatné entity, které musí být nějak spojeny. Nebo přinejmenším koexistují ve stejném prostoru.
To je však špatný způsob přístupu k projektu. Váš obsah by měl být vylepšen vizuálním stylem vašeho webu. A vizuální prvky by měly být vytvořeny k podpoře obsahu a jeho využití pro vaše návštěvníky. Zpracování obsahu a návrhu jako dvou samostatných věcí vede k konečnému produktu, který často chybí.
Podívejte se na obsah, který vaše stránky musí obsahovat, a přemýšlejte o tom, jak nejlépe předvést obsah v rámci návrhu. S holistickým přístupem je pravděpodobnější, že výsledkem bude design, který bez námahy přináší obsah, aniž by upoutal pozornost na sebe.
Zatímco design se neustále vyvíjí, pohybuje se také v poměrně pravidelných cyklech. Přicházíme plný kruh od raných dnů webového designu až po obsah, v němž je primární zaměření webových stránek. A přesto jsme se z počátku webu natolik rozrostli, že nikdo by neměl zaměňovat dobře navržené stránky od roku 2010 a jeden navržený v roce 1995.
Zřejmý, dominantní vizuální design se v příštích letech pravděpodobně vrátí, ale je pravděpodobné, že se bude vyvíjet a vylepšovat tak, aby to už nebylo škodlivé pro uživatelský zážitek.
S výskytem video a jiného netextového obsahu v kombinaci s novými možnostmi prezentovanými v systémech CSS3 a HTML5 má smysl jen to, že grafika bude opět chytat středový stupeň.
Napsáno výhradně pro WDD Cameron Chapman
Jak vidíte vztah mezi designem a obsahem a životními cykly prezentovanými na tomto příspěvku? Podělte se o níže uvedené názory ...