Digital Solutions prototypuje rychleji s Macaly

Digital Solutions vyvíjí firemní aplikace a informační systémy přesně podle skutečných potřeb klientů. Už řadu let jsme spolehlivým technologickým partnerem společností jako jsou M&M Reality, Barth, a také autorem vlastního produktu DigiSign – online platformy pro digitální podepisování dokumentů. Taková důvěra pro nás hodně znamená. Ke každému projektu přistupujeme s maximální péčí, protože nástroje, které vytváříme, nejsou jen software. Jsou to systémy, které udržují firmy v chodu každý den a pomáhají jim růst.

Jmenuji se Michal Feltl, jsem Head of UX v Digital Solutions a vedu malý tým čtyř designérů. Společně navrhujeme digitální produkty, které dávají smysl a přirozeně zapadají do toho, jak lidé i firmy skutečně pracují. Náš přístup stojí na úzké spolupráci s klienty a dlouhodobém zapojení do systémů, které používají. Pracujeme bok po boku s našimi partnery a pomáháme proměňovat složité požadavky v jednoduchá, intuitivní a užitečná řešení.

Než jsme začali používat Macaly, potýkali jsme se s tím, jak rychle a efektivně převádět nápady do funkční podoby. Tvorba klikacích prototypů ve Figmě byla časově náročná a vývoj plně funkčních verzí příliš drahý. Designéři si často museli představovat interakce jen na základě statických obrazovek, což ztěžovalo testování i vyhodnocování nápadů v rané fázi projektu.

Nedostatek interaktivity komplikoval i komunikaci s klienty. Mohli jsme popsat, jak by se měla funkce chovat, ale bez realistického prototypu bylo těžké si představit, jak bude působit v praxi. Vývojáři zase často dostávali neúplné nebo nejednoznačné podklady a museli odhadovat, jak mají fungovat přechody, animace či interakce. To vedlo k nedorozuměním, přepracovávání a zbytečným zpožděním při implementaci.

V Digital Solutions používáme Macaly výhradně pro prototypování nápadů, nikoli pro vývoj finálních produkčních řešení. Samotná implementace probíhá vždy prostřednictvím našeho vlastního kódu. Macaly nám pomáhá nápady prozkoumat, otestovat a jasně je komunikovat ještě před začátkem vývoje.

Macaly využíváme dvěma hlavními způsoby:

1. 1.Tvorba interaktivních prototypů, které nám umožňují ladit navigaci, informační architekturu a interakce v realistickém prostředí. Díky tomu můžeme rychle ověřit, zda uživatelské toky dávají smysl, identifikovat slabá místa a sjednotit tým na společném porozumění už v rané fázi projektu.
2. 2.Prototypování animací – od mikrointerakcí po přechodové a úvodní animace, jako jsou načítací obrazovky nebo animované splash screeny. Tyto detaily nám pomáhají lépe doladit uživatelský zážitek a předat vývojářům přesné zadání.

Naši vývojáři začali Macaly využívat také. Nemění samotné prototypy, ale pomocí vestavěného AI agenta si nechávají vygenerovat přesnou syntaxi animací, například pro Flutter. Díky tomu získají hotové snippety kódu podle svých konvencí, což zrychluje přechod z návrhu do implementace a zvyšuje přesnost výsledku.

1. Prototypování přehrávání audia

V jednom projektu jsme potřebovali vytvořit prototyp mobilní aplikace zaměřené na poslech a zapamatování slovíček. Macaly nám umožnilo simulovat celý uživatelský tok a vytvořit funkční audio přehrávač, který uměl přehrávat, pauzovat i zastavovat. Díky vestavěné databázi jsme mohli snadno spravovat sady slov, převádět text na zvuk a experimentovat s jeho načasováním, hlasem či ovládacími prvky.

2. Animace pro proces vaření receptu

V aplikaci zaměřené na zdravý životní styl jsme v Macaly navrhli animaci, která po označení kroku jako splněného plynule skryje jeho detail. Macaly nám pomohlo vytvořit přirozený, plynulý pohyb a vestavěný AI agent dokázal vygenerovat hotový Flutter snippet, který vývojářům ukázal přesné načasování a logiku animace.

3. Realistické focení s validací

Pro logistický nástroj jsme vytvořili interaktivní prototyp simulující proces focení a validace fotografie. Během několika hodin jsme měli kompletní klikací prototyp, který zvládal nejen focení, ale i reálnou kontrolu kvality snímku. Macaly automaticky propojilo potřebné knihovny a vytvořilo systém, který uměl analyzovat jas a barvy pixelů i základní OCR rozpoznávání textu.

Vtipné bylo, že jsme původně chtěli vytvořit jen „fejkovou" validaci pro ukázku, ale Macaly to vzalo vážně a vytvořilo opravdovou funkční validaci :-).

Zavedení Macaly přineslo znatelné zrychlení i zefektivnění práce. Co dříve trvalo dny návrhů a vysvětlování, zvládneme dnes během jediné tvůrčí relace. Můžeme okamžitě ověřovat toky, interakce i animace, aniž bychom museli přecházet mezi různými nástroji nebo psát kód. Celý proces se stal rychlejším, přehlednějším a zaměřeným na skutečný uživatelský zážitek.

Macaly také výrazně posílilo spolupráci mezi designéry, vývojáři a klienty. Naše prototypy jsou nyní mnohem blíže finálním produktům, což klientům usnadňuje pochopení návrhu a vývojářům poskytuje jasnější zadání. Macaly se pro nás stalo jedním z nejcennějších nástrojů, které přinášejí do projektů rychlost, srozumitelnost a nadšení.