Prečítaj si momentálne trendy webových stránok

Dizajn webových stránok sa v posledných desiatich rokoch posunul na úplne iný level. Dizajnéri majú dnes neobmedzené možnosti a môžu sa vyhrať v každom jednom detaile. Čo je však momentálne „cool“?

Originálne ručné ilustrácie

 Len klasické obrázky už dnes nezaujmú. Stále viac stránok využíva ilustrácie. Ručne kreslené ilustrácie sú skvelý spôsob ako spraviť váš web originálny a pútavý.

trendy_webstranok

Veľká typografia

Vybrať správnu typografiu pre web je niekedy veľmi náročné. Font by mal byť jednoduchý, ľahko čitateľný a na prvý pohľad zaujímavý. Veľkým trendom je využívanie nadpisov na celú stránku spolu so zaujímavou fotografiou. Dizajnéri preferujú jednoduchosť a eleganciu.

trendy_web_typografia

Animácie

Interaktívne stránky sú veľkým trendom. Pôsobia dynamicky a čitateľa dokážu upútať na prvý pohľad. Rôzne animácie textu či objektov môžeme využiť na hlavnej stránke, pri prepínaní podstránok, alebo kliknutí na určitý objekt. Netreba to však s nimi preháňať, aby stránka nepôsobila chaoticky.

trendy_web_animacie

Zdroj: Webcreators

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Advertisements

Prečo by sa mal každý z nás naučiť programovať?

“Každý človek by sa mal naučiť programovať, pretože to ho naučí, ako myslieť. ” Steve Jobs
pre_sa_ucit_programovat
Programovanie je mimoriadne flexibilný nástroj, pomocou ktorého môžeme robiť úžasné veci, ktoré sú buď manuálne a pracovne náročné alebo jednoducho nemožné. Všetci používame smartphone, aplikáciu na chatovanie alebo odomykáme auto stlačením tlačítka. Všetky tieto veci používajú určitý druh programovania. V podstate, software ovláda náš život. Čo ak by sme sa teda naučili a začali ovládať tieto programy podľa vlastnej vôle?

Christian Genco at TEDxSMU

https://www.youtube.com/watch?v=xfBWk4nw440

Christian Genco odporúča programovacie online kurzy.

3 dôvody, prečo sa naučiť programovať

  1. Kódovanie rozvíja štrukturované a kreatívne myslenie

Ak má programátor vyriešiť nejaký problém, nezačnú ihneď kódovať. Problémy sa neriešia takýmto spôsobom. Keď existuje nejaký problém, je potrebné ho rozdeliť časti, s ktorými sa dá pracovať a potom ísť na to. Pristupujú “neprogramátori” takto? To sotva! Keď sa učíme programovať, postupne nastavujeme svoj mozog na to, aby dokázal rozložiť každý problém na kúsky a lepšie ich pochopil. Začneme uvažovať logicky, a to vedie k vytvoreniu kreatívnejších riešení na rozdiel od toho, aké sme kedykoľvek predtým mali.

  1. Programovanie nám uľahčuje veci

Jednoduchý počítačový program je schopný prispôsobovať veci tak, ako chceme.
Niečo, čo opakovane požaduje náš vstup, tak ako keď musíme vyplniť meno, priezvisko, email a ďalšie informácie v online formuláry, môže byť naprogramované tak, aby sme údaje vyplnili raz a potom to doslova vyplní formulár jediným kliknutím. Áno, je to možné. Z niečoto tak jednoduchého ako je práca v programe Excel môžeme aj zošalieť, pretože je potrebné vpisovať údaje manuálne. Ale môžeme si pomôcť s programovaním.
Už ste niekedy hrali šach na telefóne? Koľká bezmocnosť, keď je váš telefón múdrejší ako vy. Je naprogramovaný tak, aby vždy spravil správny krok, aký je len v šachu možný. Rovnako to funguje s akoukoľvek hrou na mobile alebo na počítači. S programovaním si môžeme vytvoriť vlastné nástroje a uľahčiť si život.

  1. Programovanie nás učí vytrvalosti

Keď sa naučíme programovať, začneme sa pozerať na problémy z hľadiska riešení. Náš mozog začne fungovať takto. Keď narazíme na problém po tom, ako sa naučíme programovať, začneme si predstavovať možné spôsoby riešenia. Akokoľvek zložitý sa bude problém zdať, staneme sa odhodlaní ho v kažnom prípade vyrieišť.

Zdroje: Christian Genco , Lifehacker

Aký je rozdiel medzi UX a UI?

difference-between-ux-ui-ux-ui-min-6cd3a171087987d31ecdb67ad67c0ab8136242f7b4e476a0e509017aa8bbc755

Na najzákladnejšej úrovni je používateľské rozhranie (UI – user interface) séria obrazoviek, stránok a vizuálnych prvkov ako tlačítka a ikony, ktoré sa používajú na interakciu so zariadením.

Ak sme chceli v roku 1970 používať počítač, museli sme používať rozhranie príkazového riadka. Nemohli sme si kúpiť počítač s grafikou, ikonami, tlačidlami alebo myškou. Ak sme chceli, aby počítač urobil to, čo sme po ňom požadovali, museli sme s ním hovoriť v programovacom jazyku počítača.

Nástup GUI predstavil potrebu nového druhu dizajnéra. Toho, ktorý sa zameral na grafické rozhranie osobného počítača. A práve vtedy vstúpil na scénu dizajnér používateľského rozhrania.

Táto disciplína sa vyvíjala v posledných desaťročiach a v budúcnosti sa bude vyvíjať ďalej.

UI dizajnéri dnes pracujú na webstránkach, aplikáciách, nositeľoch a iných programoch.  Môžu byť zodpovední za veci ako je návrh rozloženia rozhrania digitálneho produktu a vizuálnych prvkov na všetkých stránkach alebo obrazovkách systému.

UX

Používateľská skúsenosť (UX – user experience), je na druhej strane vnútorná skúsenosť, ktorú človek má, keď je v interakcii s každým aspektom produktov a služieb spoločnosti.

Termín UX bol vytvorený začiatkom 90. rokov.

UX1

UX sa neobmedzuje len na vizuálne rozhranie vášho produktu. Ide o koncept, ktorý má mnoho rozmerov a zahŕňa celú cestu človeka, ktorá zahŕňa:

  • proces, cez ktorý prechádza, aby zistil produkt spoločnosti
  • postupnosť krokov, ktorú vykoná, keď interagujú s rozhraním
  • myšlienky a pocity, ktoré vznikajú, keď sa snažia dokončiť úlohu
  • dojmy, ktoré získajú z interakcie ako celku

Dizajnéri UX sú zodpovední za zabezpečenie toho, aby spoločnosť dodala produkt alebo službu, ktorá spĺňa potreby zákazníka a umožňuje im hladko dosiahnúť požadovaný výsledok.

  Aký je teda rozdiel medzi UX a UI?

Dobrým príkladom je Google.  Jeho rozhranie je jednoduché. Na používateľskom rozhraní takmer nič nie je, len logo, vyhľadávací panel, niekoľko tlačidiel a stránka s výsledkami vyhľadávania. Ale keď zadáme niečo do vyhľadávacieho poľa, dostaneme prístup k takmer úplnému digitalizovanému ľudskému poznaniu za menej ako jednu sekundu.

Teraz si predstavme, že pri každom vyhľadávaní na Google trvá 15 sekúnd na získanie výsledku – už by ste nedostali odpoveď na otázku okamžite. Aj keď rozhranie zostalo rovnaké, skúsenosť so spoločnosťou Google by bola dramaticky odlišná.

ZDROJ: UX a UI

 

Ako sa stať programátorom za 3 mesiace

Na svete je 10 typov ľudí – tí,  ktorí vedia programovať a tí, ktorí nie. Kto porozumel tomuto vtipu má pravdepodobne nejaké IT základy za sebou, kto nie a pokračuje v čítaní má rozhodne chuť a potenciál 😊 (10 je binárne vyjadrenie čísla 2).

Čo je programovanie a prečo by ma to malo zaujímať ?

Programovanie dnes už nieje len zábavka introvertných geekov s hrubými okuliarmi krčiacimi sa v tme pred žiariacim monitorom. Nepotrebujete byť matematický génius ani presedieť za pc 16 hodín denne, dokonca nemusíte mať žiadne základy v IT a aj tak budete schopný začať a vypracovať sa.

Programovanie je mimoriadne užitočný skil, ktorý využijete takmer v každej práci. Potrebujete spracovať veľa dát v exceli ? Stačí napísať kus kódu vo VBA – čo je programovací jazyk implementovaný priamo v exceli. Potrebujete premenovať veľa fotografií ? Napíšte si za 5 minút jednoduchý program v pythone. Nechce sa vám vždy pri štarte spúšťať tie isté programy a webstránky ? Nie je nič jednoduchšie ako spraviť si jednoduchý BAT script. Programovanie človeka naučí zanalyzovať problém, rozdeliť si ho na menšie, ľahko riešiteľné celky a vyriešiť ho – proste kompletne zmení vás pohľad na svet a naučí vás myslieť efektívnejšie.

A samozrejme – programátori sú na trhu práce mimoriadne žiadaní a tým pádom veľmi dobre platení. Programátorov je veľký nedostatok a IT zaživa jeden boom za druhým – a s očakávaným príchodom IoT a využívania technológií v oveľa väčšom objeme ako tomu bolo doteraz sa medzera medzi potrebami trhu a počtom voľných programátorov rozšíri ešte viac. Takže – naučte sa programovať a máte o výborne platenú prácu (a zábavu) postarané do konca života.

Ako začať ?

IT je mimoriadne široké odvetvie a jednotlivé oblasti sú navzájom prepletené. Pri štúdiu budete prichádzať k situáciám, že pri čítaní článku k nejakej téme narazíte na 3 termíny, ktoré nepoznáte. Začnete študovať prvý termín a pri jeho vysvetľovaní narazíte na ďalšie 3 termíny ktoré nepoznáte. IT je proste veľké klbko a nájsť voľný koniec špagátu, od ktorého môžte začať rozpletať, môže byť ťažké. Nenechajte sa odradiť. Po pár dňoch, možno týždňoch, to zrazu celé západne a začne dávať zmysel.

Kvôli tomuto neodporúčam začať sa vzdelávať bez dohľadu skúseného lektora. Ten vám pomôže ušetriť obrovský množstvo času tým, že vám dá presne tie informácie, ktoré nevyhnutné potrebujete. Prihláste sa na classroom školenie alebo si zaplaťte IT kurz. Je to investícia, ktorá sa vám mnohonásobne vráti.

Kým sa ale začnete venovať konkrétnemu jazyku, treba získať trochu background z IT. Musíte rozumieť binárnej sústave, architektúre počítačov (logické hradla, ako funguje pamäť), získať základný prehľad v algoritmoch. Nieje to nič ťažké – a práve tu dokonale využijete google a youtube.

Prvý kontakt s programovacím jazykom.

Mnohí vám možno budú odporúčať – začni s Javou, je najžiadanejšia, 30 % profesie je práve Java. Alebo – nauč sa JavaScript, je cool, môžeš robiť parádne weby. Nepočúvajte ich. Obe sú síce pravda, ale Java aj JavaScript (podobnosť v názve je čisto náhodná).

Sú to takzvané vyššie jazyky – sú ako pretekárska motorka, ktorá je kvôli aerodynamike celá okrytovaná, vy síce motor nevidíte a nedokážete sa ho dotknúť, ale napriek tomu jazdí. Java a JavaScript (a väčšina zvyšku) odbremení programátora od práce s pamäťou, binárnymi posunmi, zjednodušujú väčšinu repetetivnych činnosti cez dodatočne knižnice a frameworky. To je skutočne skvelé, ale nie na začiatku – pretože tomu chcete rozumieť. Takže, na začiatok rozhodne odporúčam C.

Learn it the hard way.

Programovací jazyk C bol vytvorený pánom menom Dennis Ritchie pred 45 rokmi. Predstavte si ako vyzerali počítače v roku 1972 – žiadne bezpečnostné mechanizmy, žiadne dokonale UIčka. Také je aj Cčko – v tomto jazyku najlepšie pochopíte, ako počítač a programy pracujú s pamäťou. Pochopíte, že keď napíšete riadok kódu, tak sa v počítači reálne preženie elektrický prúd logickými bránami tak, aby sa na správnych miestach interpretovalo napätie ako 1ka alebo 0ka.

Najlepšie tu zistíte čo sú premenné, funkcie, ako fungujú loopy. Začnite v Cčku riešiť klasické problémy – napíšte si program, čo vypočíta faktoriál, nakreslite na konzolu viacnočný stromček z hviezdičiek, vytvorte si jednoduchú hru – napríklad piškvorky.

Najlepšie na tom je, že všetky vedomosti, čo získate v Cčku sú prenosné. Loopy v C fungujú úplne rovnako ako tie v Jave a Javascripte, to isté platí o funkciách.

Programovanie nieje o tom naučiť sa syntax konkrétneho jazyka, ale naučiť sa rozmýšľať. Keď viete jeden jazyk, naučiť sa ďalší je potom relatívne jednoduchá, pár dňová záležitosť. Držím vám palce.

Je kódovanie potrebnou zručnosťou pre marketérov?

Mali by marketéri pridať kódovanie medzi ich stále rozrastajúcej sa škály zručností alebo je lepšie vybudovať tímy skúsených mozgov, ktoré majú komplementárne zručnosti?

coding

Vysoko kreatívny, komerčne zdatný a digitálne gramotný – len niektoré z vlastností požadovaných po marketéroch v roku 2017. A tam to nekončí. V priebehu niekoľkých uplynulých rokov sa zvýšil počet výziev, aby marketéri doplnili do svojho súboru zručností aj kódovanie.

Ale je kódovanie skutočne prirodzené pre prácu marketéra? A ak nie je, mal by to byť?

Keďže marketing sa vo svojej podstate stáva viac analytickej povahy a je založený na bohatých údajoch a poznatkoch, marketéri musia pochopiť, ako fungujú ich webové stránky s cieľom lepšie optimalizovať cestu zákazníka.

Zdroj: MarketingWeek

Hľadáte tie najlepšie spôsoby, ako zlepšiť vaše SEO?

Rozhodli sme sa zistiť, na ktoré techniky je najdôležitejšie sa zamerať, a preto sme sa stretli so 60 odborníkmi a položili im túto otázku:

Aká je vaša #1 akcieschopná SEO technika?

seo techniky

Ich reakcie pokrývajú širokú škálu techník, ako je písanie kvalitného obsahu, SEO optimalizácia na stránkach, marketing od influencerov, hosťovanie blogov, vytváranie sietí, analyzovanie konkurencie, rozšírenie na bloggerov a optimalizácia pre kľúčové slová, na ktorých sa už radíte a optimalizácia pre záujemcov o vyhľadávanie, pre používateľskú skúsenosť, pre sémanticky súvisiace pojmy, pre CTR z vyhľadávacích nástrojov, pre umiestnenie a oveľa viac.

Všetky odpovede sme uviedli nižšie:

60 SEO technik, ktoré podnietia akciu:

  1. Píšte kvalitný obsah
  2. Využite marketing s influencermi
  3. Robte rozhovory s influencermi
  4. Optimalizujte pre otázky Google
  5. Vykonajte on-site optimalizáciu
  6. Použite webovú stratégiu SEO Spider
  7. Analyzujte konkurenčné linky
  8. Optimalizujte mieru prekliknutia z výsledkov vyhľadávania Google
  9. Robte lokálne analýzy kľúčových stránok
  10. Budujte povedomie v ďalších kanáloch
  11. Optimalizácia pre kľúčové slová, na ktorých sa už radíte
  12. Nájdite si Hero podmienky pre webové stránky ..
  13. Vytvárajte hypertextové odkazy a prepojte ich z stránok blogov na interné stránky
  14. Optimalizujte pre kľúčové slová, pre ktoré ste už zaradili
  15. Optimalizujte CTR pre vyhľadávače
  16. Získajte relevantné odkazy
  17. Optimalizujte kľúčové slová na úrovni stránky
  18. Uistite sa, že váš obsah je perfektný
  19. Vytvorte sieť pre SEO
  20. Napíšte 10X obsah
  21. Skontrolujte a opravte neindexované stránky
  22. Optimalizujte pre priamu odpoveď Google a optimalizujte pre miestne
  23. Získajte tie správne nástroje – Ahrefs & SEMRush
  24. Použite stratégiu zlomeného budovania odkazov
  25. Analyzujte svoju konkurenciu
  26. Budujte vzťahy
  27. Budujte linky s informačnými stránkami a redirect
  28. Analýzujte konkurenciu, dosaha a guest blog
  29. Robte on-Page SEO optimalizáciu
  30. Zamerajte sa na long-tailové kľúčové slová, ktoré prilákajú väčšiu návštevnosť
  31. Dosiahnite získanie recenzií Googlom
  32. Optimalizujte pre významovo súvisiace slová
  33. Analyzujte svoju konkurenciu a robte to lepšie
  34. Píšte viac do hĺbky stále aktuálneho obsahu
  35. SEO optimalizujte svoj obsah
  36. Zamerajte sa na technickú, obsahovú a vonkajšiu propagáciu
  37. Váš web musí byť rýchly ako gepard
  38. Použite Entity Salience
  39. Nájdite menej konkurenčné nadpisy pre príspevky
  40. Napíšte najlepšiu odpoveď na otázku, ktorú majú ľudia
  41. Optimalizujte pre zámer vyhľadávača a skúsenosti používateľov
  42. Optimalizujte svoj obsah pre kľúčové slová, pre ktoré sa radíte
  43. Počúvajte a dávajte pozor na validáciu myšlienkových modelov vyhľadávača
  44. Zamerajte sa na optimalizáciu miery konverzie pre SEO
  45. Aktualizujte svoje tagy nadpisov
  46. Riadte sa štatistikami pre rýchle výhry
  47. Implementujte protokol HTTP / 2 pomocou protokolov HTTP
  48. Dávajte, aby ste mohli dostávať
  49. Tvorte skvelý obsah
  50. Získajte kvalitné spätné odkazy
  51. Optimalizujte pre kľúčové slová, pre ktoré sa zaradíte
  52. Získajte bloggerov
  53. Zamerajte sa na skvelý obsah a presvedčivý dosah
  54. Získajte prvé miesto na Googli pre vaše príspevkyseo_tipy
  55. Optimalizujte pre používateľskú spokojnosť
  56. Zamerajte sa na výskum kľúčových slov
  57. Získajte odkazy cez hosťovské blogovanie
  58. Objavte kľúčové slová, pre ktoré sa vy a konkurenti radíte pre SEMRush
  59. Kombinujte SEO s PR
  60. Vytvárajte odkazy

Zdroj: Writtent.com

5 dôvodov, prečo vaša webová stránka stráca návštevnosť

Spustíte webstránku vašej firmy. Najmete niekoľko z top najlepších vývojárov a potom vytvoríte vašu webovú stránku. Usporiadanie sa zdá byť slušné, webová stránka vyzerajá dosť profesionálne a tiež si najmete nejakých copywriterov, ktorí vám poskytnú dostatok obsahu na spustenie blogu na vašom webe. Po spustení bolo všetko perfektné a na vašom webe začala rásť návštevnosť. Je to blízko k perfektnému podnikateľskému snu.

Po asi takom roku začnete zaznamenávať náhly pokles počtu návštevníkov, ktorých ste získali. Pravdepodobne ste sa čudovali, čo sa stalo. Prečo všetci opúšťajú vašu webstránku. Váš nástroj na analýzu zobrazuje obrovský nárast miery odchodov. Váš dokonalý malý sen sa ukáže byť peknou nočnou morou.

Úprimne, iba tí inteligentní dokážu rozpoznať presný dôvod, prečo webová stránka stráca návštevnosť. Prečo sme to povedali? Pretože používajú analytické nástroje. Inteligentní ľudia sa vždy snažia byť o krok napred a to je to, čo potrebujú, aby nasledovali.

V tomto článku vám poskytneme päť hlavných dôvodov, prečo váš návštevník opustil vašu webstránku a navrhneme ako sa vyhnúť chybám, ktoré tento problém spôsobujú. Poďme na to!

1. Pre návštevníka je zložité čítať váš obsah

Tu hovoríme o čisto designovom kontexte. Musíte si uvedomiť, že sú fonty, ktoré nie sú preferované ako všeobecné písma pre prezentáciu obsahu. Jednoducho povedané, tieto písma sa považujú za nečitateľné.

Vždy používajte fonty s vysokým kontrastom, ktoré sú čitateľné v akejkoľvek forme prehliadača a na akomkoľvek zariadení. Neexistujú žiadne základné pravidlá pre použitie písma. Napriek tomu by sme podľa našich skúsenosti uprednostnili Helvetiku, Calibri a Times New Roman pre lepšiu čitateľnosť textu.

Uprednostňuje sa, aby text nadpisu mal 22 bodov či viac, zatiaľ čo bežný text je 14 bodov alebo viac.

2. Prepchaná navigačná štruktúra

Ide o najčastejší problém mnohých webových stránok. Muselo sa to stať aj vám. Navštívili ste webovú stránku kvôli získaniu informácií a čo ste dostali bola veľmi mätúca navigácia na webových stránkach. Chceš niečo a dostaneš niečo iné. Zostali by ste na tejto webovej stránke? Samozrejme, že nie, nie je dôvod tam zostať.

Usporiadajte svoju webstránku takým spôsobom, aby nebol žiadny priestor pre zmätok, inak váš návštevník z vášho webu odíde.

Používanie neštandardných štýlov, generických štítkov, rozbaľovacích ponúk, ktoré nemožno prehľadávať a príliš veľa položiek v navigačnom paneli. Je možné, aby ste sa týmto navigačným chybám vyhli.

3. Ľudia majú tendenciu opustiť web, ak je pomalý

Všetci poznáte Kissmetrics, však? No, oni sú známi svojimi ostrými výskumnými údajmi a technikami na získavanie údajov. Majú ohromujúce fakty o rýchlosti webových stránok. Ak je rýchlosť webových stránok pomalá, 47 % návštevníkov opustí web ešte pred 2 sekundami a 40 % návštevníkov odíde za 3 sekundy.

V prvých troch sekundách ste stratili takmer 87 % vašich návštevníkov. A to len preto, že vaša webová stránka sa načítava viac ako tri sekundy.

Zvýšenie rýchlosti načítania stránky je veľmi dôležité, pretože rovnaký výskum tiež uviedol, že každé druhé oneskorenie znižuje mieru spokojnosti o 16 %. To znamená, že ak sa oneskoríte o tri sekundy, stratíte viac ako polovicu svojich návštevníkov.

4. Váš dizajn je zastaraný a bez výzvy k akcii

Väčšina ľudí posudzuje kvalitu webstránok podľa ich dizajnu a usporiadania. Väčšina užívateľov sa cíti neisto, ak design nie je správny.

Design je to, čo prináša návštevníkovi dôveru a ak nie je správny, tak u užívateľa nemáte šancu, aby vám veril.

Ak vaša webstránka nemá CTA, tak aký je účel internetovej stránky. Návštevník je taktiež zmätený, pretože očakáva, že na oplátku bude musieť niečo urobiť. Web bez CTA nie je vôbec žiadny web.

5. Príliš veľa reklamy môže zaplaviť vašich návštevníkov

Je pochopiteľné, ak vaša webová stránka beží a zarába vďaka reklamám. Ak to však nie je váš prípad, reklamy okamžite odstráňte. Ak sú reklamy podstatnou časťou vašich príjmov z webu, tak tieto skutočnosti zvážte.

Väčšina užívateľov neocení príliš veľa pop up okien. Neustále blokovanie dôležitého obsahu vás môže vyjsť veľmi draho. Preto buďte opatrní s používaním popup reklám.

Zdroj: Themient