Responzívny dizajn = "optimalizované pre tablety a IE"

A budem menší, menší, až budeme najmenší na celom svete. Teda okrem Ruska, tam majú najväčších trpaslíkov.

Ale vážne. Už viac ako týždeň sa z chuti zabávam na projekťákoch a programátoroch Grundpeaku, ktorý riešia web pre hru Geocaching.

Dva obrázky hovoria za všetko.

Pri malej šírke displeja, pre tablet je to fajn. Na desktope to už za veľa nestojí. Rozpadá sa lišta, rozpadá sa navigácia, rozpadá sa užívateľ. Proste chyba v dizajne, absencia testovania a zaslepenosť vlastným zariadením a vlastnými prístupovými právami. Úplne obvyklá vec.

Ale iné mi napadlo v tejto súvislosti.

Za starých dobrých čias, tak pred 10 rokmi, sme riešili prístupnosť a použiteľnosť bez ohľadu na zobrazovacie zaradenie. Nehovorilo sa tomu responzívny a všetci si robili srandu z programátora, ktorý optimalizoval pre konkrétne rozlíšenie.

A tak sa dnes smejem tým, čo optimalizujú pre tablety.  Nerobte rovnakú chybu. zabudnite na pojem responzívny a oprášte si pojem použiteľnosť a prístupnosť.

Skúste svoj web používať. 😉

Keď sa zamyslím nad tým, ako habkáte po webe prstom, nemáte k dispozícii HW klávesnicu, úprimne ľutujem programátorov, ktorí sa snažia urobiť jeden web pre všetkých. Naozaj nejde len o iný viewport! Ide o úplne inú ergonómiu používania. Preto v dnešnom čase ide oveľa oveľa oveľa viac o použiteľnosť ako kedykoľvek doteraz.

Čo je použiteľné s myšou a klávesnicou, nie je použiteľné s prstom. A naopak, čo dizajnujete pre prst je otravné nepohodlné pre myš.

Šachový aut: Starý dobrý stilus a ťukanie do displeja ostrúhanou paličkou.

“A hlavne tie podčiarknuté odkazy!”, to bola mantra použiteľnosti. Nie, nejde o to podčiarknutie v doslovnom význame. To je len taký skúšobný kameň – ukážkový príklad na všetkých nových weboch. Na odkazoch je krásne vidieť ten zásadný rozdiel v ergonómii. Kým pomocou pomocou myši v pohode využijete hover:underline, skúste  prstom vyvolať hover efekt. Taký Caprfíld sa ešte nenarodil.  A tak nikto nevie, kde sú odkazy, kde je navigácia. Odkazy sú nepodčiarknuté, navigácia v rovnakej farbe, formulárové polia plné popiskov.

O responzivite nikde nič. Iba samá použiteľnosť. Tak úrčité!

Apropó, keď už hovoríme o starých časoch a oprašujem pojem použiteľnosť a prístupnosť. Stále platia zákonné predpisy pre prístupnosť webov štátnej správy? Tie weby stoja milióny a nedokážu ani len to, čo weby z pred 10 rokov v oblasti prístupnosti. A unúval sa niekto aktualizovať pravidlá, aby bola dodržaná prístupnosť aj pi použití na dotykových zariadeniach? No dobre, tak ja si sadnem do kútika, ono ma to prejde.

 

Zdieľať?

Pokrok až k nečítanosti

Uvažujem, čo vedie dizajnérov k vývoju nečitateľného webu. Snaha o odlíšenie sa?

Napadlo mi to, keď som si bol posťažoval tvorcovi obsahu na dotekomanie.cz, že ten web má ale pekne debilný font.

Vraj si mám zapnúť ClearType. Pre neznalých, to je to mrvítko, čo vám pridá pol dioptrie k vašej optickej vade. Ale aby som bol spravodlivý, možno len nám windowsákom. Apple má vyhladzovanie písma určite lepšie podporované.

Záver: Keďže ja žijem vo svete, kde návštevník/zákazník nič nemusí, tak klik a Sbohom.

Pod čiarou: A čo mňa motivuje mať čierny web? Snaha odlíšiť sa. 😉

Zdieľať?

Web Slovenského rozhlasu je nočná mora použiteľnosti

Na základe reálnej potreby som zavítal na web Slovenského rozhlasu. Stála predo mnou skutočná úloha na tom webe čosi kdesi nájsť a urobiť, O jeho novej podobe sa mnohý nedávno vyjadrili veľmi ale veľmi nelichotivo. Boli hovädsky zhovievavý.

Zistil som, že existuje nejaké super rozprávacie rádio:

Rádio Litera

Rádio Litera SRo8 ponúka rozhlasové hry, poéziu, prózu, fíčre, rozprávky, čítanie na pokračovanie a mnoho ďalšieho z oblasti literárnej tvorby.

Nová programová služba verejnoprávneho rozhlasu – digitálny umelecký kruh Rádio Litera je pre poslucháčov prístupný cez satelitný príjem SkyLink na družici Astra 3A. Signál z Astry 3A [23.5°E] je vysielaný na frekvencii 12,565 GHz v horizontálnej polarizácii [SR 27500, FEC 2/3].

Rádio Litera, Slovenský rozhlas

Milujem rozprávacie rádia. Srdce zaplesalo a mozog zavelil: Hybaj si to pustiť!

Prečo by mal byť program na jeden klik? Čo práve vysielajú na jeden klik? Podcast na jeden klik? A prečo by mal byť odkaz na živé vysielanie na jeden klik?!?  Prečo by mali piktogramy intuitívne našepkávať?  Prečo by mali odkazy svojim title našepkávať kam vedú?

Prečo by mal byť web rozhlasu multimediálny? Prečo by mal byť web prelinkovaný?

To si mám v roku 2011 klásť takéto otázky?

Pred nejakým časom sme na blogoch skloňovali slovo použiteľnosť. Až tragicky nič sa z týchto diskusií nepretavilo do života každodenného.

Ak by ten web stál čo i len 1€, bolo beznádejne vyplytvané.

Pod čiarou: Aha, ono to najmenším písmom a najnevýraznejšie farbou a na neviditeľnom mieste umiestnené je to to správne a najkontextovejšie spomedzi šiestich menu na stránke.

Zdieľať?

Neprístupné štátne weby a sekretárske formáty súborov

Hm, myslíte, že sa dá dať podanie na SOI za porušenie pravidiel prístupnosti na webe SOI? Nechcem byť poplašený, ale asi len raz.  😉

Už ma tieto štátne weby fakt prestávajú baviť s týmto ich PDF, RTF a DOC obsahom.

Hej vy tam, čo ste v tých úradoch za tú onú internetom odchovanú stranu! Nejaký vnútorný predpis by sa nenašiel?

Ak mám byť štýlový a použiť termínovanie jedného z daňových úradov tak: HNEĎ!!! (Odkaz na fotku jednej predvolanky umiestnenú na Facebooku) Nemáte konto? To mi nehovorte, veď ste zo štátneho úradu.

Čo z takých krásnych plodov práce, keď sú sú neprístupné?

Čo z takých krásnych plodov práce, keď sú neprístupné?

Ak by ste chceli, aj vám ho napíšem a aj dokonca zadarmo. Veď sa nehanbíte, vypustiť takýto text na web?

Rady podnikateľom – zapaľovače nadrozmerných veľkostí

Zapaľovače nadrozmerných veľkostí

Späť na Rady podnikateľom

Rady podnikateľom – zapaľovače nadrozmerných veľkostí — Slovenská obchodná inšpekcia – soi.sk

Odcitovať som pokojne mohol aj daňovákov či Sociálnu poisťovňu.  Dnes sa mi všetci traja svorne a v rovnakej forme zišli v RSS čítačke. Chápem, že ste zvyknutí. Ale internet nie je šérpojntík.

Mám pocit, že v tom nie sú ani tak namočení zamestnanci tých úradov. To, že RSS daňovákov odkazuje rovno na PDF súbory mi hovorí, že programátori a systémoví integrátori v tom nie sú tak úplne nevinne.

Pod čiarou: Ja viem, som nevďačný. Nie že by som sa tešil, že konečne vydávate poriadny obsah, ale hneď nadávam na formu. Ja sa teším z toho obsahu. No len chvíľu. Potom príde na rad to rozčarovanie.

Zdieľať?

Historické udalosti sú zakorenené v našej podstate

No schválne, koľko bude trvať dnes už zamestnancom Ataxa, kým sa trhnú. Zvyk je železná košeľa.

Ataxo odkoupilo 100 % podílu v H1.cz a s její pomocí hodlají navýšit svůj obrat pro nadcházející rok na čtvrt miliardy Kč. H1.cz je poradenská firma poskytující analytické, poradenské, vzdělávací a kreativní služby pro podnikání na internetu. Firma vnikla v roce 2005 odštěpením z konzultační společnosti Dobrý Web. Společnost založil bývalý projektový vedoucí Dobrého Webu, David Špinar spolu s Markem Prokopem, Michalem Krutišem a Václavem Štruplem.

Agentura Ataxo koupila největšího českého hráče na poli SEO/SEM aktivit | ITBiz.cz

Pamätáte si na kauzu Dobrý web a H1? Pamätám si, čo ma vtedy na tej akcii zaujalo predovšetkým. Zalovil som v archíve tohto svojho blogu a jeden dobrý zdrojový článok som objavil. Takto to vtedy bolo bývalo bolo komentované všelikde po webe. Najprv bolo pár zamyslení:

Buy out a H1.cz : HLAVA.NET

a potom prišli vysvetlenia z jednej

Marek Antoš: Dobrý web nekončí — Rozhovor — Magazín — Interval.cz

a z druhej strany.

David Špinar: Od Dobrého webu k H1.cz — Rozhovor — Magazín — Interval.cz

A vtedajšia diskusia dostupná cez archive.org, hádam zaujímavejšia ako všetky články. Asi tak od polovice to začína mať naozaj šťavu.

Čo si o tom myslím? Nuž toto som bol býval bol napísal do komentára pre HLAVA.NET: “Keď sa najbližšie budú profíci rozčuľovať, že im niekto ukradol dizajn, kód, myšlienku a tak podobne, radšej nech sú ticho a zametú si pred vlastným prahom.” Dnes by som nenapísal iné.

Vyššie poučenia

Abstrahujeme teraz konkrétnych aktérov.

Firmy sa vraj v dnešnej dobe kupujú hlavne pre ich personálne obsadenie. Keď neviete zlanáriť odborníka, tak si kúpite jeho pracovnú zmluvu. Otázka je, aký prístup k novej akvizícii bude mať tento odborník? Stačí sa pozrieť do histórie jeho správania sa.  Akokoľvek sa naše názory a postoje v čase vyvíjajú, skúsenosti posunú  kamsi inam a ďalej, stále tam niekde je naša podstata. Pretvarovať sa dá, ale len chvíľu. Ako to po skončení pretvarovanie bude nám zaručene povie pohľad do histórie.

Naša dejepisárka na ZŠ trvala na tom, že na začiatku každého zošita musíme vynechať jeden list a mať na ňom napísanú jedinú vetu: Historia – magistra vitae.

Zdieľať?

Zážitkový a dárkový vomitus. Ale renomovaný!

Prípadová štúdia: Zistíte čo je renomovaný copywriting. Bez štipky irónie, len čisté poučenia.

Web, ktorému texty urobila renomovaná agentúra Dobrý web má na titulke výsledok zážitkového a dárkového vomitu. Alebo je to diarea? Za takýto výsledok by sa veru ani renomovaný Guttalax nemusel hambiť. Čo Guttalax, aj taký renomovaný Xenical len bledne pri takomto renomovanom copywrajtingu.

Keď chcete vedieť čo je dobré pre robota od Seznamu, musíte ísť na to rovnou za Yuhůom. Keď chcete vedieť, aký je to ten renomovaný copywriting, treba sledovať prácu tých renomovaných.

A možno tento text aj nejakú tú renomovanú iróniu obsahuje. Len som si nie istý, v ktorých vetách presne. Naopak, isté je, že textami na webe www.esennce.cz sa renomovaný Dobrý web hrdí vo facebookovej walled garden.

Mám radost, že dva copywritingoví zákazníci Dobrého webu vyhráli v anketě Shop roku 2010. Pro Tisknulevně.cz jsme vyrobili Manuál copywritingu, pro Esennce.cz jsme vytvářeli texty.

Ako by som o tom uzatváraní sa pred svetom pred pár dňami nepísal. Asi som sa mýlil, poučiť sa treba predsa od renomovaných. Renomovaných. A ešte raz: renomovaných. A aby ste nezabudli u koho, tak u renomovaných. Chápete, renomovaných. Prosto renomovaných. A už dosť, lebo renomovaných.

Zdieľať?

Neotravujte ma s www a https

Skutočne ma vytáčajú weby, ktoré vo verziách www.example.com a example.com ponúkajú iný obsah, prípadne na jednom z variantov nefungujú. Podobne v bledo zelenom aj v súvislosti s http// a https://

Je koniec prvého desaťročia 21. storočia, to je taký problém urobiť krôčik k užívateľovi a presmerovať to?!?

Zdieľať?

Taká dojímavá diskusia a dokonalé kúzlo nechceného

Chcete vedieť čo je kvalitný web?

Filip Oščádal: můj názor: kvalitní web s dobrým obsahem dodržující běžné standardy a doporučení SEO nepotřebuje, stačí PPC reklama a časem to funguje samo

Marek Prokop: Ano, Filipe, to je právě ten omyl, který článek podporuje. A to nemluvím o tom, že “kvalitní web” a “dobrý obsah” jsou jen prázdné fráze, pod kterými si každý představuje něco diametrálně odlišného. Úplně stejně by šlo říci, že kvalitní web přeci nepotřebuje design, informační architekturu, copywriting atd. Je prostě !kvalitní! a basta. Otázka ovšem je, z čeho se pak ta kvalita skládá a jakými postupy se dosahuje.Petr Severa: Kde se vzal u náhledu článku ten obrázek uzeniny?

Marek Prokop: Petře, obrázek uzeniny jsem tam vybral z těch všech, co mi to nabízelo. Proč mi to automaticky nenabídlo relevantní obrázek, je otázka na SEO specialistu Internet Infa 😉Facebook | Priatelia

Aj by som to zalinkoval, ale Facebook je kvalitný web.

A mimochodom, je to diskusia k Plaváčkovej glose, že sa treba na SEO vykašľať.  Či že neexistuje? Nuž, má tam napísané, že SEOlógom sa treba oblúkom vyhnúť.   Taká glosa nepochybne význam má. Je to kvalitná glosa.

Pod čiarou: Nakoniec som sa k tomu linku dopracoval. To viete, 4M je kvalitný web. Má napríklad odlíšené aj odkazy.

Zdieľať?

Sme.sk ignoruje trendy gigantov dostupnosti

To je sklamanie!!! Takto ignorovať slovenské vzory a nenasledovať trend daný gigantom lite verzií drsr.sk.

Blížiaci sa víkend môže byť pre spravodajské portály ťažký a Sme.sk si to uvedomuje. Robí preto preventívne opatrenie – cez víkend bude možno fungovať s novou odľahčenou titulnou stránkou. Pre FWD.sk to potvrdil Tomáš Ulej zo Sme.sk.

Sme.sk má odľahčenú verziu homepage | Internet | FWD.

Kde je freee template? Kde je počítadlo?

Som hlboko zdrvený takýmto zaostalým prístupom. Srdce mi krváca a spolu s miliónmi daňových poplatníkov zvolávam:

Ak vzor dostupnosti, tak drsr.sk! Ak vzor bezpečnosti, tak nbu123!

Zdieľať?