Redesign rezervačního systému, ve kterém recepční a majitelé ubytování tráví celou směnu. Postavil jsem mu design system, základní flow a šablony obrazovek – a zavedl do produktu Human-Centered Design.
Previo je systém pro správu ubytování a rezervací – z těch, které si uživatel nevybírá, ale dostane je k práci. A to je na návrhu to nejtěžší. Produkt rostl roky, s každou funkcí přibyla obrazovka a s ní další způsob, jak udělat tutéž věc. Rozhraní se tak pomalu rozjíždělo do stran: podobné situace vypadaly pokaždé jinak a nové návrhy vznikaly od nuly, protože nebylo z čeho skládat.
Chyběl ale i krok před tím. Rozhodovalo se podle toho, co dávalo smysl uvnitř firmy, ne podle toho, jak se systém reálně používá na recepci v deset večer. Redesign proto nemohl skončit u nového vzhledu – musel změnit i způsob, jakým se návrhy dělají.
Design system. Sesbíral jsem, co všechno v produktu existuje, a poskládal z toho knihovnu komponent a pravidel – tlačítka, formulářové prvky, tabulky, stavy, hierarchii a typografii. Cílem nebyl úklid pro úklid: konzistentní rozhraní znamená, že se uživatel nemusí učit stejnou věc na třech místech znovu a designér ji potřetí nevymýšlí.
Základní flow. Rozkreslil jsem klíčové cesty systémem od začátku do konce – od momentu, kdy přijde rezervace, po to, co s ní kdo udělá dál. Teprve na celém toku je vidět, kde uživatel zbytečně přeskakuje mezi obrazovkami a kde se rozhoduje bez informací, které potřebuje.
Šablony obrazovek. Z opakujících se typů obrazovek jsem udělal templates: přehled, detail, formulář, prázdný stav. Nová funkce tak nezačíná prázdným plátnem a otázkou „jak to tentokrát uděláme", ale volbou šablony a rozhodováním o tom, co je na ní opravdu jiné.
Human-Centered Design. Zavedl jsem do procesu základy práce s uživatelem – ptát se před návrhem, ověřovat návrhy na lidech, kteří v systému skutečně pracují, a stavět rozhodnutí na tom, co dělají, ne na tom, co si o nich myslíme na poradě.
Produkt má z čeho stavět. Nové obrazovky vznikají skládáním hotových komponent a šablon místo návrhu od nuly, podobné situace vypadají napříč systémem stejně a diskuse se přesunuly od odstínů a odsazení k tomu, co má uživatel na obrazovce zvládnout. Human-Centered Design zůstal v procesu i po odevzdání redesignu – to je na celé práci ta trvanlivější část.
Spolupráce běží od roku 2023 dál. Konkrétní obrazovky a čísla doplním, jakmile je budu moct zveřejnit.
Redesign nebyl jen o novém vzhledu. Produkt potřeboval základy, na kterých se dá stavět dál – a ty po mně v systému zůstaly.
Knihovna komponent a pravidel – tlačítka, formuláře, tabulky, stavy, typografie. Jedno místo, kam se chodí pro odpověď „jak to má vypadat".
Klíčové cesty systémem rozkreslené od začátku do konce. Teprve na celém toku je vidět, kde uživatel přeskakuje zbytečně.
Přehled, detail, formulář, prázdný stav. Nová funkce nezačíná prázdným plátnem, ale volbou šablony.
Ptát se před návrhem a ověřovat na lidech, kteří v systému reálně pracují. Zvyk, který v procesu zůstal i po redesignu.
