Warsztaty - Projektowanie aplikacji mobilnych - GeekGirls Carrots Poznań 2013

Post on 17-May-2015

619 views 0 download

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

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

piotr biegun @piotrbiegun piotr.biegun@whallalabs.com

#kim jestem?

Piotr Biegun: piotr.biegun@whallalabs.com, @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

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit:

http://whallalabs.com, @whallalabs

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Code behind the apps

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

JAVA

Objective-C

C# i XAML

Microsoft

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

VS

Smartphone vs Tablet

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Screen size

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Orientation

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Horizontal

Vertical

Sensors

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

GPS

Camera

GS• Gyroscope• Accelerom

eter • Sensor

lights• Thermom

eter• Proximity• Compass• Humidity• Gesture

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

#splashscreen

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#logowanie/rejestracja

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#onboarding

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#onboarding

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#empty states

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#lists

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#galleries

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#timelime

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#detailviews

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#userprofile

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#comments/compose

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#popovers

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Animation

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

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

Details

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Colors

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#Top 10 free charts iOS

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @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

#cost of users

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @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

# cost of users

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @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

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#leancanvas

#problem

#users

#value

#features

#money

#money

#money

#money

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#Funkcje

Stworzyć aplikację mobilną dla produktu „X”

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

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#rysowanie

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#testowanie

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#poprawki

Piotr Biegun, CEO piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

#prezentacja

#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 piotr.biegun@whallalabs.com, @piotrbiegun, Visit: http://whallalabs.com, @whallalabs

Pytania?

Piotr Biegun

piotr.biegun@whallalabs.com

http://whallalabs.com @whallalabs

@piotrbiegun