Blog Tipy pre efektívny web dizajn

Tipy pre efektívny web dizajn

Tipy pre efektívny web dizajn

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ť.

Junior / Senior Java Backend Software Engineer

JOB Position: Java Backend Software Engineer Contract type: TPP, Contract Location: Bratislava Salary Junior: 1500 EUR/Brutto Salary Senior: 2200 EUR/Brutto Rate: 3000 -4000 EUR/monthlyPrimary Job...

Senior Sieťový Špecialista

PRÁCA Pozícia: Sieťový špecialista Pracovný pomer:  TPP Miesto práce: Bratislava, on-site Plat: od 1700+ EUR/Brutto/mesačneHlavné zodpovednosti:Navrhuje architektúru, štruktúru a IP adresácie multiplatformových LAN/MAN/WAN sietí ...

Data Mining Expert

PRÁCA Pozícia: Data Mining Expert Pracovný pomer:  TPP Miesto práce: Bratislava, on-site Plat: od 2000+ EUR/Brutto/mesačneAké výzvy ťa čakajú?Vynikajúca pracovná príležitosť pre nadšenca práca...

Artificial Intelligence Consultant

JOB Position: Artificial Intelligence Consultant Contract type: Full-Time Location: Bratislava Salary: 2000 EUR/Brutto/monthsResponsibilities:conceptual processing and development of the new solutions in the area e.g....

Artificial Intelligence Expert

JOB Position: Artificial Intelligence Expert Contract type: Full-Time Location: Bratislava Salary: 2000 EUR/Brutto/monthsSuccessful adaptation of technologies like machine learning, deep learning, artificial inteligence will determine companies...

Senior Front-end / Angular Developer / Tvorba serverovej a aplikačnej logiky

PRÁCA Pozícia: FE/ Angular developer Pracovný pomer:  TPP, živnosť Miesto práce: Bratislava, Prievidza, Žilina Plat: od 1700+ EUR/Brutto/mesačneNáplň práce:Spolupráca na vývoji SW...

Senior .NET/Angular developer

PRÁCA Pozícia: .NET/Angular developer Pracovný pomer:  TPP Miesto práce: Bratislava, on-site Plat: od 1700+ EUR/Brutto/mesačneČo bude Vašou náplňou práce:spolupodieľanie sa na vývoji SW riešenia...

Nexteria – IT Club

Prednášky, diskusie, workshopy priamo od expertov z praxe.    Prepájame študentov a ľudí, ktorí...

Campus cowork

Campus cowork je medzinárodný coworking v Bratislave s dvoma lokáciami. Campus MLYNY...

Čo sme stihli v roku 2019

Každý rok je niečím špeciálny a rok 2019 nie je výnimkou. V...

Čí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ť.