Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

54
Jak zmienić pomysł w aplikację mobilną i zbudować pierwsze MVP? piotr biegun @piotrbiegun [email protected]

Transcript of Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Page 1: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Jak zmienić pomysł w aplikację mobilną i zbudować pierwsze MVP?

piotr biegun @piotrbiegun [email protected]

Page 2: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#kim jestem?

Piotr Biegun: [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

absolwent WIGE na UE Poznań 1,5 roku odpowiadałem za rozwój Siepomaga.pl 6 miesięcy akcelerator Huge Thing obecnie Whalla Labs – aplikację na WP i W8

Page 3: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#web VS mobile

Stronę www możemy zmieniać bezpośrednio w przeglądarceLudzie więcej wybaczają gorszym stronom niż gorszym

aplikacjomMożliwość wykorzystania sensorów (kamera, gps,

akcelerometr) Łatwiej jest pozyskać użytkownika do odwiedzenia strony www Development aplikacji mobilnych jest dłuższy i trudniejszy niż aplikacji webowychPiotr Biegun, CEO [email protected], @piotrbiegun, Visit:

http://whallalabs.com, @whallalabs

Page 4: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#native VS multiplatform

To zależy od aplikacji PhoneGap i inne – gorsza wydajność oraz brak natywnych bibliotek Idealny do testowania prostych konceptów na wielu platformach Docelowo dąży się do natywnych rozwiązań Trudniejszy development, większe koszty (2-3 zespoły developerskie)

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 5: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Code behind the apps

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

JAVA

Objective-C

C# i XAML

Page 6: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Microsoft

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

VS

Page 7: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Smartphone vs Tablet

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 8: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Screen size

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 9: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Orientation

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Horizontal

Vertical

Page 10: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Sensors

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

GPS

Camera

GS• Gyroscope• Accelerom

eter • Sensor

lights• Thermom

eter• Proximity• Compass• Humidity• Gesture

Page 11: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Źródło: http://www.mobile-patterns.com

Page 12: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#splashscreen

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 13: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#logowanie/rejestracja

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 14: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#onboarding

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 15: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#onboarding

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 16: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#empty states

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 17: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#lists

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 18: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#galleries

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 19: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#timelime

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 20: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#detailviews

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 21: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#userprofile

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 22: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#comments/compose

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 23: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#popovers

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 24: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Animation

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Źródło: Telerik RadControls http://telerik.com

Page 25: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Details

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 26: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Colors

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 27: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#monetization

reklama eCPM $0.5 (za 1000 wyświetleń reklamy) płatna wersja i in app purchases – gry w Polsce z $1 po opłatach i podatkach ~$0.5 (50%-60%). Niedostępne w WP 7.x abonament np. Spotify

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 28: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#Top 10 free charts iOS

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Źródło: http://www.trademob.com/infographic-calculating-the-cost-of-a-top-10-rank-in-the-app-store

Page 29: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#cost of users

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Źródło: http://www.trademob.com/infographic-calculating-the-cost-of-a-top-10-rank-in-the-app-store

Page 30: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

# cost of users

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Źródło: http://www.trademob.com/infographic-calculating-the-cost-of-a-top-10-rank-in-the-app-store

Page 31: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#co potrzebujemy?

jaki problem rozwiązujemy? do kogo jest skierowana aplikacja? jakie ma funkcje? jak na siebie ma zarabiać? MVP – testować możemy najmniejszy element aplikacji

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 32: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#konkurencja

kto jest naszą konkurencją? (nie zapominajmy o świecie offline) co ludzie lubią w tych aplikacjach? czego ludzie nie lubią w tych aplikacjach? różnice– czyli co robimy coś szybciej, wygodniej, taniej, lepiej? jaka jest wartość dodana naszego rozwiązania?

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 33: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#lean canvas

najszybszy, najefektywniejszy sposób na komunikację Twojego modelu biznesowego z zewnętrznymi i wewnętrznymi interesariuszami stworzony przez Asha Maurya na podstawie Business Model Canvas Alexa Osterwaldera

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 34: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#leancanvas

Page 35: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#problem

Page 36: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#users

Page 37: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#value

Page 38: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#features

Page 39: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#money

Page 40: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#money

Page 41: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#money

Page 42: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#money

Page 43: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013
Page 44: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#Zadanie na dzisiaj

Stworzyć aplikację mobilną dla produktu „X”

Wymagania: Platforma – nie istotne, można dobrać Cel główny akcja marketingowa Cel dodatkowy – chcemy zbadać co myślą nasi użytkownicy Aplikacja ma być społeczna, angażować użytkowników

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 45: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#Problem

Stworzyć aplikację mobilną dla produktu „X”

Podpowiedź: Jakie problem ma rozwiązywać aplikacja (kontekst zlecenie i produktu) Mogą być różne problemy dla różnych grup

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 46: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#Dla kogo jest aplikacja

Stworzyć aplikację mobilną dla produktu „X”

Podpowiedź: Jakie mamy grupy klientów, potencjalnych użytkowników? Do kogo jest targetowany dany produkt? Jaki jest jego przekaz

Ps. Czy, aby na pewno nasza grupa docelowa korzysta z smartfonów?

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 47: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#Aplikacja w jednym zdaniu

Stworzyć aplikację mobilną dla produktu „X”

Podpowiedź: Powinno to wynikać z problemów i grup docelowych Jak będziemy promować tą aplikację USP / UVP Co tak naprawdę dajemy użytkownikowi?

Ps. Czy, aby na pewno nasza grupa docelowa korzysta z smartfonów?

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 48: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#Funkcje

Stworzyć aplikację mobilną dla produktu „X”

Podpowiedź: Powinno to wynikać z USP/ UVP Funkcjonalności – działanie w punktach

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 49: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#rysowanie

Page 50: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#testowanie

Page 51: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#poprawki

Page 52: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#prezentacja

Page 53: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

#dobre praktyki

Quora blogi i portal o projektowaniu np. Design Modo, Smashing Magazine http://www.mobile-patterns.com/ Google Play, App Store, Windows Phone Marketplace, Windows Store

Piotr Biegun, CEO [email protected], @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Page 54: Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Pytania?

Piotr Biegun

[email protected]

http://whallalabs.com @whallalabs

@piotrbiegun