Před deseti lety mnoho uživatelů internetu netrpělivě sledovalo Smashing Magazine , aby si přečetli nejnovější články o webdesignu. Mnoho skutečných webových designérů našlo svou vášeň pro tvorbu webových stránek prostřednictvím těchto příspěvků. Byla to doba, kdy principy webdesignu určovaly produktivní debatu mezi designéry – začátečníky i experty.
V dnešní době se o principech designu diskutuje podstatně méně. Je vášeň pro dobrý design mrtvá? Věřím, že designéři, blogeři a vývojáři už na tyto diskuse nemají čas.
Máme přístup k mnoha tvůrcům webových stránek, šablonám stránek, systémům pro správu obsahu (CMS) a dalším nástrojům pro vytváření webových stránek. V tomto množství alternativ vytváříme stále více stránek, ale ignorujeme jejich design.
Věřím, že každý si čas od času potřebuje zopakovat základy webdesignu. Podívejte se na tyto nápady!
Jednoduchost v designu
Už vás nebaví nespočet blogových příspěvků zdůrazňujících sexy jednoduchost? Je to zcela pochopitelné. Krutá realita je ale taková, že 99 % webů je více či méně zatíženo zbytečnými prvky.
Majitelé webových stránek chtějí uživatelům pomoci poskytováním co největšího množství dat na co nejmenším prostoru. Potřebují však najít sladkou tečku, protože příliš mnoho dat diváky obtěžuje. Webdesign je zčásti věda, zčásti umění!
Na rozdíl od doby před deseti lety, kdy chytré telefony používalo jen malé procento populace, je nyní více uživatelů mobilních zařízení než uživatelů stolních počítačů. V tomto kontextu je jednoduchost ještě důležitější. Jednoduché rozložení se načítá rychleji a neobtěžuje uživatele.
Jednoduchost jde ruku v ruce s rychlostí načítání. V dnešní době je rychlé načítání stránky povinné. Nezapomeňte na teorii Steva Jobse – design není to, jak vypadá, ale jak funguje.
Zkontrolujte každou položku na svém webu. Je to zbytečné? Pokud ano, smažte jej. Je to trochu nutné? Pokud ano, smažte jej. Je to nutné? Pokud ano, smažte to! Je to extrémně nutné? Pokud ano, nechte si to!
Nenuťte uživatele přemýšlet
Steve Krug napsal knihu s tímto názvem již v roce 2000 a designéři ji velmi ocenili. Krugovy poznatky jsou platné i nyní, téměř o dvě desetiletí později. Dobrý webdesignér nenutí uživatele přemýšlet. A tato myšlenka není pro uživatele urážlivá.
Lidé mají pozornost kratší než u zlaté rybky ! Průměrná doba pozornosti člověka byla 12 sekund v roce 2002 a pouhých osm sekund v roce 2012. Dnes máte pravděpodobně méně než osm sekund na to, abyste uživatele přesvědčili o užitečnosti vašeho webu.
Je pravděpodobné, že jednoduché rozložení nepřiměje uživatele přemýšlet, ale je třeba vzít v úvahu mnoho dalších aspektů. Začněte s vrstvou, která je skenovatelná – uživatelé skenují, ne číst. Ujistěte se, že váš slogan a slogan jsou snadno rozpoznatelné. Lidé by měli od první vteřiny vědět, kam se dostali, a účel webové stránky.
Architektura webu by měla uživatelům umožnit přejít z domovské stránky na jakoukoli jinou stránku za méně než tři kliknutí. Jakékoli další kliknutí vyvolá otázky. Čím více otázek má uživatel, tím nižší je kvalita webu.
Vizuální hierarchie
Ne vše na webové stránce je stejně důležité. Využitím vizuální hierarchie dejte lidem vědět, jaké je vaše nejsilnější sdělení. Proto by tlačítko s výzvou k akci mělo být velké, výrazné a umístěné na místě, aby okamžitě upoutalo pozornost.
Vizuální hierarchie je dosaženo umístěním, velikostí a barvou. Navrhněte rozvržení a mějte na paměti, že lidé obvykle skenují webovou stránku ve vzoru „F“ nebo „Z“ .
Větší prvky webové stránky jsou také spojeny s důležitějšími rolemi. Dává smysl mít velký slogan, ne?
A konečně, barvy také utvářejí vizuální hierarchii, a proto je dobré tlačítko s výzvou k akci v silném kontrastu s pozadím.
Gestalt Design zákony
Gestalt psychologie si klade za cíl určit zákony lidského vnímání ve zdánlivě chaotickém světě. Existuje několik zákonů, které pomáhají návrhářům vytvářet uživatelsky přívětivější návrhy.
Zákon blízkosti
Předměty, které jsou blízko u sebe, jsou podle tohoto zákona vnímány jako jednotná skupina. Aplikujte tento zákon například na návrh dobrého navigačního menu.
Uživatelé nebudou vnímat nabídku jako celek, pokud její položky nebudou odpovídajícím způsobem seskupeny, a to značně poškodí uživatelský dojem. Seskupte všechny položky nabídky a snažte se o symetrii a podobnost, abyste realizovali estetický prvek.
Zákon podobnosti
Tento zákon říká, že podobné objekty bývají vnímány jako jednotná skupina. Stejně jako předchozí zákon doporučuji navrhnout podobné položky menu.
Zákon symetrie
Objekty, které jsou navzájem symetrické, jsou vnímány jako jednotná skupina. Lidé dávají přednost symetrii před asymetrií, takže se ve svém návrhu rozvržení snažte o symetrii.
Zákon kontinuity
Podle tohoto zákona má lidský mozek tendenci sjednocovat objekty, které jsou blízko sebe, v lineární dráze. V tomto článku se dozvíte, jak zákon kontinuity funguje v umění. Tento zákon mějte na paměti při navrhování rozvržení, která obsahují nepravidelné tvary a zakřivené čáry.
Existuje několik dalších Gestalt zákonů, které mají menší vliv na návrhářskou práci. Při navrhování webových stránek neignorujte lidskou psychologii.
Mluví barvy
Hrát si s barvami je hezké, ale je to riskantní hra! Tvůrci webových stránek, jako je Wix, editor Gutenberg a další tvůrci stránek WordPress, umožňují uživatelům změnit celé barevné schéma webu během okamžiku.
Je to určitě skvělá funkce, ale zároveň by to mohlo negativně ovlivnit design webu.
Úspěšný web je zaměřen na uživatele, takže barevné schéma by mělo být pro uživatele pohodlné a nemělo by se jednat o oblíbenou volbu správce webu.
Vybrat správné barevné schéma není jednoduché. Obecně platí, že více než čtyři barvy jsou příliš mnoho, ale záleží na účelu a složitosti webu. Barvy by měly doplňovat obrázky a pomáhat přenášet jednotné poselství.
A konečně, nikdy nezapomeňte na různé významy barev po celém světě . Naštěstí pro nás existuje spousta webových aplikací, které vám pomohou získat inspiraci a vybrat správná barevná schémata.
Čitelnost
V průměru každý druhý čtenář tento příspěvek čte na kapesním zařízení. Velikost obrazovky a operační systémy jsou různé, ale obsah je stejný. Typ a velikost písma by se měly přizpůsobit každému zařízení, aby poskytovalo nejlepší prostředí pro čtení.
Netřeba dodávat, že lidé opustí váš web, pokud váš obsah není čitelný, a špatný výběr písma by mohl zničit dobrý web. Před implementací každého písma na svůj web otestujte.
Testovat, testovat, testovat
Od posledního desetiletí se změnila nejen technologie, ale také způsob vytváření a údržby webu. Před deseti lety byly webové stránky pouze online přítomností. Dnes je to součást podnikání nebo podnikání samotného.
Lidé posuzují vaše služby na základě vašeho webu. V důsledku toho již web není statickou instancí – je to živá bytost. Vlastníci stránek spolupracují s designéry a neustále pracují na vylepšení svých stránek.
Testování není principem webdesignu, ale součástí procesu tvorby a vylepšování webu.
Zabalit se
WordPress, Bootstrap a Wix umožňují uživatelům neomezenou moc vytvářet webové stránky bez kódování. Jsou skvělé, ale nezkušení uživatelé by mohli být v pokušení vytvářet webové stránky podle svých preferencí a nezaložené na dobrých zásadách webdesignu.
Výše uvedené tipy pouze poškrábou povrch, ale jsou užitečnou rekapitulací základních myšlenek. Přehlédl jsem důležitý tip? Zanechte prosím komentář se svými postřehy. Netrpělivě očekáváme váš příspěvek.
Zanechat odpověď