W trakcie Internet Beta 2016 miałem przyjemność opowiedzieć o tym jak stworzyliśmy nowe aplikacje magazynowe dla Agory S.A. W trakcie naszych prac stworzyliśmy aplikację mobilne dla Logo 24, Świat Motocykli oraz Ładny Dom na platformy Android i iOS. W prezentacji można poznać proces tworzenia aplikacji z uwzględnieniem klasyczynych badań usability z użytkownikami oraz potrzeb wielu stakholderów.

1. CASE STUDY:
JAK STWORZYĆ APLIKACJĘ MAGAZYNOWĄ
Powered by

2. Kim jestem?
Powered by
Piotr Biegun
CEO at Whalla Labs
MD at Cogision

3. MUSIMY MIEĆ APLIKACJĘ MOBILNĄ!
Powered by

4. Powered by
Wysyłamy brief do jednej z firm i
czekamy na wyrok…

5. Harmonogram
Spływają oferty.
Negocjacje, podpisanie umowy.
Specyfikacja, design - musi być ładnie i pełno wodotrysków.
Development - tylko szybko, bo nie mamy czasu.
Wielki dzień: Publikacja!
Powered by
1
2
3
4
5
6 i …..

6. Powered by

7. WHAT HAPPENED?
Powered by

8. Research głupcze!
Roman Łoziński
Powered by
“ ”

9. Powered by
W tym wszystkim
często zapominamy o
naszych użytkownikach

10. Stworzenie aplikacji mobilnej, którą można wykorzystać dla różnych magazynów
Nowy proces biznesowy i tworzenia tekstów
10 redakcji: od Świata Motocykli, przez Logo24 i Ładny Dom, kończąc na Bryle i e-Ogrody
Różne interesy do pogodzenia: działu IT, biznesowe, sprzedaż, marketing, redaktorzy
Istniejąca (lub nie) infrastruktura IT, zasoby oraz możliwości
Różnorodne treści: formaty specjalne w poszczególnych redakcjach, różne CMSy, video, photo
Wyzwania:
Powered by
Nowe aplikacje magazynowe:
Logo24, Świat Motocykli, Ładny Dom

11. Jak to wyglądało w naszym wydaniu?
Warsztaty z wszystkimi stakeholderami - 10 osób
Ustalenie celów, aspiracji, benchmarków, zbudowanie prototypu
Testy wewnętrzne, testy w focusowni z użytkownikami
Design, branding, testy wewnętrzne
Development
Powered by
1
2
3
4
5
6 Testy i publikacja

12. Powered by
Największa wartość i przyrost wiedzy
powstają na początku procesu

13. Warsztaty
Ustalenie celów projektu
Rozpoznanie ograniczeń
Ocena możliwych rozwiązań
Stworzenie person czytelników i użytkowników aplikacji mobilnych
Stworzenie propozycji wartości
Powered by
1
2
3
4
5
6 Analiza konkurencji oraz trendów

14. Powered by
Mapa wartości i elementów
wyróżniających aplikacje

15. Różne persony - personalizacja treści i onboarding
Aplikacja agregująca treści z wielu redakcji vs. dedykowane aplikacje
Nawiązanie do drukowanych magazynów i istniejących aplikacji (fonty, cytaty, zdjęcia)
Dedykowana sekcja video
Wyszukiwanie, odkrywanie, kategoryzacja treści
Dostępność offline, zapisywanie na później
Założenia i hipotezy:
Powered by
Prototyp, testy wewnętrzne,
testy z użytkownikami

16. Powered by
Prototypowanie i testowanie:
paper prototyping, lookback.io, InVision, UXpin

17. Różne persony - personalizacja treści i onboarding
Aplikacja agregująca treści z wielu redakcji vs. dedykowane aplikacje
Nawiązanie do drukowanych magazynów i istniejących aplikacji (fonty, cytaty, zdjęcia)
Dedykowana sekcja video
Wyszukiwanie, odkrywanie, kategoryzacja treści
Dostępność offline, zapisywanie na później
Założenia i hipotezy:
Powered by
Rezygnacja z funkcji, które wymagały
dodatkowych nakładów

18. Powered by
Ostatecznie stworzyliśmy trzy aplikacje:
Logo24, Świat Motocykli oraz Ładny Dom

20. Powered by

21. Powered by

22. Ładny dom - agreguje treści kilku redakcji, Logo 24 i Świat Motocykli - niezależne aplikacje
Nawiązanie do magazynów i istniejących aplikacji (fonty, cytaty, zdjęcia)
Obsługa kilkunastu formatów specjalnych, głównie embedy, video, formaty zdjęciowe
Rozbudowany cache, aby zapewnić dostęp offline
Zapisywanie na później, oznaczanie przeczytanych elementów
Wspólna architektura informacji dla wszystkich aplikacji, możliwość tworzenia kolejnych
Ostateczny kształt aplikacji:
Powered by
Efekt dotychczasowych prac
i badań z użytkownikami

23. Android od wersji 4.0.4, iOS 8.0
Rozbudowane API i wymagania biznesowe - model domenowy
Model domenowy - łatwość w testowaniu i wymianie modułów
Wspólny kod dla 3 magazynów - łatwość w utrzymaniu
Struktura aplikacji budowana na podstawie plików konfiguracyjnych
Android RxJava - większa czytelność kodu, łatwiejsza implementacja asynchroniczności
Założenia i hipotezy:
Powered by
Wyzwania i założenia
technologiczne

24. Powered by
Wszystkie aplikacje zostały pozytywnie
odebrane przez użytkowników

25. Powered by
Współpraca i komunikacja zostały również
docenione po stronie klienta

26. Podsumowując
Stworzyliśmy aplikacje wysoko oceniane przez użytkowników
Klient pozytywnie ocenia projekt i dalej go kontynuuje
Dzięki procesowi badawczemu udało się uspójnić wiedzę w organizacji
Badania z użytkownikami zweryfikowały postawione hipotezy
Optymalnie wykorzystaliśmy dostępne zasoby
Powered by
1
2
3
4
5
6 Projekt zrealizował swoje cele

27. PYTANIA?
Powered by
Piotr Biegun
CEO at Whalla Labs, MD at Cogision
piotr.biegun@whallalabs.com
@piotrbiegun
+48 607 127 551