UX dizajn pre SaaS, ktorý podporuje rast

SaaS produkt môže mať výbornú technológiu, silný tím aj premyslený obchodný model. Ak však používateľ po registrácii nevie, čo má spraviť ako prvé, hodnotu produktu nikdy nezažije. Práve tu sa rozhoduje, či sa skúšobný účet zmení na platiaceho zákazníka. UX dizajn pre SaaS preto nie je estetická vrstva nad hotovým softvérom. Je to systém rozhodnutí, ktorý pomáha ľuďom rýchlo pochopiť produkt, používať ho bez zbytočných otázok a pravidelne sa k nemu vracať.

Pre majiteľa SaaS firmy je UX priamo prepojené s ekonomikou produktu. Vplýva na aktiváciu používateľov, počet požiadaviek na podporu, mieru odchodov aj ochotu zákazníkov prejsť na vyšší plán. Pekné rozhranie môže vytvoriť dobrý prvý dojem. Dobre navrhnutá používateľská skúsenosť však vytvára dôvod zostať.

UX dizajn pre SaaS začína mimo obrazovky

Častá chyba vzniká ešte pred prvým wireframom. Tím začne riešiť dashboard, tlačidlá a komponenty, hoci nemá jasne pomenované, komu produkt slúži a aký výsledok má používateľ dosiahnuť. SaaS rozhranie nie je prezentácia značky. Je to pracovné prostredie, v ktorom človek opakovane vykonáva úlohy.

Pri dizajne preto nestačí veta „naši zákazníci sú firmy“. Inak pracuje finančný manažér, ktorý kontroluje reporting raz týždenne, inak obchodník, ktorý potrebuje denne zapisovať kontakty, a inak administrátor, ktorý rieši prístupy celého tímu. Každý z nich má inú motiváciu, inú mieru znalostí aj iný tolerovaný čas na pochopenie funkcie.

Strategická otázka neznie: „Aké funkcie ponúkame?“ Znie: „Aký konkrétny pokrok musí používateľ urobiť, aby pocítil hodnotu?“ Pri fakturačnom nástroji to môže byť vystavenie prvej faktúry. Pri analytickej platforme vytvorenie reportu, ktorému manažér dôveruje. Pri HR systéme úspešné pozvanie prvého kolegu.

Tento moment sa často označuje ako activation point. Jeho definovanie dáva produktu prioritu. Pomáha rozhodnúť, čo ukázať pri prvom prihlásení, čo nechať na neskôr a ktoré informácie sú v danej chvíli len rušivý šum.

Prvé minúty rozhodujú viac než úvodná obrazovka

Onboarding v SaaS nemá byť prehliadka všetkých možností. Používateľ si neprišiel pozrieť váš produkt. Prišiel vyriešiť vlastný problém. Ak ho po registrácii privíta prázdny dashboard, desať tipov a štyri modálne okná, pravdepodobne mu pridávate prácu práve vo chvíli, keď potrebuje istotu.

Lepší onboarding vedie k prvému výsledku v malých, zrozumiteľných krokoch. Niekedy stačí vybrať cieľ používania a zobraziť relevantnú cestu. Inde pomôže pripravený vzorový projekt, predvyplnené dáta alebo jednoduchý checklist. Neexistuje jedno správne riešenie. Produkt pre účtovníctvo bude vyžadovať iný prístup než nástroj na plánovanie sociálnych sietí.

Dôležité je rozlišovať medzi nevyhnutným nastavením a informáciami, ktoré možno získať neskôr. Ak aplikácia potrebuje na správne fungovanie prepojenie s účtovným systémom, má zmysel vysvetliť jeho prínos hneď. Ak však chce len doplniť profilovú fotografiu či vedľajšie preferencie, nie je dôvod tým blokovať prvú hodnotnú akciu.

Dobré UX zároveň pracuje s neistotou. Pri importovaní dát, platbe alebo odstránení projektu má používateľ vedieť, čo sa stane, ako dlho to bude trvať a či môže krok vrátiť späť. Jasný stavový systém, zrozumiteľná mikrokópia a viditeľná spätná väzba často urobia viac než ďalšia funkcia v roadmape.

Komplexnosť netreba skrývať, treba ju správne dávkovať

SaaS produkty rastú. S rastom pribúdajú roly, nastavenia, integrácie, výnimky a nové požiadavky zákazníkov. Zjednodušiť takýto produkt na pár kariet môže pôsobiť čisto, ale môže zároveň obmedziť skúsených používateľov. Naopak, ukázať všetko naraz vedie k chaosu.

Riešením nie je menej funkcií za každú cenu. Riešením je progresívne odhaľovanie komplexnosti. Základná úloha musí byť prístupná okamžite. Pokročilé voľby majú byť dostupné vtedy, keď ich používateľ naozaj potrebuje. Začiatočník tak nezablúdi a skúsený používateľ nemá pocit, že ho systém brzdí.

Dobrým príkladom je vytváranie nového záznamu. V základnom formulári môžu byť len polia potrebné na dokončenie úlohy. Rozšírené nastavenia, automatizácie či interné označenia sa zobrazia na vyžiadanie. Nie je to skrývanie funkcií. Je to rešpektovanie pozornosti používateľa.

Rovnaký princíp platí pre navigáciu. Ak hlavné menu obsahuje pätnásť rovnocenných položiek, produkt v skutočnosti nepovedal, čo je dôležité. Informačná architektúra má kopírovať mentálny model zákazníka, nie organizačnú štruktúru firmy, ktorá softvér vyvíja. Používatelia nehľadajú „modul“, „entitu“ ani „konfiguračnú vrstvu“. Hľadajú faktúry, zákazníkov, kampane alebo výsledky.

Konzistentný systém šetrí čas aj dôveru

V SaaS rozhraní sa používatelia pohybujú opakovane. Preto konzistentnosť nie je detail, ale forma služby. Ak sa rovnaké tlačidlo raz volá „Uložiť“, druhýkrát „Potvrdiť“ a tretíkrát „Hotovo“, ľudia musia zakaždým premýšľať, či ide o rovnakú akciu. To vytvára malé trenia, ktoré sa pri každodennom používaní násobia.

Dizajnový systém pomáha zjednotiť komponenty, stavy, typografiu, farby aj pravidlá práce s obsahom. Pre firmu to znamená rýchlejší vývoj a menej improvizácie. Pre používateľa predvídateľnejšie prostredie. Nejde však o to, aby bol každý prvok identický. Ide o to, aby podobné situácie fungovali podobne.

Dáta sú v SaaS produkte pracovným materiálom

Dashboardy patria medzi najčastejšie preceňované obrazovky. Často dostanú prednosť, pretože vyzerajú presvedčivo v prezentácii. V reálnej prevádzke však môžu byť len stenou grafov, z ktorej nie je jasné, čo má používateľ spraviť.

Kvalitná dátová vizualizácia nezačína otázkou, aký graf použiť. Začína otázkou, aké rozhodnutie má človek na základe údajov urobiť. Ak má odhaliť pokles výkonu, potrebuje vidieť porovnanie s minulým obdobím a jasne rozlíšenú odchýlku. Ak má prioritizovať obchodné príležitosti, potrebuje kontext, filtrovateľnosť a možnosť prejsť priamo k akcii.

Pri každom čísle je vhodné overiť, či odpovedá aspoň na jednu z troch otázok: Čo sa stalo? Prečo sa to stalo? Čo mám urobiť ďalej? Ak neodpovedá na žiadnu, možno len zaberá miesto.

To isté platí pre prázdne stavy. Keď používateľ ešte nemá žiadne dáta, prázdna tabuľka nie je koniec scenára. Je to príležitosť vysvetliť, prečo je sekcia prázdna a ako ju naplniť. Presne v takýchto okamihoch sa ukazuje rozdiel medzi rozhraním, ktoré iba zobrazuje systém, a produktom, ktorý používateľa vedie.

Ako zistiť, čo treba opraviť skôr než redizajnujete celý produkt

Mnohé firmy cítia, že ich aplikácia „už nefunguje dobre“, ale problém pomenujú príliš všeobecne. Redizajn potom skončí výmenou farieb, novým fontom a podobne nejasnou navigáciou. Pred väčšou zmenou sa oplatí spojiť produktové dáta so skutočným pozorovaním používateľov.

Hľadajte najmä tieto signály:

• veľký počet registrácií, ale slabé dokončenie prvého kľúčového kroku,
• opakujúce sa otázky na podporu pri rovnakej funkcii,
• výrazný rozdiel medzi využívaním funkcií, do ktorých tím investoval najviac, a tými, ktoré ľudia reálne používajú,
• vysoký počet manuálnych zásahov tam, kde má produkt šetriť čas.

Čísla ukážu, kde problém vzniká. Rozhovor alebo testovanie s používateľmi vysvetlí, prečo vzniká. Päť dobre vedených testov s relevantnými zákazníkmi často odhalí viac než mesiace interných debát. Pozorujte, pri čom váhajú, čo obchádzajú a ktoré slová im nedávajú zmysel. Názor typu „je to neintuitívne“ je začiatok. Konkrétne správanie je materiál pre rozhodnutie.

Dizajn musí držať krok s biznis modelom

UX nemôže fungovať oddelene od cenotvorby, podpory a obchodnej stratégie. Ak produkt ponúka freemium model, hranice medzi bezplatným a plateným plánom musia byť férové a pochopiteľné. Príliš skoré obmedzenie môže zastaviť aktiváciu. Príliš veľkorysý bezplatný plán zas môže znížiť dôvod na upgrade.

Aj tu platí, že tlak nie je stratégia. Používateľ by mal pri limite rozumieť, čo získal, čo mu ďalší plán prinesie a prečo to jeho práci dáva zmysel. Kontextová ponuka v okamihu, keď človek narazí na relevantnú potrebu, býva účinnejšia než agresívne výzvy na upgrade pri každom kliknutí.

Pre B2B SaaS je navyše dôležité myslieť na viac používateľov v jednej firme. Rozhoduje manažér, používa tím, prístup nastavuje administrátor a faktúru schvaľuje financie. Každý z nich potrebuje iný dôkaz hodnoty. UX dizajn musí tieto roly prepájať bez toho, aby z produktu spravil komplikovaný labyrint.

Dobrý SaaS dizajn nevzniká z otázky, ako aplikáciu spraviť modernejšou. Vzniká z poctivého záujmu o to, kde používateľ stráca čas, istotu alebo motiváciu pokračovať. Keď produkt v týchto miestach začne jasne pomáhať, dizajn prestane byť nákladom na obrazovky a stane sa investíciou do rastu, ktorý zákazníci cítia pri každom použití.