❋
Když přidávání funkcí přestane dávat smysl
OčKo – přehledná správa klientů a smluv pro finanční poradce
Interní aplikace, do které roky přibývaly nové funkce, až se v ní uživatelé začali ztrácet.
Jaká byla očekávání
Potenciálním klientům, tedy novým poradcům, připadalo rozhraní zastaralé a jeho vizuální zpracování negativně ovlivňovalo první dojem z celého produktu.
Úkolem redesignu proto nebylo měnit samotné funkce, ale dát systému současnější podobu a vytvořit rozhraní, které bude působit stejně kvalitně jako produkt, který za ním stojí.
❋ Solo designer · 150+ obrazovek · Responzivní webová aplikace
Nové funkce přibývaly. Přehlednost mizela.
Původním zadáním bylo především vizuálně obnovit stávající rozhraní. Při bližším pohledu ale bylo zřejmé, že nový vizuál sám o sobě problém nevyřeší. Bylo potřeba přehodnotit také strukturu aplikace a způsob, jakým jsou její funkce uspořádané.
Aplikace se v průběhu let rozrůstala o další funkce, aniž by se systematicky řešilo, kam patří a jak spolu souvisí. Výsledkem bylo nepřehledné prostředí, ve kterém uživatelé obtížně hledali potřebné funkce. Často se proto obraceli na podporu s otázkami, kde v aplikaci najdou to, co potřebují.
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í přímo se zaměstnanci 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