Jak zrobić userflow aplikacji (MDM)
-
Upload
marcin-zaremba -
Category
Mobile
-
view
189 -
download
1
description
Transcript of Jak zrobić userflow aplikacji (MDM)
![Page 1: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/1.jpg)
USERFLOWJAK UCHWYCIĆ WIZJĘ APLIKACJI MOBILNEJ?
![Page 2: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/2.jpg)
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.
![Page 3: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/3.jpg)
WEŹMY NA WARSZTAT…
![Page 4: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/4.jpg)
JAKA JEST NAJWAŻNIEJSZA FUNKCJA INSTAGRAMA BEZ KTÓREJ TA APLIKACJA NIE MA SENSU?
![Page 5: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/5.jpg)
Start Publikuj zdjęcie
Tak, wiem… to brzmi banalnie, ale dajcie mi szanszę:)
![Page 6: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/6.jpg)
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…
![Page 7: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/7.jpg)
Start Dodaj filtr
Zrób zdjęcie
Weź z galerii
PublikujDodaj zdjęcie
Dodaliśmy dwa źródła zdjęć i filtry
![Page 8: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/8.jpg)
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…
![Page 9: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/9.jpg)
Strumień aktywnościStart Dodaj filtr
Zrób zdjęcie
Weź z galerii
PublikujDodaj zdjęcie
Zbudowaliśmy pętlę!
![Page 10: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/10.jpg)
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.
![Page 11: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/11.jpg)
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:)
![Page 12: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/12.jpg)
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ęć…
![Page 13: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/13.jpg)
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
![Page 14: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/14.jpg)
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.
![Page 15: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/15.jpg)
PODSUMUJMY: !
![Page 16: Jak zrobić userflow aplikacji (MDM)](https://reader033.fdocuments.net/reader033/viewer/2022052900/55617db6d8b42aac268b51d9/html5/thumbnails/16.jpg)
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Ć: