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

.NET/PLSQL Architect

Rozmýšľaš o práci ako .NET/PLSQL Architect? Je tu možnosť na zmenu, možno hľadáme práve teba.Práca je v nadnárodnej softvérovej...

.NET/C# Developer

Možnosť zmeniť prácu je práve teraz, hľadáme .NET/C# Developera.Práca je v nadnárodnej softvérovej spoločnosti s kanceláriou v Bratislave. Je...

Java Software Architect

Medzinárodná IT spoločnosť, ktorá vyvíja softvér pre banky a poisťovne v západnej Európe hľadá človeka na pozíciu Java Software...

Java Develooper

Medzinárodná IT spoločnosť, ktorá vyvíja softvér pre banky a poisťovne v západnej Európe hľadá človeka na pozíciu JAVA DEVELOPER.Práca...

Frontend Developer

Medzinárodná IT spoločnosť, ktorá vyvíja softvér pre banky a poisťovne v západnej Európe hľadá človeka na pozíciu Frontend Developer.Práca...

IT Test Manager

Medzinárodná spoločnosť, ktorá vyvíja softvér pre banky a poisťovne v západnej Európe hľadá človeka na pozíciu IT Test Manager.Práca...

Frontend Developer + 3D vizualizácia

Pozícia: Frontend Developer Pracovný pomer: TPP Miesto práce: Bratislava Plat: 1800+ EUR/Brutto (12 fix + 3,5 variable)  (15.5 platov dokopy)Slovenská IT firma...

Stanovisko Slovensko.Digital k prehodnoteniu projektov eGovernmentu

Doteraz boli veľké štátne IT projekty vedené podobne, ako ich neslávne známy...

How to spot and defend against adversaries’ movements in your network

Dátum: 6 - 7. OKTÓBER 2020 Miesto konania: Ponteo Activity Park, Rusovce...

C# za 30 minút

Základy C# - premenné, prvý program, podmienky, cyklus. To sa dozvieš v tomto článku a v priloženom...

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