{"id":558,"date":"2010-09-01T22:23:09","date_gmt":"2010-09-01T21:23:09","guid":{"rendered":"http:\/\/pixy.cz\/pixynergia\/?p=558"},"modified":"2010-09-01T22:23:09","modified_gmt":"2010-09-01T21:23:09","slug":"co-je-spatneho-na-ui-jizdnirady-cz","status":"publish","type":"post","link":"https:\/\/www.pixy.cz\/pixynergia\/2010\/09\/01\/co-je-spatneho-na-ui-jizdnirady-cz","title":{"rendered":"Co je \u0161patn\u00e9ho na UI jizdnirady.cz?"},"content":{"rendered":"\n<p>Celost\u00e1tn\u00ed vyhled\u00e1va\u010d v\u00a0j\u00edzdn\u00edch \u0159\u00e1dech, web <a\nhref=\"http:\/\/jizdnirady.idnes.cz\">jizdnirady.id\u00adnes.cz<\/a> (neboli n\u011bkdej\u0161\u00ed\niDOS) pou\u017e\u00edv\u00e1 mnoho lid\u00ed, lze \u0159\u00edct, \u017ee s\u00a0n\u00edm p\u0159i\u0161el do styku skoro\nka\u017ed\u00fd, kdo se kdy o\u0161oustl kolem \u010desk\u00e9ho internetu. Slu\u017eba je to v\u00fdborn\u00e1\na nenahraditeln\u00e1, datov\u011b d\u00e1 se \u0159\u00edci a\u017e fenomen\u00e1ln\u00ed\u00a0\u2013 nev\u00edm jak kdo,\nale j\u00e1 v\u00a0n\u011bm nikdy nenarazil na chybu a m\u00e1m v\u00a0n\u011bj v\u011bt\u0161\u00ed d\u016fv\u011bru ne\u017e\nve v\u0161echny ti\u0161t\u011bn\u00e9 j\u00edzdn\u00ed \u0159\u00e1dy a placenou inform\u00e1torku na Florenci\ndohromady. Ale to rozhran\u00ed, to u\u017eivatelsk\u00e9 rozhran\u00ed\u00a0(UI)\u2026<\/p>\n\n<p>Na tomhle webu v\u00edc ne\u017e kde jinde je vid\u011bt, \u017ee u\u017eivatelsk\u00e9\nrozhran\u00ed\u00a0\u2013 to je ta vrstva mezi tunami dat kdesi v\u00a0datab\u00e1zi a va\u0161\u00edm\nprohl\u00ed\u017ee\u010dem\u00a0\u2013 prost\u011b nesm\u00ed navrhovat program\u00e1tor. Takov\u00fd program\u00e1tor\nspoustu v\u011bc\u00ed pova\u017euje za naprost\u00e9 zbyte\u010dnosti, je zvykl\u00fd sledovat ladic\u00ed\nv\u00fdstupy na konzoli a za vrchol u\u017eivatelsk\u00e9ho komfortu pova\u017euje, kdy\u017e m\u00e1\ndata na v\u00fdstupu odd\u011blena \u010d\u00e1rkami.\u00a0J\u00fa!<\/p>\n\n<p>Program\u00e1tor nen\u00ed psycholog, moc ne\u0159e\u0161\u00ed specifick\u00e9 probl\u00e9my sv\u00fdch\nbudouc\u00edch u\u017eivatel\u016f, hlavn\u011b, kdy\u017e to n\u011bjak funguje. Ony ty j\u00edzdn\u00ed \u0159\u00e1dy\ntaky \u201en\u011bjak funguj\u00ed\u201c a p\u0159es pohledn\u00e9 barevn\u00e9 GUI (grafick\u00e9 vizu\u00e1ln\u00ed\nrozhran\u00ed) nen\u00ed ani moc vid\u011bt, \u017ee to u\u017eivatelsk\u00e9 rozhran\u00ed pod n\u00edm je\nd\u00edlem program\u00e1tora-sadisty. V\u0161imn\u011bte si toho rozli\u0161en\u00ed pojm\u016f GUI a UI.\nGrafick\u00e9 rozhran\u00ed je jen (tou men\u0161\u00ed) \u010d\u00e1st\u00ed UI, ty obr\u00e1zky, barvi\u010dky a\n\u0161oup\u00e1tka, kter\u00e9 vid\u00edte na str\u00e1nce, jsou to m\u00ed\u0148 podstatn\u00e9, hlavn\u00ed roli\nhraje ta vrstva pod nimi: to, jak je navr\u017eena komunikace, navigace, zp\u016fsob\nzad\u00e1v\u00e1n\u00ed dat, architektura cel\u00e9 aplikace, vnit\u0159n\u00ed logika. Dost \u010dasto tady\nhraje roli lenost program\u00e1tor\u016f, s\u00edla charakteru (a v\u016fbec samotn\u00e1 existence)\nprojektov\u00e9ho mana\u017eera a p\u0159edev\u0161\u00edm p\u0159\u00edtomnost nebo naopak absence\nn\u00e1vrh\u00e1\u0159e UI\/UX. A\u00a0pr\u00e1v\u011b tady je ono m\u00edsto, kde ten iDOS dost fat\u00e1ln\u011b\nselh\u00e1v\u00e1.<\/p>\n\n<h3>Sc\u00e9n\u00e1\u0159 1<\/h3>\n\n<p>Chci jet z\u00a0Kladna do Prahy na Florenc. Zvol\u00edm si\u00a0\u2013 jednu\nz\u00a0nejpou\u017e\u00edvan\u011bj\u00ad\u0161\u00edch\u00a0\u2013 mo\u017enost\u00ed, vyhled\u00e1v\u00e1n\u00ed v\u00a0j\u00edzdn\u00edch\n\u0159\u00e1dech vlak\u016f, autobus\u016f a MHD velk\u00fdch m\u011bst. Zad\u00e1m tedy po\u010d\u00e1te\u010dn\u00ed\nm\u00edsto \u201eKladno\u201c, c\u00edlov\u00e9 m\u00edsto \u201ePraha, Florenc\u201c.<\/p>\n\n<div><img\nsrc=\"http:\/\/pixy.cz\/pixynergia\/wp-content\/uploads\/2010\/09\/Screen-shot-2010-09-01-at-21.21.06.png\"\nalt=\"Vstupn\u00ed formul\u00e1\u0159 se zobrazen\u00edm chyb\" title=\"\" width=\"759\" height=\"426\"\nclass=\"aligncenter size-full wp-image-562\" \/><\/div>\n\n<p>Poj\u010fme postupn\u011b: <em>Kladno [CR]<\/em>? Asi ano, nebo ne? Jen\u017ee spr\u00e1vn\u011b\nje druh\u00e1 mo\u017enost, <em>Kladno [KD]<\/em>\u00a0\u2013 to CR neznamen\u00e1 \u010cR, ale Chrudim.\nOkresy byly zru\u0161eny p\u0159ed drahn\u011b lety a b\u00fdval\u00e9 SPZky bude zn\u00e1t st\u00e1le\nm\u00e9n\u011b lid\u00ed. Napsat do z\u00e1vorky <em>[CR]<\/em> m\u00edsto <em>[okres Chrudim]<\/em>\nnen\u00ed nic ne\u017e program\u00e1torova lenost. Nemluv\u011b o\u00a0tom, \u017ee to v\u00fdchodo\u010desk\u00e9\nKladno se hled\u00e1 asi tak milionkr\u00e1t m\u00e9n\u011b \u010dasto ne\u017e nejv\u011bt\u0161\u00ed m\u011bsto St\u010c\nkraje, m\u00e9n\u011b blb\u00e9 UI by p\u0159i shod\u00e1ch nenab\u00eddlo prvn\u00ed polo\u017eku v\u00a0abecedn\u00edm\npo\u0159ad\u00ed, ale polo\u017eku releventn\u011bj\u0161\u00ed. <em>(Mohl bych zde poslou\u017eit\nhistorkou, jak moje tehdy mal\u00e1 sest\u0159i\u010dka vyrazila prvn\u011b sama do sv\u011bta za\nn\u00e1mi do Kladna na n\u00e1v\u0161t\u011bvu a m\u00edsto toho skon\u010dila v\u00a0noci sama vprost\u0159ed\ntemn\u00e9 n\u00e1vsi jist\u00e9 v\u00fdchodo\u010desk\u00e9 vesni\u010dky.)<\/em><\/p>\n\n<p>Nenalezen\u00e1 \u201ePraha, Florenc\u201c, to je naprost\u00fd <em>fail<\/em>, a to hned\nn\u011bkolikan\u00e1sobn\u00fd. Kdy\u017e si toti\u017e j\u00edzdn\u00ed \u0159\u00e1dy omez\u00edte pouze na pra\u017eskou\nMHD, Florenc a v\u0161echny ostatn\u00ed zast\u00e1vky tam jsou. Ve spojen\u00ed\ns\u00a0celost\u00e1tn\u00edmi j\u00edzdn\u00edmi \u0159\u00e1dy jich ale v\u011bt\u0161ina zmiz\u00ed. Nenajdete\nFlorenc, And\u011bl, M\u016fstek, Muzeum, skoro nic. Sou\u010dasn\u011b to ale neplat\u00ed opro\nv\u0161echny\u00a0\u2013 n\u011bkter\u00e9 z\u00a0nich v\u00a0seznamu jsou. Najdete Hrad\u010danskou\n(v\u00a0podob\u011b <em>Praha,, Hrad\u010dansk\u00e1<\/em>, ty dv\u011b \u010d\u00e1rky jsou pro iDOS\ntypick\u00e9), ale Malostransk\u00e1 nen\u00ed. Je tam B\u00edl\u00e1 Hora (<em>Praha,, B\u00edl\u00e1\nhora<\/em>), ale \u010cerven\u00fd vrch u\u017e ne. Z\u00e1konitost jsem nevysledoval. Zm\u00edn\u011bnou\nFlorenc nenajdete \u017e\u00e1dn\u00fdm zp\u016fsobem. Kdy\u017e zvol\u00edte zad\u00e1n\u00ed adresy, iDOS\nc\u00edlov\u00e9 m\u00edsto <em>Praha, Florenc<\/em> p\u0159ijme, ov\u0161em vr\u00e1t\u00ed v\u00e1m tento\nv\u00fdsledek:<\/p>\n\n<div><img\nsrc=\"http:\/\/pixy.cz\/pixynergia\/wp-content\/uploads\/2010\/09\/Screen-shot-2010-09-01-at-21.42.20.png\"\nalt=\"V\u00fdsledek hled\u00e1n\u00ed: spoj Kladno\u2013Do \u010certous.\" title=\"\" width=\"626\"\nheight=\"426\" class=\"aligncenter size-full wp-image-566\" \/><\/div>\n\n<p>A\u00a0do \u010certous. Tam ov\u0161em jet nechci. T\u0159et\u00ed mo\u017enost\u00ed je mapa. Pokud\nPrahu dob\u0159e zn\u00e1m a dok\u00e1\u017eu se v\u00a0t\u00e9 p\u0159edpotopn\u00ed a polofunk\u010dn\u00ed map\u011b\nzorientovat, poda\u0159\u00ed se mi Florenc naj\u00edt. Kliknu na ni, do c\u00edlov\u00e9ho pole se\nvlo\u017e\u00ed \u201eFlorenc\u201c, co\u017e ov\u0161em taky nebude fungovat.<\/p>\n\n<div><img\nsrc=\"http:\/\/pixy.cz\/pixynergia\/wp-content\/uploads\/2010\/09\/Screen-shot-2010-09-01-at-21.49.44.png\"\nalt=\"V\u00fdb\u011br Florence z mapy\" title=\"\" width=\"384\" height=\"335\"\nclass=\"aligncenter size-full wp-image-567\" \/><\/div>\n\n<div><img\nsrc=\"http:\/\/pixy.cz\/pixynergia\/wp-content\/uploads\/2010\/09\/Screen-shot-2010-09-01-at-21.50.29.png\"\nalt=\"Nab\u00eddka cesty do Florencie\" title=\"\" width=\"558\" height=\"62\"\nclass=\"aligncenter size-full wp-image-568\" \/><\/div>\n\n<p>Ch\u00e1pu-li spr\u00e1vn\u011b, \u017ee <em>[*I]<\/em> znamen\u00e1 It\u00e1lie (achjo,\nprogram\u00e1to\u0159i!), je mi po v\u00fdb\u011bru z\u00a0mapy nab\u00edzena cesta do Florencie\u2026<\/p>\n\n<p>\u010cist\u011b pro \u00faplnost, jedno \u0159e\u0161en\u00ed se p\u0159ece jen d\u00e1 naj\u00edt. Sta\u010d\u00ed si\nvybrat <em>Zp\u016fsob zad\u00e1n\u00ed m\u00edsta: Zad\u00e1n\u00ed jm\u00e9na z\u00a0kategorie<\/em> a tam\nzvolit <em>zast\u00e1vky (Praha)<\/em> a pak napsat <em>Florenc<\/em>\u00a0\u2013 ale pouze\np\u0159esn\u011b takto, zad\u00e1te-li n\u011bco jin\u00e9ho, nap\u0159. <em>Praha, Florenc<\/em> nebo\n<em>metro Florenc<\/em>, z\u00edsk\u00e1te jen star\u00e9 zn\u00e1m\u00e9 <em>objekt\nnenalezen<\/em>.<\/p>\n\n<h3>Sc\u00e9n\u00e1\u0159 2<\/h3>\n\n<p>Na\u0161el jsem si cestu do Prahy, p\u0159ij\u00ed\u017ed\u00edm autobusem na Kn\u00ed\u017eec\u00ed, na\nAnd\u011blu m\u00e1m jedn\u00e1n\u00ed a pozd\u011bji b\u011bhem dne se budu pot\u0159ebovat p\u0159esunout\nz\u00a0na Starom\u00e1k, m\u00e1m tam sraz se zn\u00e1m\u00fdm (ten pr\u00fd doraz\u00ed n\u011bjak\u00fdm autobusem\nMHD, co stav\u00ed pobl\u00ed\u017e). \u017de And\u011bla v\u00a0nab\u00eddce jen tak nenajdu, u\u017e jsme si\n\u0159ekli v\u00fd\u0161e. Ale v\u00edm, \u017ee se to tam p\u0159ece jmenuje \u201eNa Kn\u00ed\u017eec\u00ed\u201c, tak\nto zad\u00e1m m\u00edsto toho. A\u00a0\u00fasp\u011bch se hned dostav\u00ed!<\/p>\n\n<div><img\nsrc=\"http:\/\/pixy.cz\/pixynergia\/wp-content\/uploads\/2010\/09\/Screen-shot-2010-09-01-at-22.05.31.png\"\nalt=\"Spojen\u00ed z And\u011bla na Starom\u011bstsk\u00e9 n\u00e1m\u011bst\u00ed p\u0159es Mn\u00ed\u0161ek pod Brdy\"\ntitle=\"\" width=\"685\" height=\"579\" class=\"aligncenter size-full wp-image-571\"\n\/><\/div>\n\n<p>Bez koment\u00e1\u0159e.<\/p>\n\n<p>A\u00a0co ten autobus? M\u016fj zn\u00e1m\u00fd se bude p\u0159esouvat na to Starom\u011bstsk\u00e9\nn\u00e1m\u011bst\u00ed odkudsi autobusem, t\u0159eba bych se tam taky tak dostal? Nalezen\u00ed\nautobus\u016f stav\u00edc\u00edch n\u011bkde pobl\u00ed\u017e Starom\u011bstsk\u00e9ho n\u00e1m\u011bst\u00ed p\u0159enech\u00e1m\nlaskav\u00e9mu \u010dten\u00e1\u0159i jako dom\u00e1c\u00ed cvi\u010den\u00ed.<\/p>\n\n<h3>Sc\u00e9n\u00e1\u0159 3<\/h3>\n\n<p>Vol\u00e1 \u017eena z\u00a0pr\u00e1ce, jestli bych nena\u0161el n\u011bjak\u00e1 spojen\u00ed na ned\u011bln\u00ed\nv\u00fdlet, aby podle toho napl\u00e1novala n\u011bjak\u00e9 dal\u0161\u00ed v\u011bci. Najdu asi deset\nvhodn\u00fdch kombinac\u00ed spoj\u016f a za\u010dnu koukat po zp\u016fsobu, jak bych j\u00ed to poslal.\nAle ouha, m\u016f\u017eu si vytisknout nebo mailem poslat statick\u00fd v\u00fdstup, nikoli\nstr\u00e1nku se \u017eiv\u00fdmi odkazy (nap\u0159. na trasy spoj\u016f atd.). Tak si tu str\u00e1nku\naspo\u0148 ulo\u017e\u00edm do bookmark\u016f a projdeme to\u00a0ve\u010der.<\/p>\n\n<p>Ve\u010der si ale projdeme leda kulov\u00e9, str\u00e1nka v\u00a0bookmarc\u00edch pochopiteln\u011b\nnen\u00ed, cel\u00e1 aplikace je bezstavov\u00e1, l\u00edn\u00ed program\u00e1to\u0159i si t\u00e1hnou v\u0161echny\ninformace v\u00a0session a u\u017eivateli neposkytuj\u00ed \u017e\u00e1dn\u00e9 pevn\u00e9 body\nk\u00a0ulo\u017een\u00ed. M\u00edsto toho nab\u00edzej\u00ed ulo\u017een\u00ed a vlastn\u00ed spr\u00e1vu bookmark\u016f\nuvnit\u0159 aplikace\u00a0\u2013 co\u017e je funkce pom\u011brn\u011b utopen\u00e1\u00a0\u2013 j\u00e1 jsem n\u011bjak\u00e9\n<em>Moje obl\u00edben\u00e9<\/em> na tom webu vlastn\u011b nikdy ani nezaregistroval. A\u017e do\ndne\u0161ka, kdy to zkoum\u00e1m trochu podrobn\u011bji.<\/p>\n\n<p>Podobn\u00fd p\u0159\u00edpad je odkaz \u201eTrval\u00fd odkaz\u201c. Toto slovn\u00ed spojen\u00ed jednak\nmnoh\u00e9mu laikovi nic ne\u0159ekne (kde\u017eto ka\u017ed\u00fd program\u00e1tor ho d\u016fv\u011brn\u011b zn\u00e1\nz\u00a0blog\u016f a f\u00f3r), jednak je op\u011bt utopen\u00e9, mezi skupinou tla\u010d\u00edtek se zcela\nodli\u0161n\u00fdmi funkcemi. O\u00a0pou\u017eit\u00ed n\u011bjak\u00e9ho zkracova\u010de adres, nedejbo\u017ee\no\u00a0napojen\u00ed na soci\u00e1ln\u00ed s\u00edt\u011b ani nemluv\u011b. Kdo dok\u00e1\u017ee na prvn\u00ed dobrou\nposlat vyhledan\u00e9 spojen\u00ed na Facebook?<\/p>\n\n<p>A\u00a0to je jen opravdu mali\u010dk\u00fd zlomek probl\u00e9m\u016f iDOSu pov\u011bt\u0161inou\npramen\u00edc\u00edch ze \u0161patn\u00e9ho nebo dokonce \u017e\u00e1dn\u00e9ho n\u00e1vrhu UI\/UX. Jen p\u00e1r\np\u0159\u00edklad\u016f, na kter\u00e9 jsem narazil b\u011bhem dne\u0161ka, nehledal jsem c\u00edlen\u011b\nspeci\u00e1ln\u00ed \u0161peky pro P.T. \u010dten\u00e1\u0159stvo. Kdyby ten web podstoupil po\u0159\u00e1dnou\nanal\u00fdzu, byla by t\u011bch chyb a probl\u00e9m\u016f kupa na p\u011bkn\u011b macat\u00fd\ntlustospis.<\/p>\n\n<p><strong>Vyv\u00edj\u00edte-li nov\u00fd web, dr\u017ete sv\u00e9 program\u00e1tory od n\u00e1vrhu UI tak\ndaleko, jak jen to\u00a0jde.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Celost\u00e1tn\u00ed vyhled\u00e1va\u010d v\u00a0j\u00edzdn\u00edch \u0159\u00e1dech, web jizdnirady.id\u00adnes.cz (neboli n\u011bkdej\u0161\u00ed iDOS) pou\u017e\u00edv\u00e1 mnoho lid\u00ed, lze \u0159\u00edct, \u017ee s\u00a0n\u00edm p\u0159i\u0161el do styku skoro ka\u017ed\u00fd, kdo se kdy o\u0161oustl kolem \u010desk\u00e9ho internetu. Slu\u017eba je to v\u00fdborn\u00e1 a nenahraditeln\u00e1, datov\u011b d\u00e1 se \u0159\u00edci a\u017e fenomen\u00e1ln\u00ed\u00a0\u2013 nev\u00edm jak kdo, ale j\u00e1 v\u00a0n\u011bm nikdy nenarazil na chybu a m\u00e1m v\u00a0n\u011bj v\u011bt\u0161\u00ed d\u016fv\u011bru &hellip; <a href=\"https:\/\/www.pixy.cz\/pixynergia\/2010\/09\/01\/co-je-spatneho-na-ui-jizdnirady-cz\" class=\"more-link\">Pokra\u010dov\u00e1n\u00ed textu <span class=\"screen-reader-text\">Co je \u0161patn\u00e9ho na UI jizdnirady.cz?<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,4],"tags":[],"class_list":["post-558","post","type-post","status-publish","format-standard","hentry","category-vseobecne","category-webdesign"],"_links":{"self":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/comments?post=558"}],"version-history":[{"count":14,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/558\/revisions"}],"predecessor-version":[{"id":577,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/558\/revisions\/577"}],"wp:attachment":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/media?parent=558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/categories?post=558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/tags?post=558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}