USERFLOWJAK UCHWYCIĆ WIZJĘ APLIKACJI MOBILNEJ?

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.

WEŹMY NA WARSZTAT…

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

Start Publikuj zdjęcie

Tak, wiem… to brzmi banalnie, ale dajcie mi szanszę:)

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…

Start Dodaj filtr

Zrób zdjęcie

Weź z galerii

PublikujDodaj zdjęcie

Dodaliśmy dwa źródła zdjęć i filtry

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…

Strumień aktywnościStart Dodaj filtr

Zrób zdjęcie

Weź z galerii

PublikujDodaj zdjęcie

Zbudowaliśmy pętlę!

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.

Strumień aktywnościOnboarding 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:)

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ęć…

Strumień aktywnościOnboarding 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

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.

PODSUMUJMY: !

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Ć:

PS. PISZĘ KSIĄŻKĘ

BIT.LY/MDMSLIDE

Zapisz się na betatesty książki!

SENFINO.COM

MARCIN ZAREMBA MARCIN@SENFINO.COM