Fragment książki "Mobile dla Managerów" o tworzeniu userflow czyli najlepszej graficznej metodzie na uchwycenie idei aplikacji mobilnej.

1. USERFLOW
JAK UCHWYCIĆ WIZJĘ APLIKACJI MOBILNEJ?

2. KAŻDA APLIKACJA ZACZYNA SIĘ OD IDEI W GŁOWIE.
JAK JĄ PRZEKAZAĆ PROSTO I KLARNOWNIE INNYM?
Jedno jest pewne: współpracownicy będą widzieć Twój pomysł
inaczej niż Ty.Jest jednak sposób, aby minimalizować błędy
komunikacyjne już na samym początku procesu kreatywnego.
Nazywa się userflow.

3. WEŹMY NA WARSZTAT…

4. JAKA JEST NAJWAŻNIEJSZA FUNKCJA INSTAGRAMA
BEZ KTÓREJ TA APLIKACJA NIE MA SENSU?

5. Start
Publikuj
zdjęcie
Tak, wiem… to brzmi banalnie, ale dajcie mi szanszę:)

6. SKĄD BIORĄ SIĘ ZDJĘCIA NA INSTAGRAMIE?
!
Mamy dwie możliwości: albo robimy zdjęcie
bezpośrednio w aplikacji albo wybieramy z galerii.
!
Teraz jeszcze muszą wyglądać dobrze - od tego mamy
filtry…

7. Start Dodaj filtr
Zrób zdjęcie
Weź z galerii
PublikujDodaj zdjęcie
Dodaliśmy dwa źródła zdjęć i filtry

8. CO SIĘ DZIEJE Z UŻYTKOWNIKIEM JAK JUŻ OPUBLIKUJE
SWOJE ZDJĘCIE W APLIKACJI?
!
Nie chcemy, żeby czuł się jak w ślepiej uliczce. Dodajemy miejsce,
w którym widzi aktywność swoją i swoich znajomych…

9. Strumień
aktywnościStart Dodaj filtr
Zrób zdjęcie
Weź z galerii
PublikujDodaj zdjęcie
Zbudowaliśmy pętlę!

10. JAK UŻYTKOWNIK DOSTANIE SIĘ DO NASZEJ APLIKACJI?
JAK ZAŁOŻY KONTO I DODA SWOICH ZNAJOMYCH?
!
Do tego potrzebny jest tzw. onboarding czyli proces „przywitania”
użytkownika, który po raz pierwszy włącza naszą aplikację…
Onboarding to zupełnie oddzielny temat,
opisuję go dokładniej w książce.

11. Strumień
aktywności
Onboarding Dodaj filtr
Zrób zdjęcie
Weź z galerii
PublikujDodaj zdjęcieStart
Jeśli użytkownik jest
już zalogowany
Wprowadzamy innowację w postaci przerywanych linii:)

12. CZAS DODAĆ DO APLIKACJI ELEMENTY, KTÓRE ZBUDUJĄ
ZAANGAŻOWANIE I POCZUCIE BEZPIECZEŃSTWA
!
Nawet najprostsze aplikacje potrzebują miejsca do zmiany
ustawień. Przy okazji musi być też sposób na odkrywanie,
lubienie i komentowanie cudzych zdjęć…

13. Strumień
aktywności
Onboarding Dodaj filtr
Zrób zdjęcie
Weź z galerii
PublikujDodaj zdjęcieStart
Jeśli użytkownik jest
już zalogowany
Powiadomienia
Eksploruj
Moje konto Ustawienia Wyloguj
Zdjęcia znajomych Polub i komentuj
Obserwowani
Zobacz zdjęcie Polub i komentuj
Ewidentnie „Strumień aktywności” staje się centralnym punktem
rozprowadzania ruchu po całej aplikacji

14. USERFLOW BARDZO NAM SIĘ SKOMPLIKOWAŁ.
!
Nie da się tego uniknąć, bo wraz z rysowaniem trzeba
zacząć podejmować pierwsze realne decyzje projektowe.
Uwzględniliśmy tutaj tylko podstawowe elementy aplikacji,
bez obsługi wiadomości prywatnych, tagowania,
nagrywania wideo…A przecież Instagram to na pierwszy
rzut oka taka prosta aplikacja.

15. PODSUMUJMY:
!

16. punkt startowy i końcowy aplikacji,
logiczny ciąg przyczynowo-skutkowy,
jasno przedstawiony cel,
brak punktów bez wyjścia (ślepych uliczek),
w miarę spójny poziom szczegółowości,
logowanie, rejestrację i sposób na
wylogowanie (jeśli dotyczy),
jasne, ale kilkuwyrazowe tytuły funkcji
(pamiętaj, że to nie są konkretne ekrany
aplikacji).
CO MUSI MIEĆ?
USERFLOW
JAK ZROBIĆ?
korzystaj z papieru i ołówka (będzie dużo
zmian i kreślenia),
…lub z aplikacji do map myśli (Xmind,
Freemind, MindNote),
zacznij od idei i dodawaj szczegóły,
twój userflow powinien zmieścić się na
jednej stronie A3
jeśli robisz aplikację na kilka platform to nie
skupiaj się jeszcze na różnicach między nimi.
elementów graficznych
szkiców nawigacji i makiet,
kolorów, oznaczeń i innych ozdobników,
miejsca na regulaminy i komunikaty błędów
CZEGO NIE POWINIEN MIEĆ:

17. PS. PISZĘ KSIĄŻKĘ
BIT.LY/MDMSLIDE
Zapisz się na betatesty książki!

18. SENFINO.COM
MARCINZAREMBA
MARCIN@SENFINO.COM