Blog Tipy pre efektívny web dizajn

Tipy pre efektívny web dizajn

Tipy pre efektívny web dizajn 1

Prvý dojem pri návšteve webovej stránky je veľmi dôležitý. Preto prinášam zhrnutie základných bodov, ktorými by sa mal každý  riadiť.

Rýchle načítanie webových stránok

Rýchlosť načítania webových stránok patrí k základnému pravidlu. Môžete vytvoriť webovú stránku, ktorá vyzerá krásne, ale len málo ľudí ju vôbec uvidí, pokiaľ jej načítanie trvá príliš dlho. Vaše návrhy musia byť optimalizované pre web a nemali by sa načítavať viac ako 5 sekúnd.

Jasná navigácia

Uistite sa, že všetky dôležité odkazy sú na viditeľných miestach. Najlepšie priamo hore –> to je prvé miesto, kde ich užívateľ hľadá. Využite menu vpravo alebo vľavo. Používajte odkazy na čo najviac stránok vášho webu, nech sú vaše informácie prístupné zo všetkých častí webstránky. Je dobré používať aj pätu, kde môžete umiestniť dôležité odkazy. Každá stránka by mala obsahovať mapu stránky.

Všetky druhy rozlíšenia

Dnes už existujú zariadenia s rôznymi druhmi rozlíšení. Pohybujú sa v rozmedzí od 320x480px až do napr. Full HD 1920×1080 px a viac. Dôležité je navrhnúť stránky pre všetky rozlíšenia. Jedným spôsobom ako tento problém vyriešiť je navrhnúť stránku responzívne.

Kompatibilita prehliadačov

Uistite sa, či je vaša stránka kompatibilná so všetkými prehliadačmi (cross-browser compatibility). Navrhujte webovú stránku dovtedy, kým bude vyzerať dobre aj na IE (aspoň verzia 7) – ešte stále totiž veľká časť populácie používa práve IE a nie každý ho pravidelne aktualizuje.

Čitateľné a profesionálne vyzerajúce písma

Nepýtajte sa ma, koľkokrát som vypla web len preto, že písmo je Comic Sans a farba je svetlo ružová alebo svetlo zelená. Comic Sans patrí k písmam, ktoré sú charakteristické pre žáner komiksu a na webe je jeho použitie znakom neprofesonality prípadne recesie. Ozdobné písma používajte rozvážne. Zaujímavú typografiu na webe môžete používať napr. vďaka Google fonts alebo Fontsquirrel.

Pozadie a obrázky

Obrázok je často prvou vecou, ktorú si návštevník všimne. Ak ich použijete v správnej kombinácii s ostatnými prvkami stránky, pochopí, čo sa na stránke nachádza a pokračuje ďalej v čítaní textu.

Pomocou obrázkov môžete upriamiť pozornosť užívateľa a vzbudiť v ňom nezabudnuteľný prvý dojem. Niekedy povedia viac, než samotný text, ktorý môžete ľahko zabudnúť. Musíte ich však vhodne skombinovať s farebnou schémou, typografiou a ostatnými objektmi. Váš web bude atraktívnejší a osobnejší, ak napríklad obsahuje fotky zamestnancov, katalóg produktov alebo pôsobivý úvodný obrázok, či jednoduchý a zároveň elegantný obrázok na pozadí. Dôležitá je však kvalita fotografií a nepreháňať to. Obrázok nemôže priamo odpútať pozornosť návštevníka od hlavného obsahu stránky. V súčasnosti sa často používajú aj rôzne textúry, vzhľadom k ich univerzálnosti sa dajú použiť v kombinácii s rôznymi prvkami, farbami, typografiou a osvetlením na rôznych miestach webu.

Využívajte biely priestor

Držte sa pravidla Keep it Simple Stupid (KISS). Minimalizujte množstvo grafiky a využívajte viac bieleho priestoru. Biele miesto dáva pocit priestornosti a celkovej elegancie.

Skontrolujte všetky odkazy

Skontrolujte všetky odkazy, pred tým než nahráte web na server. Môžete použiť Dreamweaver alebo online nástroj Net Mechanic.


Dobrý článok? Chceš dostávať ďalšie?

Už viac ako 6 200 ITečkárov dostáva správy e-mailom. Nemusíš sa báť, nie každé ráno. Len občasne.



Súhlasím so spracovaním mojich osobných údajov. ( Viac informácií. )

Tvoj email neposkytneme 3tím stranám. Posielame naňho len informácie z robime.it. Kedykoľvek sa môžeš odhlásiť.

Svetlana Margetová
Svetlana Margetová
Študentka 4. ročníka na Ekonomickej univerzite, odbor Manažérske rozhodovanie a informačné technológie. Popri štúdiu pripravujem automatizované testy a programujem v Zend a Django frameworku, venujem sa vývoju mobilných aplikácií pre všetky platformy (natívne, HTLM5 a hybridné aplikácie). Zaujímam sa o responsive web dizajn pre mobily, tablety a PC zariadenia.

Android Developer

Máš rád svoju slobodu, pracuješ na projektoch, ideálne remote? Máme pre teba projekt na kontrakt s odmenou 3500 - 4000+...

iOS Developer

Máš rád svoju slobodu, pracuješ na projektoch, ideálne remote? Máme pre teba projekt na kontrakt s odmenou 3500 - 4000+...

JavaScript Developer

Slovenská firma, ktorá má ambície vybodovať svetovú UX research platformu rozširuje svoj tím a hľadá JavaScript Developera. Pracoval by si...

Linux Admin

Pre spoločnosť, ktorá sa sa zaoberá hostingom webov a aktuálne rýchlo expanduje, hľadáme Linux Admina. Môžeš pracovať na kontrakt alebo...

Lead Developer Architect

Hľadáš istotu a stabilitu v zamestnaní? Medzinárodná spoločnosť, ktorá vyvíja finančný softvér hľadá Lead Developer Architect-a. Ide o prácu na...

.NET Developer

Máš rád svoju slobodu, pracuješ na projektoch, ideálne remote? Máme príležitosť pre .NET Developera. Projekt je na kontrakt s odmenou...

Tester_remote

Pracuj na svetovom SW produkte, ktorý je používaný miliónmi používateľov! Firma rýchlo rastie a vyvíja nové features. Poznáme ich prostredie...

GIRL´S DAY už po ôsmy raz priblíži stredoškoláčkam svet technológií

Už po ôsmy raz sa uskutoční celoslovenské podujatie GIRL´S DAY, ktoré prepája IT firmy a organizácie so stredoškoláčkami po...

Čo chcú ITčkári od firiem: Peniaze, peniaze, peniaze

V predchádzajúcich častiach ankety "Čo chcú ITčkári" sme sa pozreli na dopady pandémie na prácu v IT a ako...

Firmy častokrát nevedia využívať svoje dáta ako relevantný podklad pre rozhodovanie

Kvalitná analýza dát sa stáva v čoraz nevyspytateľnejšom ekonomickom prostredí jedným z najdôležitejších podkladov pre riadenie firiem. Konferencia Power BI Day...

Čítaj ďalej:

Dobrý článok? Chceš dostávať ďalšie?

Už viac ako 6 200 ITečkárov dostáva správy e-mailom. Nemusíš sa báť, nie každé ráno. Len občasne.

Súhlasím so spracovaním mojich osobných údajov. ( Viac informácií. )

Tvoj email neposkytneme 3tím stranám. Posielame naňho len informácie z robime.it. Kedykoľvek sa môžeš odhlásiť.