Blog Michala Maňáka

Po delším čekání byl 14. ledna 2013 spuštěn kurz HCI - Human Computer Interaction od Alana Dixe. S očekáváním jsem se do něj přihlásil již několik měsíců před spuštěním.

Mám z něj velice dobré pocity, neboť předčil má očekávání. Hodně jsem rozšířil své znalosti, které jsem nabral např. v kurzu HCI od Standfort University na Coursera nebo z odborné literatury.

Doporučil bych jej všem, kteří se zajímají o User Experience. Momentálně se kurz chýlí ke konci, ale Alan však plánuje přidat další 3 lekce. Je tedy poslední možnost se do něj přihlásit a zapojit se do studia. Velkou výhodou je, že je zdarma.

Denně se setkáváme s produkty, které jsou špatně navrženy a máme s jejich používáním problémy - jak popisuje Donald Norman ve své knize Design of Everyday Things.

Nedávno mě zaujala rychlovarná konvice, která je přesně takovým produktem. Lidé, kteří jí běžně používají, s ní mají dennodenně problémy. A to i přes to, že je to poměrně jednoduché zařízení. Její používání jsem se pokusil detailněji prozkoumat a nedostatky popsat.

Osobně věřím, že se lze z tohoto případu poučit i pro návrh webových stránek. Protože pokud jsou lidé s produktem nespokojeni, odejdou ke konkurenci.

Weby nejsou tvořeny pouze obsahem, ale jejich součástí jsou také formulářové prvky - např. pro přihlášení, registraci nebo kroky košíku na eshopech.

Často jsou formuláře na samostatných stránkách nebo ve formě dialogů, které se zobrazí po kliknutí na odkaz. A aby se lidé dostali dál, je nutné formulář vyplnit a odeslat. A aby lidé mohli vůbec něco vyplnit, musí často do požadovaného pole nejprve kliknout.

Bohužel se na řešení často zapomíná a přitom je velice snadné - stačí přidat k formulářovému poli jeden parametr nebo řádek JavaScriptového kódu.

Zajímalo mě, jaké metody využívají UX kolegové v zahraničí. Vytvořil jsem krátký dotazník, který jsem rozeslal pomocí sociálních sítí Twitter a Linkedin. Rozeslal jsem je také pomocí emailu i dalším lidem, kterým jsem také pomáhal s průzkumem.

Od 16.6. do 28.7. jsem v dotazníků nasbíral 37 odpovědí.

Většina kontaktních formulářů na webových stránkách začíná představením osoby, která formulář vyplňuje - tedy jménem, emailem, někdy webovou stránkou a až poté je prostor pro zprávu.

Když si ale představím, jak lidé píší dopisy a emaily (ať už obchodní nebo osobní), je to v rozporu s podobou tohoto online formuláře. Nejdříve napíšou zprávu a pod tu se podepíší, někteří se představí již v těle dopisu.

V kontaktním formuláři však postačí pouze dvě políčka - na zprávu a na uvedení adresy, kam odeslat případnou odpověď.

Nejvyššího rozlišení dosahuje zařízení Nový iPad, které je schopné na displeji s úhlopříčkou 9,7" (přibližně 24,6 cm) zobrazit až 2048x1538 obrazových bodů. Takové podrobnosti dosahují např. 3 Mpix fotografie.

Pro srovnání jsem přidal také Full HD rozlišení.

Pokud se budeme bavit o moderních webových aplikacích, bude řeč o webových stránkách využívající AJAX pro efektivnější zpracování uživatelských požadavků. Takovým webům se říká RIA (Rich Internet Application) nebo interaktivní webové aplikace.

Vytvořit interaktivní webovou aplikaci není nic náročného. Díky nástrojům jako je jQuery nebo Nette Framework je můžete vytvořit za pár minut.

Návrh aplikace je ale podstatně složitější a je mu potřeba věnovat dostatek pozornosti a úsilí. Je potřeba dbát na to, aby nevznikaly problémy v komunikaci mezi aplikací a uživatelem.

V poslední době se již tolik nemluví o optimalizacích webových stránek pro různé webové prohlížeče, tzv. cross-browser optimalizace. Spíše jsou zmiňovány nástroje, které tyto postupy usnadňují.

Tyto postupy se staly samozřejmou součástí pracovní náplně každého kodéra a díky dnešním moderním prohlížečům to není taková dřina - tedy pokud mluvíme o optimalizaci webu pro desktopové prohlížeče (mobilní prohlížeče by měly mít „svůj” web).

Avšak sledováním zastoupení samotných prohlížečů na svém webu zlepšíte situaci nejen sobě, ale především i zákazníkům - neboť ty nemůžete nutit, aby používali určité prohlížeče.

Dokážete si představit prohlížení webových stránek pouze na mobilním zařízení, např. na chytrém telefonu? Já osobně určitě ne - právě v souvislosti s chytrým telefonem. Článek The Grim Future of Web Browsers na 1stwebdesigner.com nabízí zamyšlení nad tím, jakou budoucnost mohou mít klasické webové prohlížeče.

Osobně s článkem příliš nesouhlasím, ale přivedl mě k zamyšlení, jak by to mohlo vypadat za pár let s prohlížením webových stránek.

Nedávno byla konečně uveřejněna první oficiální verze mobilního frameworku jQuery Mobile založeném na HTML5. S jeho pomocí je možné vytvářet interaktivní webové aplikace pro mobilní zařízení - především pro chytré telefony a tablety. Díky veliké oblíbě JavaScriptového frameworku jQuery je možné brzy očekávat vytvoření mnoha mobilních aplikací postavených právě na jQuery Mobile.

Tento framework se, díky vlastnostem, skvěle hodí i pro vytváření funkčních prototypů mobilních aplikací. Sice je potřeba trochu programování a podpora webového serveru, ale v zásadě stačí znalost HTML5, CSS3 a právě jQuery.