❋
Jak zjednodušit komplexní systém, který používají různé typy provozů
Fiskal PRO — Kompletní digitální ekosystém pro platby, účtenky a správu prodejů
Interní aplikace, do které roky přibývaly nové funkce, až se v ní uživatelé začali ztrácet.
O Firmě
Fiskal PRO vyvíjí vlastní pokladní a platební řešení pro podnikatele. Jejich systém propojuje hardware, software a platební služby do jednoho řešení, které používají firmy v každodenním provozu.
Jaká byla očekávání
Fiskal PRO postupně rozšiřoval své řešení o nové funkce a služby. S rostoucím množstvím možností bylo potřeba vytvořit rozhraní, ve kterém se uživatelé snadno zorientují a dokážou rychle najít to, co při své práci potřebují.
Cílem nebylo pouze navrhnout jednotlivé obrazovky, ale vytvořit konzistentní prostředí napříč celým produktem. Uživatel by měl mít podobný způsob práce bez ohledu na to, jestli právě řeší prodej, platbu, nastavení zařízení nebo správu svého účtu.
❋ Solo designer · 150+ obrazovek · Responzivní webová aplikace
Jeden produkt, několik prostředí
Fiskal PRO není klasická webová aplikace. Produkt pracuje s různými zařízeními a situacemi, ve kterých uživatelé potřebují různé informace a funkce.
Rozhraní proto musí fungovat například při samotném prodeji, při správě provozovny nebo při nastavování systému. Každá z těchto situací má jiné potřeby, přesto musí všechny části působit jako jeden produkt.
Právě propojení jednotlivých částí bylo jedním z hlavních témat návrhu.
Jak jsem k tomu přistoupil
01 — Pochopit stávající produkt
Nejprve jsem analyzoval stávající strukturu aplikace, její funkce a způsob, jakým s ní uživatelé pracují. Využil jsem záznamy uživatelských relací a data o návštěvnosti, abych lépe pochopil, které části aplikace uživatelé využívají a kde při práci narážejí na problémy.
02 — Uspořádat informace a funkce
Na základě analýzy jsem přepracoval informační architekturu, navigaci a uspořádání jednotlivých funkcí. Cílem bylo vytvořit logickou strukturu, ve které uživatelé snadno najdou potřebné nástroje a rychle se zorientují.
03 — Navrhnout nové řešení
Připravil jsem nové UX návrhy, wireframy a prototypy. Postupně jsem je rozpracoval do finálního uživatelského rozhraní a sjednotil podobu jednotlivých částí aplikace. Cílem bylo vytvořit moderní a přehledné prostředí, které uživatele nebude zbytečně rozptylovat při každodenní práci. Vizuální styl proto staví na střídmé barevnosti a jasné vizuální hierarchii.
04 — Ověřit návrh
Nové řešení jsem ověřil při uživatelském testování se šesti zaměstnanci přímo u klienta v Brně. Do testování jsem zapojil uživatele s různou úrovní zkušeností – od nezkušených po naprosté experty. Zaměřil jsem se především na orientaci v nové struktuře, hledání funkcí a zvládnutí běžných pracovních úkolů. Na základě pozorování jsem provedl několik drobných úprav.
Testování
Testovací úkoly, na kterých jsem ověřoval, zda uživatelé dokážou snadno a rychle najít potřebné funkce.
Testovací úkoly:
1. Klikněte na ,,Přihlásit se,,
2. Najděte svého klienta Marek Jaroslav a upravte datum narození.
3. Zkuste najít všechny smlouvy pod klientem a vyfiltrovat si jenom úvěry.
4. Řekněte mi, co si představíte pod tlačítkem ,,Hromadné akce,,?
5. Klikněte na tlačítko ,,domů,, a přidejte nového klienta. Ok a zkusil byste to ještě jinak? Jde to?
6. Kde byste hledal/a upozornění? Například na dlužný pojistný, nebo doložení povynýho dokumentu ke smlouvě.
7. Zkuste přejít na klienty a vytvořit nový seznam pouze ze dvou klientů
8. Zkuste najít úkoly které jsou po termínu. Vyberte si jeden úkol a přidejte k němu komentář. A označte úkol za hotový. Jak často používáte úkoly? A jakým způsobem?
9. Zpět na homepage - Zkuste si upravit domovskou stránku. Kde byste to hledal? Ok a kde ještě byste to hledal?
10. Najděte smlouvu kde Vám chybí doložit některé dokumenty.
11. Vyberte si jednu smlouvu a jděte na Extranet nebo CARcoolku. Jde to i jinde?
12. Zkuste najít smlouvy které vyžadují Vaši pozornost.
13. Najděte očekávaný provize.
Před samotným testováním si všechny úkoly nejprve vyzkouším sám, abych odhadl jejich časovou náročnost a předešel improvizaci během testování. Účastníci jsou totiž domluvení na konkrétní čas a nechci je zbytečně zdržovat.
Během testování uživatelům nenapovídám. Pouze sleduji, jak jednotlivé úkoly zvládají. Průběh zaznamenává druhá osoba, případně pořizuji zvukový záznam a po dokončení každého úkolu si komentuji jeho průběh pro pozdější vyhodnocení.
Velmi přínosné je také, když je testování přítomen někdo přímo z klientovy firmy. Opakovaně se mi potvrdilo, že výsledky dokážou překvapit i lidi, kteří produkt dobře znají.
Co vzniklo
Jeden konzistentní celek místo izolovaných obrazovek
Výsledkem redesignu byl kompletní návrh rozsáhlé responzivní aplikace zahrnující více než 150 obrazovek. Na projektu jsem pracoval jako jediný designér a řešil celý proces – od analýzy stávajícího řešení a přepracování informační architektury až po finální podobu uživatelského rozhraní.
Na návrhu jsem úzce spolupracoval se zástupcem klienta, se kterým jsem průběžně konzultoval jednotlivé části systému a ověřoval navržená řešení s ohledem na reálné pracovní procesy, interní pravidla a technická omezení. Díky tomu návrh nevycházel pouze z mého pochopení aplikace, ale zohledňoval také praktické fungování celého systému.
Nová struktura sjednotila dosud roztříštěné části aplikace a vytvořila přehlednější prostředí pro každodenní práci. Zároveň položila lepší základ pro další rozvoj produktu a přidávání nových funkcí.
Máte složitý produkt, ve kterém se uživatelé ztrácejí?
Pojďme se podívat, kde je problém.
petr@petrpavco.cz
+420 772 722 292