Používejte knihovny s parametry zařízení s rezervou

Web se neustále vyvíjí, stejně jako počet zařízení, které můžeme využít k přístupu na web. Osobně velice oceňuji, že se v tomto dynamickém prostředí vyvíjí a udržují knihovny s parametry různých zařízení a my je můžeme využít pro přizpůsobení webu.

Nedávno vznikla zajímavá knihovna screensiz.es. Můžete v ní najít seznam chytrých telefonů, tabletů a počítačů včetně jejich parametrů. Doporučuji brát tuto knihovnu s rezervou: pro Českou republiku není seznam zařízení dostačující a některé hodnoty jsou zavádějící. Přečíst celé

Neptejte se lidí, jestli se jim líbí váš design

Větou „Líbí se vám náš nový design?“ začíná velké množství diskuzí. Často končí odpověďmi typu „váš design je super“ nebo „váš design se mi nelíbí“ a diskuze tak nepřináší žádný konkrétní výsledek.

Vedle toho také spousta lidí nedokáže akceptovat kritické připomínky. A to i přes to, že se na názor ostatních ptá. Chtějí se pouze nechat poplácat po zádech právě získáním odpovědi „je to skvělý!“.

Pokud vás skutečně zajímá názor ostatních, naučte se pokládat ty správné otázky, na které můžete skutečně získat konstruktivní kritiku. A naučte se také zpětnou vazbu přijmout. Pomůže vám to zlepšit nejen design samotný, ale i vaše schopnosti.

Tip O designové kritice, a jak k ní přistupovat, povídal Petr Štědrý na UX Campu ve Vídni a snad bude moct přednášet i na WebExpo 2013 (přednáška Design without critique is like a flower without water). Doporučuji se jít na takovou přednášku určitě podívat. Přečíst celé

Jaký je HCI kurz od Alana Dixe

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. Přečíst celé

Poučte se ze špatného designu produktů pro každodenní použití

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. Přečíst celé

Využívejte u formulářových prvků autofocus efektivně

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. Přečíst celé

Jaké metody a postupy používají UX kolegové v zahraničí?

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í. Přečíst celé

Jak by měl vypadat kontaktní online formulář?

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.

Takto běžně vypadá kontaktní formulář.
Takto běžně vypadá kontaktní formulář.

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

Jaké je rozlišení mobilních zařízení?

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ž 2048×1538 obrazových bodů. Takové podrobnosti dosahují např. 3 Mpix fotografie.

Pro srovnání jsem přidal také Full HD rozlišení. Přečíst celé

Jak nastavit fungování aktivních prvků AJAXové aplikace?

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. Přečíst celé

Optimalizujte svůj web pro správné prohlížeče

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. Přečíst celé