jak zrobić userflow aplikacji (mdm)
DESCRIPTION
Fragment książki "Mobile dla Managerów" o tworzeniu userflow czyli najlepszej graficznej metodzie na uchwycenie idei aplikacji mobilnej.TRANSCRIPT
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Ć: