windows phone jak uniknąć błędów przy projektowaniu aplikacji targi mobilne 2014, stadion...

44
Jak unikać błędów przy projektowaniu aplikacji i wykorzystać unikalne funkcjonalności Windows Phone Piotr Biegun, CEO [email protected] @piotrbiegun Stadion Narodowy, Warszawa 2014 Projektowanie aplikacji mobilnych

Upload: piotr-biegun

Post on 17-May-2015

784 views

Category:

Technology


2 download

DESCRIPTION

Prezentacja z Targów Mobilny o tym jak projektować aplikacje mobilne pod Windows Phone. Jakich błędów nie popełniać i o tym co można wykorzystać w naszych aplikacjach, aby wykorzystywały unikatowe cechy systemy Microsoft

TRANSCRIPT

Page 1: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Jak unikać błędów przy projektowaniu aplikacji

i wykorzystać unikalne funkcjonalności Windows Phone

Piotr Biegun, CEO

[email protected]

@piotrbiegun

Stadion Narodowy, Warszawa 2014

Projektowanie aplikacji mobilnych

Page 2: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

EKOSYSTEM - skład

To nie tylko Windows Phone

Page 3: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

WINDOWS PHONE

System stworzony przez Microsoft

• następca Windows Mobile

• WP 7.x

• smartfony

• zupełnie nowy Windows Phone

• WP 8.x

• smartfony

• następca Windows 7

• W 8.x

• Komputery, laptopy, tablety

kompatybilność wstecz

docelowa integracja

Page 4: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Źródło: IDC

139,9

26,9

3,7 7,7 8,4

211,6

33,8

9,5 4,5 1,7

51,3%

25,6%

156,0%

-41,6%

-80,1%

81,0%

12,9% 3,6%1,7% 0,6%

-100,0%

-50,0%

0,0%

50,0%

100,0%

150,0%

0

25

50

75

100

125

150

175

200

Android iOS Windows Phone BlackBerry Others

Q3 2013 udział w sprzedaży smartfonów [mln]

Q3 2012 Q3 2013 Yearly change Market Share

UDZIAŁ W RYNKU - świat

Najszybciej rozwijający się system mobilny

Page 6: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Źródło: IDC, Microsoft

UDZIAŁ W RYNKU - Polska

19% rynku, 1 mln realnych użytkowników

Page 7: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

WINDOWS PHONE – kto używa?

Kraje rozwijające się, silna pozycja Nokii

• Młode aktywne osoby, które szukają czegoś innego

• Osoby, które kupują pierwszego smartfona

• Azja (Indie, Tajlandia), Ameryka Południowa

(Brazylia, Meksyk), Europa (Rosja, Skandynawia)wszędzie tam gdzie Nokia miała mocną pozycję

• Klienci B2B

• Świadomy wybór*

Page 8: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

WINDOWS PHONE - telefony

Nowe telefony od 500 zł do 3000 zł

• Nokia, Samsung, HTC

• Wysokiej jakości aparat

do 41MP

• NFC, Bluetooth, LTE

• Ekrany od 4” – 6”

• Kolorowe obudowy

Page 9: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

WINDOWS PHONE - telefony

Pełna integracja z produktami Microsoft

Page 10: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Źródło: Adduplex

WINDOWS PHONE - producenci

Nokia na czele

Page 11: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Źródło: Adduplex

WINDOWS PHONE - telefony

Przeważają tanie urządzenia

Page 12: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Źródło: Adduplex

WINDOWS PHONE - system

Windows Phone 8 wypiera starszy system

Page 13: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Źródło: MWC 2014, Microsoft

WINDOWS PHONE - liczby

500 aplikacji dodawanych dziennie, Q1 2014

4,000,000,000 Ściągniętych aplikacji

245,000 aplikacji w sklepie,

500 nowych dodawanych dziennie

390% ściągnięć,

440% dochodów

Miesięcznie więcej od momentu startu WP8

12 milionówTransakcji obsługiwanych dziennie

Page 14: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

WINDOWS PHONE - aplikacje

Większość znanych aplikacji jest dostępna

Page 15: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Źródło: Geardiary.com

I took the plunge and switched platforms without any real experience on Windows

Phone, but the learning curve was slight, and so far the rewards have been great.

ODMIENNY INTERFEJS

Niska krzywa uczenia się

Page 16: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

DESIGN- wytyczne

Ogólne zasady

pride in craftsmanship

more with less

fast and fluid

authentically digital

win as one

Źródło: Microsoft

Page 17: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

pride in craftsmanship

Skupienie się na detalach i precyzji

grid hierarchia typografia

Page 18: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

more with less

Skupienie się na treści

treść minimalizm przestrzeń

Page 19: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

fast and fluid

Szybkość i responsywność działania

żyjący system animacje i ruch

Page 20: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

authentically digital

Skupienie się na dostarczaniu treści

infografika treść i detale

Page 21: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

win as one

Projektowanie dla całego ekosystemu

platforma

Page 22: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

ARCHITEKTURA INFORMACJI

Przykład typowej aplikacji

Page 23: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

PANORMA VIEW

Hub startowy

Page 24: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

PANORAMA VIEW

Alternatywa bocznego menu (Android, iOS)

Page 25: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

PIVOT VIEW

Alternatywa TABów (Android, iOS)

Page 26: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

APP BAR, APP BAR MENU

Zadania i widoki

Page 27: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

LISTY I DETALE

Użytkownik nawiguje po tekście

Page 28: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

POWIADOMIENIA

Komunikacja z użytkownikiem

Page 29: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

UNIKALNE FUNKCJE

• Live Tiles. Secondary Live TilesPrezentacja contentu za pomocą

• Try & Buymożliwość kupowania na próbę – wspierana przez sklep

• App to App Communication, NFC / Bluetoothkomunikacja pomiędzy aplikacjami i urządzeniami

• Camera Lenses (WP8)wsparcie dla aplikacji korzystających z funkcji aparatu

Elementy wyróżniające Windows Phone

Page 30: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

LIVE TILE

Interaktywna treść aplikacji

Page 31: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

LIVE TILE

Przykłady

Page 32: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

TRIAL

Kupowanie aplikacji na próbę

Źródło: Channel 9

Page 33: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

APP-TO-APP COMMUNICATION

Głębokie linkowanie

Page 34: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

• Lumia 1020 41-megapixel

• Lumia 152020-megapixel

• Lumia 928najlepsze zdjęcia przy słabym oświetleniu

ZDJĘCIA

Prawdopodobnie najlepsze aparaty

Page 35: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Piotr Biegun, CEO: [email protected], @piotrbiegun, +48 607 127 551, skype: piotr.biegun

NOKIA IMAGE SDK

Gotowy zestaw narzędzi do obróbki zdjęć

Page 36: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

CZY WARTO?

Page 38: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

PHOTOM – PHOTO EDITOR

Edytor zdjęć, kolaży

• 46 500 ściągnięć w vs. 20 000 Android

• Aktywniejsi użytkownicy

• Top 100 aplikacji Photo w U.S.

Page 39: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

MONETYZACJA

Wysokie zarobki z użytkownika

iPhone Android Windows Blackberry

Ściągnięcia 27 mld 29 mld 4.1 mld 2.4 mld

Liczba użytkowników, którzy

nigdy nie zapłacili więcej niż

1$ za aplikację

45% 62% 58% 63%

Aplikacje per telefon 88 68 57 49

Aplikacje w sklepie 905 000 850 000 220 000130 000

Przychody sklepu 6.4 mld $ 1.2 mld $ 0.95 mld $ 0.55 mld$

Przychody na użytkownika 0.24$ 0.04$ 0.23$ 0.22$

Page 40: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

RÓŻNE PLATFORMY

Ta sama użyteczność

Page 41: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

mBANK PL

Aktywni użytkownicy

Page 42: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

mBANK ORANGE CASH

Którzy są wymagający

Page 43: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

APP STUDIO

Natywne aplikacje w przeglądarce

Page 44: Windows phone jak uniknąć błędów przy projektowaniu aplikacji   targi mobilne 2014, stadion narodowy

Dziękuję za uwagę

Pytania?

Kontakt:

Piotr Biegun, CEO

[email protected], +48 607 127 551

@piotrbiegun, skype: piotr.biegun

Whalla Labs: @whallalabshttp://whallalabs.com [email protected]