Redesign.
Widoki przedstawiające efekt przed (po lewej) i po przeprojektowaniu (po prawej).
Amet minim mollit non deserunt
Amet minim mollit non deserunt
Współczesny użytkownik skanuje treści zamiast je czytać – szczególnie w sytuacjach stresowych lub wymagających szybkiego działania. Zamiast podawać długie instrukcje tekstowe, animacja pozwala natychmiast zrozumieć proces i buduje poczucie, że „to naprawdę proste”. Forma wizualna zwiększa zaangażowanie, redukuje niepewność i eliminuje barierę wejścia. Dobrze zaprojektowane flow pokazane „w ruchu” potrafi skuteczniej poprowadzić użytkownika niż nawet najlepiej napisany tekst.
Czytelne i szybkie przedstawienie procesu zakładania zbiórki - krok po kroku.
Na stronie głównej Pomagam.pl znajdowała się rozbudowana instrukcja krok po kroku: „Jak założyć zbiórkę”. Mimo, że była dokładna i dobrze napisana, praktycznie nikt jej nie czytał. Użytkownicy – często osoby w sytuacjach trudnych i emocjonalnych – nie mieli siły ani czasu analizować długich bloków tekstu. Potrzebowali szybkiego zrozumienia, co ich czeka i jak działa serwis.
Długa instrukcja dotycząca kluczowego procesu:
- była ignorowana,
- nie dawała poczucia, że „to proste”,
- budziła stres lub zniechęcenie, zwłaszcza u osób zakładających zbiórkę pierwszy raz.
Zaprojektowałam mockup smartfona, w którym pokazałam pełen flow zakładania zbiórki – w postaci animacji (poklatkowej, płynnej, z interfejsem). Umieściłam go w miejscu pisemnej instrukcji.
Zamiast mówić „to jest proste”, po prostu to pokazałam.
🔸 Animacja miała na celu:
- oswoić użytkownika z procesem
- pokazać jego lekkość i przejrzystość
- zredukować stres, a tym samym barierę wejścia
1. Zwiększenie zrozumienia jak wygląda proces zakładania zbiórki w serwisie.
2. Zmiejszenie bariery emocjonalnej przed założeniem zbiórki
3. Wzrost ilości założonych draftów
4. Spadek ilości zapytań o przebieg procesu/ odciążenie zespołu Customer Care.
Czasem obraz (lub animacja) działa lepiej niż najlepszy tekst.
W sytuacjach stresujących użytkownicy szukają pewności i prostoty.
Nawet mała zmiana w komunikacji (np. forma wizualna) może znacząco poprawić konwersję i doświadczenie.
Widoki przedstawiające efekt przed (po lewej) i po przeprojektowaniu (po prawej).