Plant Care App

Plant Care App

Závěrečný projekt

Certifikát Google UX

UX Design

UX Design

UX Design

UI Design

UI Design

UI Design

#hero —

#nav-trigger-1 —

TL;DR

TL;DR

🟢 Impact

Zlepšená správa péče o rostliny pro zkušené uživatele díky ověřování v reálném čase a skupinovému plánování.

🟡 Challenge

Stávající aplikace nedokázaly pokrýt pokročilé potřeby, jako je hromadná úprava, přesnost dat a přístupnost.

🟠 Subject

Mobilní aplikace navržená tak, aby pomohla nadšencům do rostlin spravovat jejich sbírky intuitivněji a spolehlivěji.

#TLDR —

Kontext

Proč tento projekt?

Tato aplikace byla mým závěrečným projektem pro certifikát Google UX Design. Začala jednoduchým nápadem: pomoci majitelům rostlin lépe pečovat o jejich sbírky.

Ale už v rané fázi průzkumu se ukázaly hlubší problémy:
Většina existujících aplikací je navržena pro příležitostné uživatele.
Pokročilé potřeby, jako je správa velkých skupin rostlin, ověřování informací o péči nebo přizpůsobení rozhraní, jsou podporovány jen minimálně.
Přístupnost je často zcela opomíjena.

#context —

Výzkum a proces

Výzkum a proces

Raný průzkum a objevování
Raný průzkum a objevování

S ohledem na omezený rozsah tohoto studentského projektu jsem začala s jednoduššími metodami, které přesto přinesly použitelné poznatky.

Fáze I

Analýza konkurence

Fáze I

Analýza konkurence

Fáze I

Analýza konkurence

Fáze I

Analýza konkurence

Fáze II

Uživatelské vstupy (neformální průzkum)

Fáze II

Uživatelské vstupy (neformální průzkum)

Fáze II

Uživatelské vstupy (neformální průzkum)

Fáze II

Uživatelské vstupy (neformální průzkum)

Fáze III

Mapování a rámování uživatelské zkušenosti

Fáze III

Mapování a rámování uživatelské zkušenosti

Fáze III

Mapování a rámování uživatelské zkušenosti

Fáze III

Mapování a rámování uživatelské zkušenosti

#context —

#research —

Srozumitelnost není jen otázkou uživatelského rozhraní — jde také o předpoklady.

#manifest —

Testování použitelnosti a iterace

Testování použitelnosti a iterace

Testování prvního prototypu

Vytvořila jsem low-fidelity prototyp a provedla nemoderovanou uživatelskou studii pomocí Useberry se 7 skutečnými uživateli, která ukázala skóre SUS 61.

Test zahrnoval:

  • Heatmapy

  • Toky interakcí

  • Otázky po dokončení úkolů

Díky tomu jsem mohla rychle a levně ověřit své počáteční předpoklady — a vyplatilo se to.

Key insight

'Tento postup dává smysl pouze tehdy, pokud už máte zkušenosti s aplikacemi pro péči o rostliny."

Pro mnoho uživatelů byla původní navigace příliš abstraktní. Akce, které mi jako designérce připadaly přirozené, nebyly pro nové uživatele intuitivní. To vedlo k jedné z nejzásadnějších změn v projektu:

Tyto změny zlepšily srozumitelnost, aniž by přidaly složitost — a zároveň udělaly celkový zážitek univerzálnějším.

#ideate —

Konečný design a funkce

Výsledkem je high-fidelity prototyp hlavního uživatelského toku se zaměřením na použitelnost, flexibilitu a přístupnost.
Výsledkem je high-fidelity prototyp hlavního uživatelského toku se zaměřením na použitelnost, flexibilitu a přístupnost.

Hlavní funkce

Hromadná úprava pro skupiny rostlin
Uživatelé si mohou rostliny organizovat do skupin péče a nastavit připomínky nebo změny pro více položek najednou — což je v této kategorii vzácná funkce.

Ověřené informace pro rozpoznávání pomocí AI
Místo slepého spoléhání se na umělou inteligenci mohou uživatelé ručně potvrdit nebo opravit identifikaci rostlin — což je obzvlášť důležité u vzácných nebo jedovatých druhů.

Personalizované nastavení vzhledu
Včetně tmavého/světlého režimu, čitelných fontů a nastavitelné velikosti textu — plně v souladu s pravidly přístupnosti WCAG 2.0.

Integrace s kalendářem
Nativní synchronizace s Google Kalendářem pro připomínky péče o rostliny, která pomáhá s plánováním a konzistentností.

Zjednodušený navigační tok
Snížení vizuálního rušení a minimalizace počtu kroků na obrazovce — na základě skutečného chování uživatelů a osvědčených přístupových praktik.

Doplnění

Co jsem odstranila a proč

Doplnění

Co jsem odstranila a proč

Doplnění

Co jsem odstranila a proč

Doplnění

Co jsem odstranila a proč

Iterace I
Iterace II

#context —

#rfinals —

Reflexe

Nešlo jen o vytvoření aplikace — naučilo mě to přemýšlet jako produktová designérka.

#context —

#reflections —

✅ Co fungovalo

✅ Co fungovalo
  • Využívání omezení k řízení rozhodnutí — zejména při definování funkcí.

  • Upřednostňování přístupnosti před vizuální složitostí.

  • Aplikování logiky komponent již na začátku, inspirováno Fluent 2.

❌ Co nefungovalo

❌ Co nefungovalo

Žádné stíny — to bylo naposledy, co jsem je použila v mobilním rozhraní.

  • Příliš mnoho barev na počátečních obrazovkách — narazilo to na cíle srozumitelnosti a přístupnosti.

  • Přehlížení základní struktury — ztížilo to prototypování víc, než bylo nutné. 4o mini

🔁 Co bych udělala jinak

🔁 Co bych udělala jinak
  • Zjednodušte vizuály od začátku.

  • Strávte méně času šablonami, více skutečným výzkumem.

  • Budujte s jasným systémem stavů, rozložení a tokenů.

  • Přidejte lepší onboarding pro nové uživatele.

What will we build?

© Ekaterina Pykhova, 2025

#footer —

#contact —

What will we build?

© Ekaterina Pykhova, 2025

#footer —

#contact —

What will we build?

© Ekaterina Pykhova, 2025

#footer —

#contact —

What will we build?

© Ekaterina Pykhova, 2025

#footer —

#contact —