UI a UX pro programátory: praktický průvodce základy

Na závěr jedno doporučení: sestavte si testovací plán na jeden den. Ráno projděte kritické funkce na fyzickém zařízení, odpoledne spusťte automatizovanou sadu na cloudové službě a večer se podívejte na výkonnostní metriky. Rozdělení do tří časových bloků vám dá jistotu, že pokryjete hlavní oblasti a nezaseknete se u jednoho problému. Pravidelný rytmus testování je důležitější než honba za nejnovějšími nástroji. Když budete testovat průběžně, zachytíte chyby dřív, než se dostanou k uživatelům.

Základem je rozdělit testování do dvou vrstev: funkční a nefunkční. Funkční testy ověřují, že tlačítka dělají to, co mají, že formuláře ukládají data a že navigace mezi obrazovkami funguje. Nefunkční testy se zaměřují na výdrž baterie, rychlost startu, spotřebu paměti a chování při slabém signálu. Častou chybou začátečníků je, že testují pouze na emulátoru. Emulátor je sice rychlý a levný, ale neodhalí problémy s dotykovou odezvou, s teplotou zařízení nebo s fotoaparátem. Vždy si najděte alespoň jedno fyzické zařízení s aktuální verzí systému a jedno starší, aby byl rozdíl vidět.

Když jako vývojář dostanete za úkol vytvořit rozhraní, často se soustředíte na funkčnost a logiku. Uživatel ale vnímá hlavně to, co vidí a jak se mu s aplikací pracuje. UI (user interface) a UX (user experience) nejsou jen záležitostí designérů. I vy můžete výrazně ovlivnit, jestli bude výsledek použitelný a příjemný. Základem je pochopit, že design není dekorace, ale nástroj, který vede uživatele k cíli.

Pro jednoduché služby, kde klient potřebuje jasně definované zdroje, je REST obvykle lepší volba. Pokud máte veřejné API, které má být snadno pochopitelné a stabilní, REST poskytuje přehlednou strukturu s explicitními koncovými body. Typický příklad: e-shop, kde potřebujete získat produkt, uživatele nebo objednávku. Každý zdroj má vlastní URL a HTTP metody (GET, POST, PUT, DELETE) dávají jasně najevo, co se děje. Méně zkušení vývojáři se v RESTu rychle zorientují, protože vše je vidět na první pohled.

Automatizace testů ušetří hodně času, ale ne všude se vyplatí. Začněte s automatizací u opakujících se scénářů, jako je registrace, přihlášení nebo platba. Pro jednorázové akce, které se mění každou iteraci, nechte ruční testování. Nejoblíbenější nástroje pro automatizaci mobilních aplikací obvykle fungují tak, že simulují dotyky a gesta na obrazovce. Při psaní testů si dejte pozor na selektory: pokud použijete textové řetězce, které se mění s lokalizací, testy se rozpadnou při každé změně jazyka. Lepší je identifikovat prvky podle jedinečného identifikátoru, který vývojáři vloží do kódu.

Výběr správného vývojového prostředí (IDE) pro Python není jen otázkou osobního vkusu, ale především efektivity práce. Každý projekt má jiné nároky: jednoduchý skript pro automatizaci zvládnete i v textovém editoru, ale rozsáhlá aplikace s frameworkem, testy a verzováním si žádá nástroj s pokročilými funkcemi. Než se rozhodnete, zvažte, co budete skutečně psát, a nepodléhejte módním vlnám. Většina IDE nabízí bezplatné verze, ale placené funkce jsou často zbytečné pro začátečníky i pro středně pokročilé.

Důležité je také zmenšit velikost kódu, který posíláte. Odstraňte z CSS a JavaScriptu mezery, komentáře a nevyužité pravidla. Tento proces se nazývá minifikace a výrazně zkrátí dobu stahování. U JavaScriptu navíc zvažte, zda je opravdu nutné ho načítat hned na začátku. Pokud skript slouží až pro interakce po načtení stránky, umístěte ho na konec těla dokumentu nebo použijte atribut defer. Typickou chybou je zbytečné načítání více knihoven, které dělají totéž.

Testování mobilních aplikací se liší od testování webů hned v několika zásadních ohledech. Přenosná zařízení mají omezený výkon, různou velikost displeje, jiný způsob ovládání a pracují s daty i senzory. Než začnete psát první testovací případy, zkuste si odpovědět na tři otázky: Kdo bude aplikaci používat? Jaké zařízení a verzi systému nejčastěji uvidíte? Co se stane, když uživatel ztratí připojení k internetu? Odpovědi vám pomohou nastavit priority, protože otestovat všechno na všech zařízeních není reálně možné.

Větve jsou dalším krokem, který vám usnadní práci, zejména pokud na projektu pracujete s dalšími lidmi. Hlavní větev (obvykle nazývaná main) by měla vždy obsahovat stabilní, funkční kód. Všechny nové funkce nebo opravy děláte na samostatných větvích, které po dokončení sloučíte zpět. Tím zabráníte tomu, aby se do hlavní verze dostaly rozpracované nebo rozbité části. Při slučování si vždy zkontrolujte, jestli nedochází ke konfliktům, a pokud k nim dojde, řešte je podle toho, která změna je správná – vždy čtěte obě varianty a nejen tu svou.