Príbehy o technológiách, startupoch,
eventoch a omnoho viac

Čo prinesie iOS 11

6. jún 2017

iOS

Technológie

X vecí, ktoré treba urobiť tesne pred a po spustení "nielen" WordPress webu

Tiež máte ten problém, že dokončíte web a rozmýšľate nad tým, čo všetko treba ešte dorobiť a či ste na niečo nezabudli? Zamyslel som nad tým, čo teraz riešim pri tvorbe webu najviac a prišiel som na to, že to nie je samotný proces, ale všetko to, čo musím spraviť pred a po spustení webu.  Preto som si pre vás nachystal X veci, ktoré treba riešiť tesne pred a po nasadení webu, na ktoré nesmiete zaručene zabudnúť.  Tesne pred Sekciu som nazval tesne pred lebo samotný development sa zaobíde aj bez daných riešení a kebyže mám popísať, čo všetko je nutné urobiť pred nasadením webu, tak nám z toho vznikne článok, ktorý by ste mohli čítať do rana. Pozerajme sa teda na stav tak, že už máme pripravený web na spustenie. Pred tým ako ho spustíme, by sme sa mali zamyslieť nad tromi základnými vecami: Je náš web dobre zabezpečený? Má náš web SEO? Je náš web dostatočne rýchly?  Bezpečnosť Https a bezpečnosť Zabezpečený web je lepší web. Nielen v očiach zákazníka, ale aj Vám sa bude o niečo lepšie spávať, keď budete vedieť, že vaše dáta a komunikácia so serverom je v bezpečí. Preto si na svoj web zaručene pridajte https.  Certifikačná autorita Let’s Encrypt otvorila „svoje brány“ v decembri 2015. Konečne je tak možné získať overený a bezpečný SSL certifikát úplne zadarmo. Tak prečo ho nevyužívať na každom webe? O hlavných výhodách https zabezpečenia sa asi najviac dozvieme na Prednáške z Google I/O, ktorú mali Ilya Grigorik a Pierre Far. Na prednáške vyzdvihli výhody šifrovaného spojenia a celkového šifrovania webového obsahu protokolom TLS. Https a rýchlosť Ďalšou výhodou https je zlepšenie rýchlosti a to použitím HSTS (HTTP Strict Transport Security). Toto vylepšenie nám pomôže v tom, že do prehliadača vytvorí cache a prehliadač pri pripojení k webu vytvorí automaticky spojenie cez HTTPS, aj v prípade že zadáme HTTP. To v podstate absolútne anuluje nejaké presmerovania, ktoré nie sú z hľadiska optimalizácie žiadané, keďže sa všetko vopred správne nastaví u klienta. HSTS môžete nastaviť dvoma spôsobmi - priamo vo VirtualHost (odporúčané) alebo pomocou súboru .htaccess, ak nemáte možnosť VirtualHost upravovať. Kód, ktorý vložíme do htaccess: Header set Strict-Transport-Security "max-age=31536000" env=HTTPS Https a vyhľadávače V auguste 2014 Google oznámil, že weby, ktoré budú na HTTPS budú lepšie hodnotené vo vyhľadávaní. Odpoveď na otázku prečo Google začal uprednostňovať HTTPS je jednoduchá. Chce ochrániť súkromie svojich používateľov a donútiť developerov, aby lepšie zabezpečili svoje weby. Ale pozor, tým, že prevediete svoje weby na HTTPS, nečakajte zázraky, keďže ide iba o jeden zo stoviek ďalších hodnotiacich faktorov. Posledné testy ukázali, že aplikáciou tohto faktora sa nezmenilo ani 1% všetkých výsledkov vyhľadávania , takže sa naozaj jedná iba o jedno malé plus. Zaujímavosť: Iba 1,9% z TOP 1 000 000 najnavštevovanejších webových stránok používa defaultne protokol HTTPS. Hlavné výhody a prečo využiť https? bezpečnosť rýchlosť SEO Nevýhody https? Cena SSL certifikátu (Let’s Encrypt je za free) Blokovanie obsahu z http Pri bežnej prevádzke je potrebné dávať pozor na validitu certifikátu Prechod na https Prvú vec, ktorú musíte spraviť je zabezpečiť si SSL certifikát. V podstate máte dve možnosti, buď si zvolíte platený certifikát alebo certifikát, ktorý je zadarmo. Môj pohľad na to ako sa rozhodnúť je nasledovný. Pokiaľ sa jedná o web, kde pracujete s citlivými údajmi, tak by som odporučil platený certifikát. Ale ak sa jedná o klasický web určite by som by som siahol po neplatenej alternatíve Let’s encrypt. Jedinou nevýhodou certifikátu je, že ho musíte raz za 3 mesiace obnovovať. Náš poskytovateľ hostingu websupport rieši daný problém za nás, čo je veľká výhoda. Možností ako zabezpečiť SSL je naozaj veľa, ale keď už sa s tým popasujeme a certifikát získame, tak nás čaká ešte ďalší boj. Postup Prvý krok, ktorý urobíme je zmena URL priamo v admine webu. Napr. http://goodrequest.com/ -> https://goodrequest.com/ Ďalej musíme nastaviť presmerovanie na https v .htaccess pomocou nasledovného príkazu: RewriteCond %{ENV:HTTPS} !=on RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [L,R=301] Tento krok zabezpečí to, že každý kto pôjde na váš web cez HTTP tak bude presmerovaný na zabezpečený web. Kebyže sme v tomto štádiu navštívili našu stránku, tak by sme si všimli, že zámok ktorý je pri url adrese je stále odomknutý. Je to spôsobené tým, že stránka obsahuje nahraté súbory, ktoré odkazujú na http. Ja som to riešil pomocou pluginu search and replace (https://srd.wordpress.org/plugins/search-and-replace/), ktorý mi umožnil zmeniť adresu v databáze a to nasledovne: Search: https://goodrequest.com/wp-content/uploads Replace: http://goodrequest.com/wp-content/uploads Upozornenie: využite funkciu pluginu a zálohujte pred operáciou databázu. Ak ste postupovali správne, tak by ste mali vidieť, že je váš web zabezpečený a v url adrese svieti zeleným HTTPS. Posledná vec, ktorú musíte nastaviť je nová adresa v nástrojoch Google Analytics a Search Console. Odporúčam ponechať verziu http v Search Console. Veľkou nevýhodou je, že migráciou prídete o všetky lajky na sociálnych sieťach. Je to spôsobené tým, že FB berie vašu HTTPS stránku ako iný web. Aj tak prechod stojí za to a problém do budúcna určite vyriešia.  iThemes Security Najlepší a jediný plugin na bezpečnosť, ktorý musíte používať. Pozrime sa spolu na to, čo všetko dokáže:  odstráni meta tag verzie Vášho WordPressu. Každá verzia má určité nedostatky, ktoré hackeri poznajú. Preto by ste im nemali dať najavo, ktorú verziu WordPressu používate zmení URL pre prihlásenie z pôvodného stránka.sk/wp-login.php na Vami zvolené predídete tzv. „brute force“ útokom neustále skenuje web kvôli možným malwareom upozorní Vás, ak sa na webe udejú nejaké zmeny automaticky zálohuje celý Váš web možnosť zablokovať IP adresy (Blacklist a whitelist) detekcia častého prehľadávania 404 - neexistujúceho obsahu Zapnutie dvojstupňového overovania Dvojstupňové overenie (známe aj ako dvojfaktorové overenie totožnosti), pridáte do účtu ďalšiu vrstvu zabezpečenia. Budete sa prihlasovať pomocou niečoho, čo viete (heslo), a niečoho, čo máte (telefón). Inštalácia na WordPress je veľmi jednoduchá nainštalujte si plugin Google Authenticator a mobilnú aplikáciu Google Authenticator a postupujete podľa návodu. Keď už sme pri tej bezpečnosti, tak si neodpustím pár bodov, ktoré treba riešiť nie len pred spustením, ale počas celého developmentu. Nepoužívajte FTP: Presun dát cez FTP prebieha v nezašifrovanej podobe, a preto je pre hackerov veľmi jednoduché dostať sa k prihlasovaciemu menu a heslu. Namiesto FTP protokolu používajte FTPS, ktoré je šifrované pomocou protokolu SSL/TLS alebo SFTP, ktoré je šifrované pomocou protokolu SSH. Bohužiaľ, väčšina českých a slovenských hostingov SFTP nepodporuje, ale mali by podporovať FTPS. Presuňte „wp-config.php“ do nadradeného adresára Zvoľte si silné heslo Používateľské meno zvoľte admin… určite na to nikto nepríde :) Inštalujte web zadaním domény Zmeňte „table prefix“ Nezabudnite updatovať čo sa dá (Pluginy a verzia WP) Zálohujte SEO - ON PAGE Copywriting Copywriting je jednoducho povedané písanie textov, ktoré sa použijú na web stránke. Dôležité pri písaní textov na www stránky je ale to, aby sme skĺbili „správnosť“ textu ako pre návštevníkov stránky, tak aj pre robotov vyhľadávačov, ktorý stránky indexujú. Kvalitne napísaný text pre každú stránku je elementárny základ, ktorý je nevyhnutný pre výborné umiestnenie na horných pozíciách vo výsledkoch hľadania. Čo je teda nutné spraviť tesne pred spustením webu z pohľadu copywritingu?  Urobiť si poriadnu analýzu kľúčových slov a umiestniť ich správne na webstránke. Cielené využívanie kľúčových slov v celom webovom obsahu zvyšuje pozície vo výsledkoch vyhľadávania. K tomuto kroku odporúčam radšej osloviť odborníka, ale ak si predsa len na to trúfate aj vy, tak Vám odporúčam nástroj od google keyword planner, ktorý Vám zaručene s analýzou pomôže. Čo keď mám hotovú analýzu kľúčových slov? Odpoveď je veľmi jednoduchá. Umiestniť ich správne do obsahu webstránky. Na toto veľmi rád používam techniku T.H.U.M.B. Je to veľmi jednoduchá technika vďaka ktorej vieme, kde dané kľúčové slová umiestniť. (T) Title Tags (H) H1 (a ostatné heading tagy) (U) URL (M) Meta Description (B) Body Príklad využitia: Zvolíme napr. kľúčové talianske bicykle, ktoré chceme na stránke použiť a postupne ho vkladáme do textu. T - Nadpis: <title>Moderné Talianske bicykle a súčiastky</title> H - Heading tag h1: <h1>Talianske bicykle - katalóg najnovších modelov</h1>. Kľúčové slovo je dobré využiť aj v ostatných tagoch, ak je to možné. U - url adresa: www.vasastranka.sk/talianske-bicykle M - meta description <META name=”description” content=”Kvalitné talianske bicykle pre deti za dobré ceny a nízke poštovné.”> B - telo stránky: pri tomto pravidle nie je jasné koľkokrát sa kľúčové slovo objaví v stránke. Je však nutné, aby sa naše kľúčové slovo objavilo v prvých 200 slovách a aby sa prirodzene objavovalo aj v ďalších častiach textu. SEO friendly images Pri SEO optimalizácii web stránok sa často zabúda na jednu dôležitú činnosť, ktorou je optimalizácia obrázkov. Správne pomenovaný a popísaný obrázok vám môže priviesť opäť o niečo viac návštevníkov. Obrázky sú dôležitou súčasťou webových stránok, preto ich vyhľadávač  logicky zaraďuje medzi faktory ovplyvňujúce výsledky vyhľadávania. Ďalej si treba uvedomiť, že vyhľadávače nevedia čítať, čo je na obrázku skutočne zobrazené. Preto treba pri pridávaní obrázkov na váš web myslieť na niekoľko zásad. Názov obrázka je dôležitou súčasťou optimalizácie pre vyhľadávače. Mal byť najpresnejšie vystihovať čo je na obrázku zobrazené. Názvy typu img231.jpg a podobné nemajú žiadny výsledný efekt. Najjednoduchší spôsob ako zaručiť optimálny názov obrázku je uložiť obrázok pod správnym názvom napr. taliansky-bicykel.jpg. Následne využijeme funkciu pluginu SEO friendly images, ktorý nastaví alt a title obrázku podľa názvu súboru a zabezpečíme tak kvalitný SEO obrázok vhodný pre prehliadače. YOAST SEO Najlepší a najpoužívanejší SEO plugin, ktorý by zaručene nemal chýbať na vašom webe. Nastavenie daného pluginu môžeme rozdeliť na základné nastavenie a nastavenie jednotlivých stránok. V skratke popíšem, na ktoré nastavenia sa zameriavam. Základné nastavenia Verifikácia webmaster tools Nastavenie vlastníctva webmaster tools, ktorý by mal mať každý web. Nadpisy a meta tagy V danej sekcií môžeme nastaviť znak, ktorý rozdeľuje nadpis. Jedná sa o kozmetickú záležitosť. Taktiež je tu možné zmeniť jednotlivé základné nastavenie nadpisov (napr. zmena category na kategoria-clanku), predvolených meta description a keyword, ktoré sa však už moc nepoužívajú. Sociálne siete V danej sekcií nastavujete sociálne siete, ktoré sú pridružené vašej stránke. Taktiež tu môžete nastaviť štandardné Open Graph údaje, ktoré ovplyvnia to, čo sa zobrazí na webstránke. XML sitemap Plugin dokáže vygenerovať a obnoviť sitemap na základe obsahu vášho webu. Nemusíte tým pádom vytvárať sitemapu pomocou iného pluginu alebo si ju dokonca generovať pomocou iného externého riešenia. Plugin má veľké množstvo iných nastavení ako hromadnú zmenu title a description, odstraňovanie zbytočných spojok v url adresách, zakázanie indexácie vybraných stránok a pod. Popis všetkých jeho nastavení by si však zaslúžil samostatný článok. Nastavenia stránok (príspevkov) Hlavnú vec, ktorú nám SEO yoast umožňuje je analýza príspevkov na základe zvoleného kľúčového slova. Následne Yoast analyzuje váš príspevok a zobrazuje, ako je príspevok z hľadiska SEO kvalitne napísaný a upravený. SEO statusy, ktoré Yoast udeľuje: SEO Slabé (červená bodka) SEO OK (oranžová bodka) SEO Dobré (zelená bodka) Veľkou výhodou sú odporúčania pluginu, ktoré pomôžu aj amatérovi získať "Dobrú" SEO kvalitu príspevku. Nemyslite si však, že akonáhle nastavíte kľúčové slovo v SEO pluginu a Yoast Vám k príspevku zahlási SEO: Dobré tak máte vyhraté. SEO status pluginu Yoast neznamná, že budete mať dobrú pozíciu vo vyhľadávačoch. Pozície vo vyhľadávačoch samozrejme závisí aj na ďalších faktoroch, nielen na SEO. Ďalšia výborná funkcia pluginu je nastavenie Open Graph meta tagov. Dané tagy určujú akým spôsobom sa stránka zobrazuje na sociálnych sieťach. VIDEO: Ako nastaviť SEO plugin Yoast .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Broken Link Checker Problém externých odkazov a ich existencie trápi asi každého blogera, ktorý rád odkazuje na zdroje (čo je správne). Ak máte funkčné odkazy, tak aj vaše SEO je na tom lepšie. S nasadeným pluginu Broken link checker máte problém hravo vyriešený. Tento plugin má totiž na starosti prehliadanie webu a hľadanie neexistujúcich odkazov. RÝCHLOSŤ WEBU Rýchlosť načítania vašich webových stránok webu je častým kameňom úrazu úspešnej stránky. Môžete mať lepší obsah ako vaša konkurencia, ale ak sa bude váš web načítať pomalšie ako web konkurencie, je dosť možné, že budete mať menšiu návštevnosť. Rýchlosť nie je dôležitá len z hľadiska UX (user experience), ale aj google je radšej, keď sa vaša stránka načíta rýchlejšie. Na to, aby ste zistili ako je na tom váš web s rýchlosťou existuje množstvo online nástrojov: Pingdom Tools GTmetrix Web Page Test PageSpeed od Google Website Speed Test Ja osobne najviac využívam PageSpeed Insights od googlu a GTmetrix. Vašim cieľom pri oboch nástrojoch je získať čo najviac bodov (100). Realita je ale taká, že ak dosiahnete skóre 85 môžete byť spokojný.  Zbavte sa všetkého nepotrebného Odstráňte všetky nepotrebné pluginy (zmazať nie deaktivovať). Možno si poviete, že tým nič nezískate ale nie je to pravda.  Vyčistite si databázu od zbytočností. Najlepšie nám na to poslúži plugin WP-Optimize alebo menej používaný WP-sweep.  Nastavenia Htaccess Gzip kompresia Čo je to tá gzip kompresia? Pomocou kompresie dát cez gzip (čiže GNU zip) môžeme znížiť veľkosť súborov o 50 až 80%. Je to spôsob ako znížiť prenosovú veľkosť textových súborov, ktoré si prehliadač sťahuje, aby zobrazil stránku. Hovorí sa, že gzip je náročnejšia na server, pretože súbory pred odosielaním komprimuje, ale nie je to pravda. Aktivácia gzip kompresie sa vykoná pomocou niekoľkých riadkov pridaných do .htaccess súboru. Kód stiahnete tu: deflate_mode Využite cachovanie prehliadača  Pomocou cachovania prehliadača sa nám niektoré súbory našej stránky (napr. obrázky, kaskádové štýly, atď.) uložia do počítača na určitú dobu. Ak sú súbory opäť potrebné, prehliadač ich načíta z počítača namiesto toho, aby ich načítal opätovne z našej stránky. Stránka bez cachovania prehliadača je niečo podobné, ako keby sme išli do obchodu zakaždým keď sme smädný. Cachovanie prehliadača je naozaj užitočné pre stálych návštevníkov vašej stránky. Kód stiahnete tu: cache Zakázanie značiek ETag ETag (Entity Tags) je mechanizmus, ktorý webové servery a prehliadače používa na určenie, či komponent v cache prehliadača zodpovedá pôvodnému serveru. Kód stiahnete tu: etag Optimalizácia obrázkov Veľké obrázky dokážu výrazne spomaliť Váš web, to je jasné asi každému. Nie každý však vie ako sa dá veľkosť obrázkov zmenšiť tak, aby ste zachovali ich kvalitu. Obecne sa treba držať pravidla, že každý obrázok, ktorý uverejňujeme na web, má mať menej ako 100kb. Najjednoduchší spôsob ako optimalizovať obrázky je využiť wordpress pluginy. WP Smush - tento plugin nielenže automaticky optimalizuje obrázky, ktoré vkladáte na web, ale dokáže optimalizovať všetky obrázky, ktoré na webe momentálne máte. Jediná jeho nevýhoda je, že free verzia umožňuje optimalizovať iba 50 obrázkov naraz. V prípade, že WP Smush nezvládne všetko, čo potrebujeme, tak máme ešte možnosť využite EWWW image optimizer. Minify CSS and JS Posledná vec, na ktorú zaručene nesmiete zabudnúť je kompresia CSS a Java. Využite na to plugin Better WordPress minify. Jedná sa o plugin zadarmo, ktorý obsahuje dobré možnosti ako minifikovat JavaScript a CSS. Migrácia Neviem ako vy, ale ja sa snažím vytvárať všetky weby lokálne alebo na určenej subdoméne, aby bolo možné zapracovať pripomienky zadávateľa. Po zapracovaní všetkých predchádzajúcich bodov a kontrole požiadaviek na webstránku je nutné stránku migrovať na určenú doménu. Migrácia web stránky vyžaduje znalosti WordPressu, databáz a serverov. Proces presunu striktne vyžaduje dodržanie jednotlivých krokov aby ste neprišli o dáta, predošli výpadku alebo iným nečakaným komplikáciám. V začiatkoch som migroval celú webstránku „ručne“, ale postupom času som sa rozhodol tento proces zjednodušiť a začal som využívať skvelý plugin All-in-One WP Migration. Veľká výhoda pluginu je jednoduchosť jeho použitia. Postup Plugin si nainštalujeme a aktivujeme na jestvujúcej webstránke. Následne si stránku jednoducho exportujeme v jednom balíku. Druhy krok spočíva v inštalácií nového „čistého“ worpdressu na určenej doméne. Na novej stránke nainštalujeme spomínaný plugin a jednoduchým importom migrujeme našu verziu webstránky. Po ukončení migrácie nesmieme zabudnúť na uložení všetkých trvalých odkazov. Riziko: V niektorých prípadoch som mal problém pri aktualizácií spomínaného pluginu a preto ho súčasnosti po migrácií neaktualizujem. Po nasadení Google search console  Google Search Console  (predtým Google Webmaster Tools, GWTje veľa užitočná pomôcka pre každého, kto prevádzkuje web a vôbec nie je nutné, aby ste mali nejaké veľmi pokročilé znalosti. Search Console je služba, ktorú poskytuje Google zadarmo, nie je potrebné nič platiť. Jediné čo budete musieť urobiť je, že ukážete Google, že váš web je naozaj váš.  Na čo je dobré mať Search Console? Prehľad vyhľadávaných kľúčových slov Jedna z najzakladnejších a najviac užitočných funkcií tejto služby je tá, že vám budú hovoriť ako Google indexuje váš web a hlavne, na aké vyhľadávacie frázy sa do neho ľudia dostávajú. Získate tak pohľad na niečo, čo vám analytics štatistiky nepovedia, pretože to nevedia (teda pokým ich neprepojíte). Sitemap a robots.txt Search Console vám poskytne informácie o tom, ako indexovací robot prehliada váš web, koľko stránok z neho získal a či má nejaké problémy. Môžete mu aj pomôcť tým, že na web pridáte sitemap.xml a cez Search Console ju šupnete na spracovanie. Rovnako tak môžete Search Console využiť na testovanie robots.txt a testovanie toho, ako vlastne váš web vidí vyhľadávací robot. Implementácia Rich Snippets Rozšírené popisky sú prehliadanou, ale nevyhnutnou súčasťou úspechu SEO. Sú účinným prostriedkom na posilnenie pôsobenia v organických výsledkoch vyhľadávania, ktoré predstavujú zásadný SEO prvok pre vzostup  webu. Implementácia rich snippets, najmä na stránkach elektronického obchodu so stovkami, dokonca tisícami produktov,  môže mať obrovský vplyv na výkon našich webových stránok. Vďaka pridaniu významu informáciám môže dôjsť k zlepšenému poradiu vo výsledkoch vyhľadávania aj keď samotné rich snippets na to vplyv nemajú. Rich snippets s určitosťou vplývajú na zvýšenú mieru prekliku z výsledkov vyhľadávania (CTR) a môžeme vďaka nim dosiahnuť lepšie konverzné koeficienty. Google priznáva, že rich snippets nezvyšujú ani nemajú vplyv na ranking a teda nezlepšujú pozíciu stránky, ale pridané informácie prostredníctvom rich snippet rozhodujú, či na náš odkaz používateľ klikne alebo ho odignoruje. Ako teda využiť Google search console tools na pridanie rich snippets? Odpoveď je data highlighter a návod ako ho použiť nájdete vo videu: https://www.youtube.com/watch?v=WrEJds3QeTw Google analytics Prepojenie Google analytics a Search console Čo získame prepojením Analytics a Webmaster tools? Kopec kvalitných údajov. Hlavnou výhodou zobrazenia údajov z Webamster tools v účte Analytics je ich výpovedná hodnota. Nájdeme tu dôležité informácie o landing page a dopytoch, ktoré privádzajú na vaše stránky cennú návštevnosť. Zrazu vidíme aký máme bounce rate z danej landing page, takže vieme podniknúť kroky na jej optimalizáciu – pridáme buď call-to-action alebo obsah. Ak vidíme vysoký preklik z dopytu, ale aj vysoký bounce rate z landing page môže to nasvedčovať nesprávnej landing page, atď. Prepojenie Google analytics a AdWords Prepojenie AdWords a Analytics vám pomôže zdieľať medzi oboma účtami informácie o výkone kampaní a kvalite návštevnosti a využívať niektoré ďalšie funkcie. Hlavný dôvod, prečo prepájam nasledujúce účty hneď od začiatku je získavanie remarketingových zoznamov.  Marketing Marketing je záležitosť, ktorou sa treba zaoberať nielen po spustení webu ale aj počas celej jeho existencie. Ide o obrovskú časovú a finančnú investíciu, ktorá sa však zaručene vyplatí. Marketing je kapitola sama o sebe, a preto v článku spomeniem iba najhlavnejšie veci, na ktoré nesmiete zabudnúť po nasadení webu. Sociálne siete Hlavná vec, ktorú si musíte uvedomiť v rámci oživenia vašej webstránky vo svete sociálnych sietí je, že sa chcete oddeliť od ostatných a že si chcete v tomto špecifickom svete budovať svoj brand alebo identitu. Preto je potrebné rozhodnúť sa, akým jednotným spôsobom sa budete špecifikovať svoj brand. Pred vytváraním brandu si musíme odpovedať na dve otázky: Aký bude vizuálny štýl môjho brandu? Akým spôsobom budem komunikovať s publikom? Tak ako vychádza web z určitej brand identity, tak isto musí byť dodržiavaný brand aj v rámci marketingovej komunikácie na sociálnych sieťach. Či už je teda brand vytvorený profesionálom alebo vami, je dôležité zachovať konzistenciu obsahu. Preto je vhodné vytvoriť si ešte pred spustením sociálnych sietí dizajn všetkých prvkov, ktoré plánujte použiť a štýl komunikácie. Na návrh dizajnu by som určite odporučil využiť pomoc profesionála, ktorý Vám navrhne cover, logo, ukončenie vašich videí a hlavne štýl vašich postov, ktorý by mal byť dodržiavaný naprieč celou vašou kampaňou. Ďalšie otázky, na ktoré si treba odpovedať je, akým spôsobom budem komunikovať na sociálnych sieťach: Budem hovoriť po slovensky alebo sa zameriame na angličtinu? Budem sa baviť s publikom konzervatívne alebo uvoľnene? Budem na sociálnych mediach zdieľať iba veci týkajúce sa služby, ktorú ponúkam alebo zazdieľam občas aj niečo vtipne? Budem publiku vykať alebo si potykáme? Treba si uvedomiť, že na rozdiel od dizajnu, ktorý by sme mali dodržiavať naprieč celou social network, si na tieto otázky môžeme v rámci sociálnych sietí odpovedať inač. Facebook Je najväčšia sociálna sieť s približne 1,8 biliónom aktívnych požívateľov. Je to obrovská sieť, ktorú môžeme využiť na komunikáciu so slovenským publikom alebo kľudne s celým svetom. V rámci siete sa môžeme zamerať na profesionálnu alebo aj „ľudovú“ komunikáciu a je len nás, ktorým smerom sa uberieme. Základom je dodržiavať jednotnosť príspevkov. LinkedIn O LinkedIn môžeme povedať, že to čo je Facebook pre bežného užívateľa, to je LinkedIn pre firemnú (alebo aj korporátnu) klientelu. Miesto plochy, kde publikujete fotky z dovoleniek alebo úspechy z rôznych hier, tu nájdete články z profesijných skupín, do ktorých sa prihlásite alebo ktoré odoberáte. Preto sa musíte ku komunikácií na tejto platforme aj tak stavať a nesmiete tu zdieľať všetko, čo vás napadne. Odporúčam tu komunikovať v angličtine, lebo už len tento samotný fakt hovorí o vašej profesionalite. Twitter Twitter je najpoužívanejšia sociálna sieť v Amerike, a preto by som odporučil využiť ju ako marketingový nástroj najmä na komunikáciu so zahraničným trhom. Treba si uvedomiť, že naše posty môžu mať maximálnu dĺžku 140 znakov, a preto by sme mali byť výstižný. Instagram   Instagram už dávno nie je to, čo býval. Poslednou dobou sa z neho stáva skvelý nástroj na biznis. Určite v rámci tejto platformy odporúčam používať angličtinu a vhodné hashtagy, ktoré zväčšujú dosah vašich príspevkov. Príspevky sa snažte držať v jednotnej forme a zdieľajte pravidelne. Content marketing Poučka hovorí, že “Content marketing je marketingová technika, pri ktorej sa vytvára a zdieľa hodnotný, relevantný a konzistentný obsah za účelom zaujať a získať si jasne určené publikum – to všetko s cieľom dosiahnuť takú reakciu zákazníka, ktorá vám prinesie zisk.” Poučka to je krásna, ale realita je bohužiaľ taká, že niekto tento hodnotný obsah musí vytvoriť buď máte vlastného copywritera alebo využijete kreativitu vášho tímu. Ako však inšpirovať váš tím, aby vytvárali obsah hodný zdieľania? Možností je určite veľa ale ja som vybral tie najefektívnejšie.  Financie  Dosah Kľúčové slová Ako by ste však mal ste mali postupovať pri tvorbe obsahu? Nesústreďujte sa len na kľúčové slová. Píšte prirodzene. Používajte variácie a synonymá kľúčových slov. Tvorte originálny obsah. Pár slov na záver Ako je zrejmé z názvu článku veci, ktoré treba urobiť pred a po spustení webstránky je naozaj X. Kebyže ich mám v článku spomenúť všetky, tak by ste sa nedočítali na konie. Ak by sa vám to predsa len podarilo, tak by za ten čas vzniklo ďalších 10 nových, ktoré treba dodržiavať. Toto je môj zoznam, ktorý sa snažím dodržiavať a priznám sa nie vždy to ide podľa predstáv :) Ak vás napadlo niečo, čo by sa hodilo do zoznamu doplniť, rád sa o tom dozviem v komentároch. Zdroje: seoconsults.cz, robime.it, wplama.cz, visibility.sk, chodelka.sk

Budúcnosť digitálneho dizajnu

Kam sa uberá digitálny dizajn Všetci vieme, že trendy sa menia každú chvíľu a to vo všetkých oblastiach. Inak tomu nie je ani pri dizajne. V tomto článku sa budeme konkrétne venovať trendom v digitálnom dizajne. Mobile-first prístup Samostatný prístup k dizajnu pre mobilné telefóny nie je dnes už ničím novým. Mobilné telefóny sa postupom času stali primárnym zariadením používaným na prehliadanie webových stránok. Preto si aj množstvo firiem uvedomilo, že je dôležité disponovať webom, ktorý účinne zobrazuje obsah aj na menšej obrazovke. Kvôli tomu sa bude prioritne obsah navrhovať na menšie zariadenia a postupne na väčšie. Čo dáva zmysel, pretože mobil je kompaktnejší a trávime na ňom viac času kvôli tomu, že je našim spoločníkom počas celého dňa. Ústup flat dizajnu Stratila sa osobnosť a kreativita pri navrhovaní. Dôvod je ten, že flat dizajn zmenil od modernej aktualizácie skeumorfizmu dizajnovú estetiku a tým sme sa dostali do bodu, kedy začali všetky webové stránky vyzerať veľmi podobne. Pastelové farby Do obľuby sa vracajú mäkšie, pastelové farby. Doteraz boli skôr používané odvážnejšie jasnejšie palety. Avšak zdá sa, že pastelové farby našli svoj význam nielen pri použití na pozadí, ako sme boli zvyknutí, ale aj ako farba textu použitého na svetlom pozadí v tmavších farbách. Mikro interakcie Do digitálneho dizajnu sa čoraz viac zavádza pohyb. Je to hlavne kvôli užívateľskému zážitku. Súčasný užívateľ na to nie je ešte stále úplne navyknutý, ale nasledujúcom období sa očakáva dôraz zameraný práve na túto stránku. Tieto animácie by však mali byť používané len striedmo a opatrne. Majú za cieľ zlepšovať celkový zážitok užívateľa a nie odvádzať pozornosť, či zhoršovať správanie webstránky (napríklad v podobe dlhšieho načítavania). Nikto nechce čakať na obsah kvôli animácii. Geometrické tvary Využitie netredičných geometrických tvarov našlo svoje využitie už ku koncu roku 2016. Inak tomu nie je ani v novom roku. Použitie iných geometrických tvarov je dobrou možnosťou ako odlíšiť dizajn stránky, či mobilnej aplikácie. Existuje mnoho spôsobov ako integrovať geometrické tvary do dizajnu. Či už orámovanie fotografií pomocou mnohouholníkov, liniek vzorov alebo ich využiť v celkovom štýle (napríklad v podobe tlačidiel). Väčší dôraz na kreslené prvky Ručne kreslené prvky boli populárne aj doteraz. Avšak v roku 2017 si získajú ešte väčšiu pozornosť. Najväčšou výhodou ručne kreslených prvkov je vyvolanie pocitu pravosti a originality či charizmy. Rovnako to bude v nasledujúcom období platiť aj pre logá. Fixovanie falošných notifikácií z hľadiska UX Tento článok je o trendoch v dizajne a neodmysliteľnou časťou dizajnu je aj UX. Určite ste sa stretli s falošnou notifikáciou vo forme spamu. Tieto správy momentálne predstavujú široký problém dezinformácie, ktorý spôsobuje súčasné fungovanie internetu. Nájsť pravdivú informáciu v dnešnom digitálnom svete je už celkom problém. Do budúcna je cieľom riešiť túto problematiku, pretože súčasná situácia môže mať katastrofické následky v našej dôvere k informáciám a následnej informovanosti. Zdroje: thenextweb.com, fastcodesign.com, webdesignerdepot.com

Ako si pripraviť brief na vytvorenie webstránky

Pokiaľ čítate nasledovný článok, tak sa určite trápite s problémom, ako napísať brief na prípravu Vašej novej webstránky. V prípade, že sa rozhodnete nechať si vytvoriť novú webstránku alebo máte záujem prerobiť svoju starú stránku, aby ste Vašim návštevníkom poskytli viac informácií a lepší komfort pri jej prehliadaní, mali by ste myslieť na niekoľko dôležitých vecí, ktoré Vám pomôžu pri komunikácií s dodávateľom a prispejú k Vašej celkovej spokojnosti. Niečo o Vás Každá správna digitálna agentúra potrebuje aspoň niečo o spoločnosti, pre ktorú je webstránka určená. Možno si poviete, že to nie je podstatné, ale určite by ste neboli nadšený, ak by Vaša technická firma mala stránku s jemným dizajnom určeným pre stránku na predaj kvetov. Pár slov o tom čím sa zaoberá Vaša firma alebo organizácia. Ako dlho ste na trhu? Aká veľká je vaša spoločnosť? Aké sú vízie Vašej spoločnosti? Akým spôsobom sa chcete presadiť na trhu? Aký je Váš ideálny zákazník? Akí sú vaši najväčší konkurenti? Vaša webstránka Vysvetlite zadávateľovi akoby mala vyzerať Vaša nová webstránka a ako podľa Vás vyzerá úspešný web. Prečo potrebujete novú webstránku? Máte už webstránku a máte záujem o redizajn? Ak áno, čo sa Vám páči na starej webstránke? Čo sa Vám nepáči na starej webstránke? Aká bude štruktúra (menu a sekcie) webstránky? Aké funkcionality by mal mať Váš web? Príklady Vyhľadávanie v rámci webu Slider Prepojenie so sociálnymi sieťami Google maps Blog Ecommerce Galérie Formuláre Newsletter Možnosť prihlásenia Integrácia existujúceho systému Nastavenie Google analytics na meranie úspešnosti webu Návštevníci Poskytnite zadávateľovi informácie o návštevníkoch, ktorí budú navštevovať Vašu webstránku. Vďaka týmto informáciám je možné navrhnúť štruktúru, funkcionality a dizajn presne na mieru pre vašich používateľov. Kto bude navštevovať webstránku? Verejnosť, obchodníci, zamestnanci Veková skupina Jazyk používateľov Lokalita Muži/ženy Načo budú navštevovať webstránku? Informácie Zábava Správy a novinky Nákup Porovnanie cien Digitálny obsah na stiahnutie Dizajn To, ako bude Vaša stránka vyzerať, nie je samozrejme iba na Vás, ale aj na dizajnéroch, ktorí poznajú súčasné trendy webdizajnu. Treba im však poskytnúť, čo najviac informácií o Vašom súčasnom dizajne a predstavách, ako si svoj web predstavujete. Máte materiály (logo, fotky produktov…), ktoré môžu byť použité pri návrhu? Aké sa Vám páčia webstránky? Aspoň 3 príklady. Aké používate farby, fonty, ikony? Máte dizajn guideline? Vyberte si z nasledujúcich možností pohľadu na dizajn: Tradičný vs. novodobý Profesionálny vs. osobný Vážny vs. priateľský Jemný vs. drsný Technický vs. netechnický Rozpočet a časový plán Poskytnutie informácií o rozpočte a časovom pláne je pre digitálnu agentúra veľmi dôležité. Vďaka daným informáciám vie agentúra rozhodnúť, či sú Vaše požiadavky na spracovanie projektu reálne a dosiahnuteľné. Aký je predpokladaný čas začiatku riešenia? Aký je deadline pre Váš projekt? Bude Váš projekt pozostávať z viacerých fáz? Aký je rozpočet na projekt? Marketing Pri návrhu zadania sa často zabúda na propagáciu webstránky. Treba si uvedomiť, že bez správneho marketingu sa stránka k užívateľovi nedostane, a preto by ste mali digitálnu agentúru oboznámiť s tým, ako stránku spropagujete. Bude Vaša stránka optimalizovaná pre vyhľadávače? Budete využívať propagáciu prostredníctvom sociálnych sietí? Zameriate sa na propagáciu pomocou Pay-Per-Click (PPC) reklám? Máte niekoho, kto sa zameria na content marketing Vašej spoločnosti? A čo na záver? Správne zadanie briefu na vytvorenie webstránky je veľmi dôležité pre Vás a aj pre digitálnu agentúru, ale treba si uvedomiť, že základom každého kvalitného projektu je vzájomná komunikácia.

Vianočná párty

Koniec roka býva pre všetkých dosť hektický. Jednoducho všetci, chcú všetko a hlavne hneď :D Však to poznáte :) Presne tak sme sa cítili aj my – bolo treba uzavrieť projekty, školu... a to všetko do 16.12. aby sme si mohli užiť vianočnú párty naplno. Plánovanie párty mi síce vždy zaberie veľa času ale ten výsledok stojí zato – milujem tento čas :) Tento rok sme odštartovali vianočným turnajom v kalčete u nás na firme. Bol to už druhý ročník a pevne verím, že sa táto tradícia zachová. Veď zábavy nie je nikdy dosť :) Po turnaji chalani dostávali úlohy od Mr. Robota (virtuálneho robota, vytvoreného len na túto príležitosť), ktorý im zadával logické hádanky. Na obrázku môžete vidieť ako aktívne dumali nad riešením. Všetky hádanky smerovali k novému prírastku v našej knižnici – denník Mr. Robota (chalani frčia na seriály, tak ich to veľmi potešilo :) ). Večer sa pokračovalo v Banka Žilina krátkym zhrnutím roku 2016, novinkami, nápadmi a ideami do toho ďalšieho. Máme veľké novinky a očakávania v novom roku. Nemusíte sa však báť, o všetkom vás budeme informovať :) A vyzerá to tak, že sme poslúchali, keďže pod stromčekom sme si našli predčasné darčeky :) Večer sa vyhlásili aj víťazi vianočného turnaja, ktorí si prevzali medaily, pohár a putovnú cenu – snehuliaka, ktorý skrýval prekvapenie (fľašu kapitána :D ). Po prezentácii a vyhlásení víťazov sa pokračovalo v krájaní torty, čakaní v rade na kapustnicu rozbaľovaní darčekov a samozrejme voľnej zábave. Čo dodať na záver? Rok 2016 ubehol ako voda a nás je už jak hadov :D No aj napriek tomu, si myslím, že nie len tento večer ale aj celý rok sme si parádne užili a už sa nemôžeme dočkať toho nového, ktorý je plný výziev. See you soon 2017 :D

Najlepšie aplikácie a hry - Best of App Store 2016

Aké sú najlepšie aplikácie a hry za rok 2016, ktoré môžete nájsť v App Store? Tak presne na to odpovedal Apple aj tento rok. Pozrite sa s nami na výber tých najlepších a kompletný zoznam.  Aplikácia roku na iPhone - Prisma Prisma je aplikácia, ktorá pobláznila celý svet sociálnych sietí. Užívatelia na Instagrame a Facebooku si s ňou doteraz menia svoje profilovky pomocou algoritmu obsiahnutom v aplikácií. Celá aplikácia je spracovaná vo veľmi prehľadnom, čistom a rýchlom rozhraní.  Čo je však je na aplikácií najkrajšie je to, že je úplne zadarmo. Stiahnuť aplikáciu Video: .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Aplikácia roku na Mac - Bear Píšete si radi poznámky a nevyhovuje Vám poznámkový blok od Apple? Bear je skvelý jednoduchý textový editor, ktorý sa synchronizuje medzi všetkými Vašimi zariadeniami. Umožňuje tvorbu To-Do listu a písanie poznámok v krásnom čistom dizajne. V základnej verzií je zdarma, ale množstvo funkcií je sprístupnených až v platenej verzií. Platí sa mesačne (1,49 €) alebo ročne (14,99 €). Stiahnuť aplikáciu Video: .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Hra roka na iPhone - Clash Royale Multiplayerová hra Clash Royale je dielom vývojárskeho štúdia Supercell. Hlavnou úlohou je zničiť nepriateľské veže, a samozrejme brániť tie svoje. Postupom v hre získavate nové schopnosti, kúzla, vojakov a mnoho ďalšieho. Aplikácia je zdarma, s možnosťou in-app purchase. Stiahnuť aplikáciu Video: .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }Kompletný zoznam iPhone App of the Year Prisma Runner-Up MSQRD Game of the Year Clash Royale Runner-Up Reigns  iPad App of the Year Sketchbook Motion Runner-Up Bear Game of the Year Severed Runner-Up Chameleon Run Mac App of the Year Bear Game of the Year Life is Strange Apple Watch App of the Year MySwimPro Game of the Year Field Day Apple TV App of the Year Twitter Game of the Year Riptide GP: Renegade

Ako bolo na konferencií Web Summit 2016

Websummit je jedna z najväčších IT konferencií v Europe. V podstate to ani nie je konferencia, je to summit. Čiže 21 paralelných konferencií počas 4 dní. Tento rok sme sa rozhodli na túto akciu zavítať aj my a zistiť, že či je naozaj taká dobrá. A výsledok? Áno je :D Ale to už predbieham… .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Skvelá organizácia Organizácia celého podujatia bola celkom dobra, najmä vzhľadom na to, že sa konferencie zúčastnilo viac ako 53 tisíc účastníkov. Stankov s jedlom mohlo byť síce viac a hlavne prvé dni boli všade veľké rady, ale to asi k tomu patrí ;) Aspoň máju čo zlepšovať do ďalšieho roka. Cely support k podujatiu bol od organizátorov super pripravený. Mobilná aplikácia umožňovala diskutovať účastníkom navzájom medzi sebou a takisto aj s prednášajúcimi. V priestoroch expa bola množstvo sprievodných akcii (jazdy na elektrických bmw i3, futbalové umenie študentov akadémie Lusia Figu, ..) a takisto samotní vystavovatelia sa ukázali v tom najlepšom svetle. Nabušený program Program podujatia bol naozaj nabušený zaujímavými prednáškami a dá sa povedať, že najväčším problémom bolo, že čo si z bohatého programu vybrať. Jednotlivé prednášky pokrývali široké spektrum tém od marketingu, robotiky, cez spoločenské témy, bezpečnosť až po dizajn. Niekedy bolo človeku až ľúto, že nestihol niečo iné, keďže sa mu to krylo. Veď uznajte sami, mena ako Sean Rad (Co-Founder & CEO), Mike Schroepfer (CTO Facebook), Gary Vaynerchuk (Founder & CEO VaynerMedia), Luis Figo (Co-Founder Dream Football), Mike Quigley (CMO Niantic, Inc - Pokemon GO) a stovky dalších. Všetkých speakrov nájdete na:  https://websummit.net/speakers Tisíce startupov z celého sveta sa prihlásili do pitching competition a na Web Summite vybrali 200. Tieto startupy bojovali počas 4 dní a nakoniec sa 3 najlepšie prezentovali na center stage. Nakoniec vyhral projekt, ktorý sa zameriava na učenie programovania pre fakt malé deti pomocou interaktívnych programovateľných robotov:  https://blog.websummit.net/pitch-2016-winners-kubo-robot Konferenciou žilo celé mesto Samotnou kapitolou sprievodného programu bol nigth summit, ktorý sa nachádzal v starom centre a bol vyčlenený iba pre účastníkov Web Summitu. Keďže ho tvorila desiatka barov, vytváral krásnu networkingovú a uvoľnenú atmosféru. Podporené to bolo aj tzv. pub crowl, kde ste vybehli na pivo s miestnymi. Počas 2 dni bežal aj tzv. sunset summit, ktorý zastrešovala miestna organizácia podporujúca turizmus a mali sme možnosť ochutnať rôzne portugalské jedlá a nápoje. Lisabon je krásne mesto a fakt sa oplatí ísť si ho pozrieť. S Marekom sme tu boli prvýkrát a zhodli sme sa, že sa musíme vrátiť a zobrať aj naše polovičky :) Oplatí sa teda ísť na Websummit? Určite! :)

Mobilná aplikácia vs. responzívny a mobilný web

Je lepšia aplikácia alebo web? Klienti sa nás občas pýtajú, prečo by si mali nechať vytvoriť mobilnú aplikáciu, keď už majú responzívny web alebo prečo by si mali dať vytvoriť aplikáciu, keď si môžu predsa urobiť mobilnú webstránku. Dôvodov je hneď niekoľko, a preto sme spísali porovnanie jednotlivých riešení, ktoré Vám pomôžu pri rozhodovaní.  Čo je to responzívny dizajn? Responzívny web design stránky zabezpečuje optimálne zobrazenie webových stránok na rôznych typoch zariadeniach (počítač, tablet, smartphone). Rozloženie prvkov na stránke sa mení v závislosti na veľkosti použitého displeja. Výhodou je existencia iba jednej verzie webových stránok. Administrátor alebo majiteľ webstránok robí všetky úpravy na jednom mieste a to bez ohľadu na cieľové zariadenie. Responzívny dizajn sa v skratke postará o to, aby sa vaša webstránka správne zobrazovala na každom zariadení. Ukážka responzívneho webu Výhody responzívneho webu Menej náročná na prenos dát oproti klasickému webu, niekedy až 1/2 oproti klasickej webstránke. Webstránka je optimalizovaná pre mobilné zariadenia z hľadiska používateľského rozhrania a použiteľnosti. Nižšia obstarávacia cena ako mobilný web, responzívny web je len jeden web (jeden frontend). Možnosť mať niekoľko úrovní responzívnosti, napríklad:  1) desktop s veľkým displejom,  2) notebook alebo tablet na šírku,  3) tablet na výšku,  4) veľký mobil alebo mobil na šírku,  5) malý mobil.  Takýto web je optimalizovaný pre rôzne veľkosti displejov a pre rôzne zariadenia, ktorým sa dokáže prispôsobiť. Automaticky sa adaptuje aj na nové zariadenia, ktoré pri vývoji webu ešte ani neexistovali. Vďaka jednej URL pre každú stránku je responzívny web SEO optimálny. Nevýhody responzívneho webu Väčší prenos dát ako pri mobilnej verzii webstránky. Responzívne stránky sa nenačítavajú tak rýchlo, ako čisto mobilné verzie, ale stále rýchlejšie, ako klasický web.  Zvyčajne nemá možnosť prepnúť sa do klasického zobrazenia. Server zakaždým poskytuje vždy rovnaký obsah všetkým zariadeniam. Obsah, ktorý server užívateľovi odosiela sa neprispôsobuje užívateľovi s mobilným zariadením. Pokiaľ chcete napríklad pri e-shope na mobilných zariadeniach zobrazovať zjednodušené menu, server poskytne obidve vytvorené menu, ale prehliadač zobrazí len jedno z nich. Čo je to mobilná webstránka? V prípade mobilnej webstránky sa na mobilných zariadeniach zobrazuje iná - mobilná - verzia webstránky ako na notebookoch alebo na desktope. Samotný web na strane servera rozpozná na akom zariadení sa budú stránky zobrazovať a podľa toho nechá zobraziť jednu, alebo druhú verziu webu. Zvyčajne sa medzi verziami dá prepínať kliknutím na "zobraziť mobilnú verziu", alebo "zobraziť klasicky". Jedná sa o samostatne existujúcu verziu tých istých stránok. Ukážka mobilnej webstránky Výhody mobilnej webstránky: Pri mobilnej webstránke sa prenáša po internete podstatne menej dát pri klasickom webe a načítavanie je tým pádom oveľa rýchlejšie. Napríklad až 10x menej dát ako pri klasickej webstránke. Je (mal by byť) lepšie optimalizovaný pre mobilné zariadenia z hľadiska používateľského rozhrania a použiteľnosti. Môže poskytovať možnosť prepnutia do klasického zobrazenia. Možnosť poskytovať odlišný obsah na mobile a v PC. Poskytuje možnosť navrhnúť iba určitú časť webstránky ako mobilnú verziu. Znamená to, že môžete mať napr. iba úvod ako mobilnú verziu a zvyšok môže byť klasický web. Ušetríte tým financie, ale nie je to moc užívateľsky prístupné.  Nevýhody mobilnej webstránky Vyššia obstarávacia cena, ako pri klasickej alebo responzívnej webstránke.  Musíte nechať vyrobiť vlastne dva weby. To znamená, že je potrebné navrhnúť, graficky spracovať a naprogramovať dve rozdielne užívateľské rozhrania a na konkrétnom zariadení nechať zobraziť len jedno z nich. Častá chybovosť rozoznávania zariadení. Napr. keď sa Vám na tablete zobrazí mobilný web nie je to najkrajší pocit.  Aplikácia ponúka niečo navyše a to nielen technicky Technické výhody mobilných aplikácií oproti mobilnému a responzívnemu webu sú zrejmé, napríklad v podobe lokálnych alebo push notifikácií, ktoré udržia používateľa v kontakte s aplikáciou a vaším biznisom. Ich výhoda spočíva aj v tom, akým spôsobom používatelia aplikácie využívajú. Užívateľ si mobilnú aplikáciu zapne kľudne aj niekoľkokrát za deň na pár sekúnd alebo minút a vykoná za krátky čas to najdôležitejšie. Takýto užívateľ nepotrebuje všetky funkcie, ktoré máte na webe, pretože tie sa mu rovnako lepšie robia na počítači. Preto by mobilná aplikácia nemala byť klonom materského webu ale mala by poskytovať obmedzenú sadu funkcií tak, aby čo najlepšie zodpovedala spôsobu používania mobilnej aplikácie. Aplikácie môžu podporovať váš biznis aj nepriamo Niektoré firmy nám hovoria, že pre ich biznis sa mobilné aplikácie jednoducho nehodia. Vo veľkom počte prípadov to je pravda, ale je dobre si uvedomiť, že mobilné aplikácie nemusia slúžiť ako priama "podpora" vašej existujúce služby a brandu. Skvelý príklad je  obchod so stavebninami. Asi nikto nemôže očakávať, že by človek z fachu nakupoval stavebniny cez mobilnú aplikáciu. Avšak všetko sa môže zmeniť vo chvíli, keď si firma chce udržať existujúcich zákazníkov alebo prilákať nových a príde na trh s "kalkulačkou materiálu", ktorá dokáže rýchlo spočítať približnú cenu a množstvo materiálu pre konkrétnu stavebnú prácu. Takúto dobre urobenú aplikáciu môžu začať používať aj ľudia, ktorí doposiaľ nie sú vašimi zákazníkmi. V aplikácií môžete mať zakomponované odkazy na Vašu firmu a ani sa nenazdáte a máte nového zákazníka.  Mobilná aplikácia vs. responzívny a mobilný web Mobilná aplikácia + Je vytvorená pre konkrétny operačný systém + Vie pracovať v offline režime + Aplikácie sú používané často, ale v krátkych úsekoch + Z marketingového hľadiska je ikonka mobilné aplikácie stále na očiach + Je spravidla rýchlejšia ako mobilná verzia webu (appky pracuje v prirodzenom kóde daného OS) + Dizajn aplikácie zodpovedá rozhraniu operačného systému + Dokáže lepšie využiť funkcie telefónu (fotoaparát, GPS, gyroskop) + Býva spoľahlivejšia + Jednoduchá monetizácia - mobilné aplikácie je možné predávať v obchodoch s aplikáciami a ľahko tak generujú firme zisk - Býva drahšia ako vytvorenie mobilného webu - Vzhľadom na množstvo platforiem a časté aktualizácie je vývojovo ďaleko zložitejšia Mobilný a responzívny web + Vývoj nie je tak náročný ako vývoj mobilnej aplikácie, preto býva aj cena nižšia + Univerzálnosť využitia + Jednoduchý distribučný kanál - Užívateľský dojem a komfort pri užívaní - Mnoho funkcií telefónu nemožno touto formou ovládať - Spoľahlivosť a rýchlosť - Mobilný a responzívny web je pre stáleho užívateľa horšie prístupný Zhrnutie na záver Mobilný a responzívny web nie je to isté, čo mobilná aplikácia a  rozhodne by sa ho nemala snažiť nahradiť. V mobilnej aplikácii by mal byť taký obsah, ktorý užívateľ z mobilu používať chce a aplikácia by mu ho mala servírovať čo možno najpohodlnejšie. Rozdeľovanie funkcií medzi aplikáciu a web je veľmi dobrá vec a je to vždy lepšie, keď používateľ využíva vaše služby na viac ako jednej platforme. Ak sa používateľovi bude aplikácia dobre používať, bude sa do nej vracať. Rozdiel vo využívaní mobilnej aplikácie a webu na mobile môžeme vidieť na nasledovnom grafe.  Čas strávený v mobilných aplikácie vs. mobilný web (Zdroj: Prezentácia Luke Wroblewski)

Hackathon 2016

A je to tu! Koniec septembra a my môžeme konštatovať, že ďalší hackathon je úspešne za nami. Tento rok bol orientovaný na veci/procesy, na ktoré bežne nemáme čas. Tzn. cieľom bolo vytvoriť, prípadne si pripraviť knižnice, optimalizovať procesy v rámci jednotlivých platforiem a pod. A hlavne si to poriadne užiť  ;-) Začínali sme vo štvrtok spoločnými raňajkami, pretože bez nich to proste nejde. A samozrejme sa ich chalani už nemohli dočkať! (2 mesiace sme ich nemali, lebo neposlúchali :-D ) Zachovali sme tradíciu a po raňajkách sme sa pustili do prezentácií za jednotlivé platformy. Minulý rok bol legendárny práve touto časťou, ale tento ho neskutočne prekonal!! Chalani veľmi vtipne zhrnuli, čo je u nich nového. Ťažko sa mi hľadajú slová, lebo ako sa hovorí, lepšie je raz vidieť ako stokrát čítať :-D  Ale verte mi, ani jedno oko neostalo suché a aj naše bránice dostali poriadne zabrať  :-D Po prezentáciách sme sa pustili do samotného hackathonu. Za jednotlivé platformy sme si definovali ciele, ktoré sme chceli dosiahnuť. Išlo napr. o: Marketing + hiring Project management Interný informačný systém GR web Brand manual Logo redesign Trackovanie času pomocou hodiniek integrácia Fastlane AB testing vykopať tunel do cibule (reštika, kam chodíme na obed)  :-D Niektorí dali do prezentácie úplne všetko (celú noc) - únava ich dobehla a spánok si však vybral svoju daň  :-D Ostatní sme sa pustili do plnenie stanovených úloh. Čas bežal veľmi rýchlo, chalani makali do neskorých hodín a pomaličky im aj vyhladlo. Tento rok nám vyšlo počasie a mohli sme sa pustiť do grilovania. Klobásky, naložené mäsko išlo na dračku  :-)  Po výbornej večeri sme zahájili turnaj v kalčete. Náhodne sme sa rozlosovali, aby to bolo napínavejšie ;-)  Favoriti vypadli skoro v prvom kole a nikto netušil, ako to skončí. Nakoniec sa osvedčila taktika dostať loptičku spred bránky a strieľať čo sa dá :D Po turnaji v kalčete nasledoval poker. Chalani si ho už dlho chceli zahrať, a práve toto bola v hodná príležitosť! Vyzbieral sa bank a išlo sa nato. Hralo sa doslova do rána, ale víťaz bol spokojný (viď blažený úsmev). Druhý deň sme opäť začali spoločne raňajkami a vrhli sa do realizácie nápadov. Zostávalo nám už málo času a veľa veci, ktoré sme chceli dokončiť. Napätie sa stupňovalo. O 16tej sme sfinalizovali prezentácie, kam sme sa za 2 dni posunuli a čo sa nám podarilo urobiť. Všetci sme spravili kus práce za veľmi krátky čas a musím konštatovať, že opäť mal hackathon úspech a parádne sme si ho užili. 

Koľko stojí mobilná aplikácia

Určite ste už niekedy premýšľali nad tým, že by ste navrhli aplikáciu, s ktorou by ste prerazili do sveta alebo by ste len jednoducho zlepšili pracovné procesy. Ak ste sa dostali do fáze, kde sa predstava mení na reálnu požiadavku, tak určite rozmýšľate nad zásadnou otázkou a to koľko bude stáť vývoj takejto mobilnej aplikácie? Odpoveď na túto otázku bohužiaľ nie je až taká jednoduchá a je to hlavne kvôli tomu, že celý proces záleží na mnohých faktoroch, ktoré si v vysvetlíme. Cieľom článku nie je predniesť Vám presnú cenu aplikácie ale predovšetkým vysvetliť, prečo na začiatku nemôžeme presne určiť celkovú cenu projektu. Aké sú jednotlivé faktory ovplyvňujúce cenu aplikácie Kompatibilita Prvým z faktorov je určite kompatibilita. Ide o problém, s koľkými typmi zariadení a s akými operačnými systémami si bude aplikácia rozumieť. Svet iOS a Androidu je v tomto dosť odlišný. Pri operačnom systéme iOS si stačí zvoliť, či chcete, aby vaša aplikácie fungovala iba na najnovších modeloch iPhone a ich operačnom systéme (teraz je to iPhone 7 + iOS 10), alebo pridáte aj podporu pre staršie modely. Pri voľbe podpory starších zariadení si treba uvedomiť, že viac ako 70% užívateľov vždy upgraduje približne do mesiaca na najnovšiu verziu OS. Naopak pri Androide môžeme nájsť veľké množstvo výrobcov a verzií samotného operačného systému. Tu by Vám mal dodávateľ pomôcť s výberom najvhodnejšej kombinácie tak, aby ste zabezpečili funkčnosť pre váš cieľový segment a pritom ste nemuseli míňať za podporu zbytočných variantov navyše. Tie totiž môžu vývoj Vašej aplikácie nepríjemne predražiť a pri širokej podpore a testovaní bude vývoj drahší ako pre iOS. Veľkosť vývojárskeho tímu Od Vašich požiadaviek sa vyvíja zostava vývojárskeho tímu, ktorá má vplyv na celkové náklady: Základný tím  sa skladá z projektového manažéra, UI/UX dizajnéra, mobilného vývojára, testera a na prácu s dátami zaručene potrebujete backend vývojárov. Rozšírený tím  zahŕňa webového vývojárov a ďalších 2-4 Android alebo iOS vývojárov (záleží na požiadavkách). Komplexnosť a funkčnosť aplikácie Ako je teda zrejmé, na náklady má veľký vplyv zvolená komplexnosť a funkčnosť aplikácie. K najčastejším funkciám, ktoré rozširujú základné funkcie aplikácie patria: webové administračné rozhranie pre dáta vo Vašej aplikácii, backend infraštruktúra na prepojenie s databázami, možnosť dodatočných nákupov vnútri aplikácie (In-app purchases), integrácia funkcií tretích strán, ako je zdieľanie na sociálne siete, využitie hardvérových súčastí telefónov, ako je GPS, gyroskop a ďalšie. samostatné užívateľské rozhranie pre tablety. v neposlednej rade predraží aplikáciu integrácia platobných systémov, offline mód, notifikácie, spolupráca s kamerou a iné zlepšujúce funkcie.  Pridanie týchto súčastí dokáže prácu na vývoji aplikácie skomplikovať, a tým aj predražiť. Dizajn mobilnej aplikácie Peniaze vložené do dizajnu aplikácie sú vždy veľmi dobrou investíciou. Najlepšie je zvoliť si dizajnéra, ktorý má skúsenosti s návrhom mobilných aplikácií a chápe, čo si takýto projekt vyžaduje. Môžete si zvoliť externého dizajnéra, ktorý osloví cenou ale je určite lepšia voľba zvoliť dizajnéra priamo vo vývojárskej spoločnosti, lebo vďaka spolupráci s vývojármi môže pružne reagovať na zmeny a požiadavky. Dizajn môže byť drahý, pretože samostatné obrazovky, ikony a buttony vyžadujú množstvo elementov, ktoré musia byť navrhnuté samostatne. Testovanie Ďalšou fázou, ktorú zaručene nemôžete vynechať je testovanie mobilnej aplikácie. Aplikáciu môžete nasadiť aj bez testovania ale to Vám neodporúčame, lebo určite nechcete, aby chyby objavili namiesto Vás používatelia. Testovanie rozdeľujeme na použivateľské (manuálne) a automatizované. Manuálne - úlohou testerov je kontrola funkčnosti, dizajnu, jazykových preklepov, testovanie aplikácie v špeciálnych stavoch a testovanie na rôznych zariadeniach. Automatizované - testovanie je postavené na vytvorení automatických testov, ktoré overia jednotlivé funkcionality. Projektový manažér Úspešný vývoj softvéru už dávno nezávisí len na odborných schopnostiach vývojárov. Potreba vyvíjať rozsiahlejšie aplikácie a systémy si vynútila celý rad požiadaviek. Dobré zvládnutie tejto činnosti v každej etape životného cyklu projektu vývoja mobilnej aplikácie tvorí jeden z hlavných predpokladov úspešnosti projektu ako celku. Schopný projektový manažér zostaví dobrý tím, ktorý dokáže dostatočne motivovať a hlavne zabezpečí komunikáciu medzi vývojárom a zadávateľom. Zaručene nepodceňte projektového manažéra pri zostavovaní tímu a to najmä pri väčších projektoch. Podpora a update  Posledným faktorom, ktorý ovplyvňuje vaše náklady, je podpora a update vašej aplikácie. Tu už sa jedná o náklady, ktoré nie sú zahrnuté v počiatočných nákladoch. Každá aplikácia vyžaduje po svojom vydaní sústavnú starostlivosť: zabezpečenie podpory pre nové verzie operačného systému, údržbu backendovej infraštruktúry a cloudov alebo pravidelné updaty. Marketing mobilnej aplikácie Rozmýšľali ste už nad možnosťou, že vytvoríte geniálnu aplikáciu a užívateľ, ktorý by za ňu veľmi rád zaplatil o nej vôbec netuší? Tak presne preto, je potrebné uvažovať o marketingu (prečítajte si viac v článku o marketingu mobilných aplikácií). V prípade marketingu sa nejedná o priamy náklad na vývoj mobilnej aplikácie, ale zaručene je to náklad, s ktorým treba počítať.  Výber vývojárskej spoločnosti Ceny vývoja aplikácie sa značne líšia aj podľa toho, či si službu objednáte u freelancera, skupiny developerov alebo u agentúry. Ak chcete mať istotu a disponujete dostatočným rozpočtom, agentúra je (väčšinou) lepšia voľba. Na druhej strane, ak chcete trochu ušetriť, môžete staviť na freelancera, keďže vysoká cena sa nie vždy rovná kvalite a úspechu na trhu. Tiež záleží od krajiny, v ktorej si službu objednáte – v USA si vývojár zaúčtuje niečo medzi $60 až $150 za hodinu, v UK zhruba £60-£80, na Slovensku je to okolo 20€-50€. Koľko teda stojí mobilná aplikácia pre iOS/Android? To sa nikdy nedá presne povedať bez rokovania s vývojárskou spoločnosťou. Čo môžete na takomto rokovaní očakávať? U jednoduchších projektov je možné konečnú sumu stanoviť vstupnou analýzou. Čo však nie je také jednoduché v prípade náročnejších zadaní, kde určite nečakajte presný odhad po prvom stretnutí. Takéto projekty sa väčšinou riešia parciálne, a preto sa aj nacenenie jednotlivých fáz líši.  Celková výška nákladov sa odvíja od času stráveného vývojom a implementáciou všetkých funkcií a táto doba sa potom násobí hodinovou sadzbou. Čas strávený vývojom sa odvíja od faktorov, ktoré sme opísali vyššie. Máte záujem o mobilnú aplikáciu? Kontaktujte nás

Čo je nové v iOS 10

Apple predstavil nadchádzajúcu generácu operačného systému iOS 10 už 10. júna na WWDC (World Wide Developer Conference). CEO Apple-u, Tim Cook, opísal iOS 10 ako najväčší update aký kedy iOS používatelia dovtedy videli. Nový operačný systém obsahuje značné vylepšia v oblasti správ, fotiek, máp, Apple Music, Siri, Apple Pay a mnoho iného. Obrazovka uzamykania Najväčšou zmenou v iOS 10, prešla obrazovka uzamykania. Ikonické “Slide to Unlock” (“Odomknúť posunutím”) sa zmenilo na “Press Home to Unlock” (“Odomknúť stlačením tlačidla Domov”). Notifikácie po novom podporujú 3D-touch a ponúkajú omnoho viac informácií ako kedykoľvek predtým. Potiahnutím prsta po obrazovke zľava do prava sa nám po novom predstavia tzn. widgety, ktoré sme v starším verziách systému našli pod notifikačným centrom. Naopak potiahnutím prsta z prava do ľava sa spustí kamera. S predstavením veľmi rýchleho Touch ID v iPhone 6s a 6s Plus sa veľa používateľov stažovalo, že si nestihnú prečítať notifikácie. A tak Apple prestavil funkciu “Rise to Wake” (“Zdvihni pre zobudenie”), kedy iPhone stačí iba zodvihnúť a obrazovka sa sama rozsvieti bez toho aby ste položili prst na “home tlačidlo”. Táto funkcia je dostupná iba pre iPhone 7, 7 Plus, iPhone 6s, 6s Plus a SE. Control center Control center sa dočkal redizajnu a dostal podporu 3d Touch-u. V prípade 3D Touch-u nad ikonou baterky môžeme meniť intenzitu, časovač má prednastavené intervaly a kamera nám umožňuje vybrať si z rôznych možností ako napr. selfie. Okrem toho podporuje aj viacero obrazoviek. Potiahnutím prsta z prava do ľava sa nám zobrazí dedikovaná obrazovka, pomocou ktorej môžeme ovládať hudbu, pričom potiahnutím prsta na opačnú stranu môžeme ovládať zariadenia HomeKit-u. Vymazanie predinštalovaných aplikácií V iOS 10 môžeme konečne vymazať predinštalované aplikácie, ktoré nepoužívame. Avšak nejde o vymazanie ako také, ale ide iba o odstránenie ikony z domovskej obrazovky, čiže aplikácia stále zaberá cenné miesto v pamäti. Podľa Apple-u všetky predinštalované aplikácie zaberajú len okolo 150MB úložného miesta v pamäti a ich kompletným odinštalovaním by sme prišli o dôležité funkcie iOS systému. Aplikácie, ktoré môžete “vymazať” z domovskej obrazovky: Kalendár Kompas Kontakty FaceTime Find My Friends Home iBooks iCloud Drive iTunes Store Mail Mapy Hudba News Poznámky Podcasty Pripomienky Akcie Tipy Videá Diktafón Watch app Počasie Správy Pretože Správy sú jednou z najpoužívanejších aplikácií na iPhone, tak im Apple venoval značnú pozornosť v iOS 10 a predstavil funkcie, ktoré robia iMessages viac osobnými, emotívnejšími a zábavnejšími. iMessages môžu byť po novom poslané s animujúcim sa pozadím, kde môžu byť balóny, konfety, ohňostroj, padajúca hviezda alebo môžu byť obohatené o “Bublinový efekt”, ktorý môže byť buď “jemný” alebo naopak “hlasný”. “Digital touch” alebo “Digitálny dotyk” je nová funkcia, ktorá bola prvýkrát predstavená v Apple Watch a teraz je dostupná aj v iMessages. Prostredníctvom “Digital touch” môžete posielať ručne kreslené obrázky, tlkot srdca alebo môžete kresliť na obrázky, ktoré vám poslal váš kamarát. Správy taktiež podporujú linky a vy môžete vidieť, čo sa za samotným linkom nachádza ešte predtým, ako ho otvoríte. iOS 10 prináša novú zábavnú funkciu a to emoji návrh, tzn. že ak napíšete vetu a potom kliknete na emoji klávesnicu, slová, ktoré môžu byť v danej vete nahradené za emoji sa vysvietia. Po kliknutí je vysvietené slovo nahradené za vhodné emoji. Apple taktiež predstavil dedikovaný App Store priamo pre správy, ktorý bude obsahovať rôzne rozšírenia. Ide o jednoduché aplikácie, pomocou ktorých môžeme napr. vyhľadávať GIF obrázky a posielať ich kamarátom bez toho, aby sme opúšťali aplikáciu. Mapy Mapy sú v iOS 10 kompletne redizajnované a dôraz sa kládol na ľahšiu orientáciu v aplikácii. Mapy taktiež obsahujú vylepšené informácie o dopravnej situácii na cestách ale aj informácie o aktuálnom počasí. Okrem Správ sa aj Mapy dočkali rozšírení a to v podobe aplikácií, ktoré môžete priamo ovládať z aplikácie Mapy bez toho, aby ste boli nútený aplikáciu opustiť. Napr. si môžete zarezervovať stôl vo vašej obľúbenej reštaurácii alebo objednať Uber. Keď zaparkujete vozidlo na parkovisku Apple Mapy si jednoducho zapamätajú polohu vozidla, takže už nikdy nezabudnete, kde ste vaše vozidlo zaparkovali. Apple Music Aplikácia Hudba bola redizajnovaná a dôraz sa opäť kládol na jednoduchšie používateľské prostredie. Taby teraz obsahujú “Knižnicu”, “Pre vás”, ”Prechádzať” a ”Rádio” pre ľahšie objavovanie nového obsahu ale aj tab “Vyhľadávanie”, ktorý umožňuje vyhľadávanie albumov oveľa rýchlejšie ako kedykoľvek predtým. Nový vzhľad Hudby sa zameriava na cover fotku albumu spolu s ľahko čitateľnými, veľmi jasnými a hrubými nadpismi s množstvom miesta navôkol. iOS 10 extra funkcie Okrem hlavných funkcií nájdeme v iOS 10 aj menšie úpravy zamerané na zlepšenie používateľského zážitku. Split View v Safari na iPade - S podporou multitaskingu na iPade prichádza aj podpora dvoch otvorených Safari okien vedľa seba.  Safari - Safari podporuje neobmedzený počet otvorených tabov. Poznámky - Poznámky po novom umožnia pozývať ľudí, aby spolu mohli spolupracovať na jednom poznámkovom bloku a všetky zmeny sú synchronizované s ostatnými členmi. Kopírovať a vložiť - V iOS 10 je táto funkcia obohatená o tzv. kontinuitu, tzn. že ak odkopírujete nejaký obsah, tak tento obsah bude zdieľaný aj s vašimi ostatnými iOS zariadeniami ako aj s vašim MacBook-om, ktorý musí mať nainštalovaný macOS Sierra. iCloud Drive - V spojení s operačným systémom macOS Sierra, aplikácia iCloud Drive v iOS zariadení umožňuje prístup ku všetkým súborom, ktoré sa práve nachádzajú na pracovnej ploche alebo v zložke “Dokumenty” vo vašom MacBook-u.  Telefón - Apple vytvoril nové API nazvané “CallKit”, ktoré umožňuje aplikáciám tretích strán ako napr. Skype aby sa vyzváňanie správalo ako štandardné vyzváňanie telefónu. Večierka - Okrem alarmu nájdeme v novom iOS 10 aj funkciu nazývanú “Večierka”. Ide o funkciu, pomocou ktorej si môžete nastaviť plán pravidelného spánku a iPhone vám už sám dá vedieť, kedy je vhodný čas ísť spať alebo naopak kedy treba vstávať. Nový zvuk klávesnice - Zvuk klávesnice bol trošku prepracovaný a backspace má po novom odlišný zvuk ako zvyšok klávesnice. Taktiež je tu nový zvuk medzery, enteru ale aj samotných čísel, či shift klávesy. Emoji -Tak ako predchádzajúce verzie iOS, tak aj nový iOS 10 nie je výnimkou a prináša nové emoji, ktoré boli jemne redizajnované. Zvuk uzamykania - Apple predstavil nový zvuk uzamykania, ktorý je veľmi podobný zatvoreniu dverí. Varovanie pred poškodením - iPhone/iPad vie po novom rozpoznať ak sa nachádza voda v otvore pre nabíjanie. Vtedy vás sám varuje a oznámi vám aby ste odpojili napájací kábel pred prípadným poškodením vášho iPhonu alebo iPadu. Zdroj: MacRumors, Apple

Načítavam ďalšie články...