Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

70
JAK TWORZY Ć APLIKACJE NA SMARTWATCHA Z PROBLEMAMI WIEKU DZIECI Ę CEGO? APPLE WATCH Maciej Kołek iOS Developer

Transcript of Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

Page 1: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

J A K T W O R Z YĆ A P L I K A C J E N A S M A R T WAT C H A Z P R O B L E M A M I W I E K U D Z I E C IĘC E G O ?

A P P L E WAT C H

Maciej KołekiOS Developer

Page 2: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?
Page 3: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

• Opis elementów interfejsu Watch OS

• Ograniczenia w tworzeniu interfejsów aplikacji

• Co mieć na uwadze projektując aplikacje?

• Przykłady dobrych aplikacji

K R Ó T K A A G E N D A

Page 4: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P O D Z I A Ł E L E M E N T Ó W S K ŁA D O W Y C H A P L I K A C J I

P O P I E R W S Z E : N I E T Y L K O A P L I K A C J A

Page 5: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P O D Z I A Ł E L E M E N T Ó W S K ŁA D O W Y C H A P L I K A C J I

P O P I E R W S Z E : N I E T Y L K O A P L I K A C J A

App

Page 6: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P O D Z I A Ł E L E M E N T Ó W S K ŁA D O W Y C H A P L I K A C J I

P O P I E R W S Z E : N I E T Y L K O A P L I K A C J A

App Complications

Page 7: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P O D Z I A Ł E L E M E N T Ó W S K ŁA D O W Y C H A P L I K A C J I

P O P I E R W S Z E : N I E T Y L K O A P L I K A C J A

App Complications

Notifications

Page 8: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P O D Z I A Ł E L E M E N T Ó W S K ŁA D O W Y C H A P L I K A C J I

P O P I E R W S Z E : N I E T Y L K O A P L I K A C J A

App Complications

Notifications Glances*

Page 9: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

U N I W E R S A L N OŚĆ I N T E R F E J S UP O D R U G I E : R O Z M I A R N I E M A Z N A C Z E N I A

Page 10: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

E L E M E N T Y I N T E R F E J S U A P L I K A C J IP O D S TA W Y P O D S TA W

Page 11: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

N AW I G A C J A

http://designmodo.com/design-apple-watch/

H I E R A R C H I C Z N A

Page 12: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

N AW I G A C J A

http://designmodo.com/design-apple-watch/

O PA R TA N A S T R O N A C H

Page 13: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P O D S TA W A I N T E R F E J S U

G R U P Y

WatchKit UI Component Walkthrough

Page 14: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

T E K S T

WatchKit UI Component Walkthrough

Page 15: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R Z Y C I S K I

WatchKit UI Component Walkthrough

Page 16: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R Z E ŁĄC Z N I K I

WatchKit UI Component Walkthrough

Page 17: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

S L I D E RY / S T E P P E RY

WatchKit UI Component Walkthrough

Page 18: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

O B R A Z K I

WatchKit UI Component Walkthrough

Page 19: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

S E PA R AT O RY

WatchKit UI Component Walkthrough

Page 20: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

M A PA

WatchKit UI Component Walkthrough

Page 21: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

TA B E L E

WatchKit UI Component Walkthrough

Page 22: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P I C K E R

WatchKit UI Component Walkthrough

Page 23: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

C O N T E X T M E N U

http://designmodo.com/design-apple-watch/

Page 24: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

N O W G O A N D M A K E A N A P P.

T H A T ’ S A L L F O L K S

„Emejzing”

Page 25: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

N I E S K O M P L I K O W A N E K O M P L I K A C J E

Page 26: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

T Y P Y K O M P L I K A C J I

Page 27: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

T I M E T R AV E LP O D R ÓŻU J E M Y W C Z A S I E

Page 28: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

G L A N C E STA K I D UŻY W I D G E T

Page 29: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

M I N U S YG L A N C E S

Page 30: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

M I N U S YG L A N C E S

Page 31: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

K AŻD A A P L I K A C J A P O W I N N A B YĆ G L A N C E A B L E

B E Z G L A N C E S W W A T C H O S 3

Page 32: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

N O T Y F I K A C J EQ U I C K I N T E R A C T I O N S

Page 33: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

N O T Y F I K A C J EQ U I C K I N T E R A C T I O N S

Page 34: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

J A K I E M A M Y O G R A N I C Z E N I A I P R O B L E M Y W W Y T W A R Z A N I U A P L I K A C J I ?

P R O B L E M Y W I E K U D Z I E C IĘC E G O

Page 35: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

A P P L E W AT C H D Z I A ŁA T Y L K O W PA R Z E Z I P H O N E , C A ŁA K O M U N I K A C J A O D B Y W A S IĘ P R Z E Z „ TAT U S I A ” .

B E Z TAT U S I A A N I R U S Z .

Page 36: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

A P L I K A C J E ŁA D U JĄ S IĘ W O L N O . B A R D Z O W O L N O .

C IĄG ŁE ŁA D O WA N I E …

Page 37: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R O J E K T O WA N I E I N T E R F E J S Ó W ?N I E U FA J D E S I G N E R O M W I N T E R N E C I E .

Page 38: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R O J E K T O WA N I E I N T E R F E J S Ó W ?N I E U FA J D E S I G N E R O M W I N T E R N E C I E .

Page 39: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R O J E K T O WA N I E I N T E R F E J S Ó W ?N I E U FA J D E S I G N E R O M W I N T E R N E C I E .

Page 40: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R O J E K T O WA N I E I N T E R F E J S Ó W ?N I E U FA J D E S I G N E R O M W I N T E R N E C I E .

Page 41: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R O J E K T O WA N I E I N T E R F E J S Ó W ?N I E U FA J D E S I G N E R O M W I N T E R N E C I E .

Page 42: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

Z N Ó W P O D R ÓŻU J E M Y W C Z A S I E

A N I M A C J E

Page 43: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

Z N Ó W P O D R ÓŻU J E M Y W C Z A S I E

A N I M A C J E

Page 44: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

A N I M A C J E W W A T C H O S 3

S P R I T E K I T

Page 45: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

A N I M A C J E W W A T C H O S 3

S P R I T E K I T

Page 46: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

R U S Z N A D G A R S T K I E M I A P L I K A C J A Z N I K A

B R A K M OŻ L I W OŚC I „ Z AT R Z Y M A N I A A P L I K A C J I N A E K R A N I E ”

Z M I A N A W A T C H O S 3 : A P L I K A C J E P O Z O S TA J A A K T Y W N E P R Z E Z 8 M I N U T J A K O A K T Y W N E W PA M IĘC I .

Page 47: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

B R A K M OŻ L I W OŚC I U R U C H O M I E N I A A P L I K A C J I N A T E L E F O N I E I O D W R O T N I E

Page 48: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

R O Z W IĄZ A N I E : H A N D O F F S

Page 49: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

R O Z W IĄZ A N I E : H A N D O F F S

Page 50: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

A P L I K A C J E N I E D Z I A ŁA JĄ W T L E *

* Poza aplikacjami typu Workout, które gromadzą dane z sensorów i aktualizują aplikacje gdy użytkownik ponownie z niej korzysta.

Page 51: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

S E N S O R J E S T A L E J A K B Y G O N I E B Y ŁO

B R A K D O S TĘP U D O S E N S O R Ó W *

Z M I A N A WAT C H O S 3 : A P L I K A C J E Z E G A R K O W E M O GĄ P R O S IĆ O D O S TĘP D O N I E K T Ó R Y C H S E N S O R Ó W I P H O N E .

* A B Y O T R Z Y M AĆ D A N E Z P U L S O M E T R U , M U S I M Y R O Z P O C ZĄĆ W O R K O U T , K T Ó R Y Z A P I S U J E S IĘ W H E A LT H K I T N A S Z E G O T E L E F O N U .

Page 52: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

D Z I E C K O P O W O L I D O R A S TA

WAT C H O S 3• Szybsza reakcja interfejsu

• Dostęp do CloudKit (wsparcie dla synchronizacji)

• Dostęp do Apple Pay

• Aktualizacje danych i interfejsu aplikacji w tle dla aplikacji które są:

• przypięte do Docka

• mają aktywną komplikacje

• były używane w ciągu ostatnich 8 minut

Page 53: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

J A K S T W O R Z YĆ D O B RĄ A P L I K A C JĘ N A A P P L E W AT C H ?

J A K W Y C H O W AĆ S W O J E „ D Z I E C K O ”

Page 54: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

PA M IĘTA J , ŻE T O T Y L K O Z E G A R E K .Z A S A D A P I E R W S Z A I N A J W AŻN I E J S Z A :

T W Ó R Z A P L I K A C J E , P R I O R Y T E T Y Z U JĄC W Y D A J N OŚĆ P O N A D F U N K C J O N A L N OŚĆ

11 Tips For Designing Apps for Apple Watch

Page 55: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

C A L L T O A C T I O NS K U P S IĘ N A G ŁÓ W N E J F U N K C J O N A L N OŚC I

Page 56: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

2 S E K U N D Y N A I N T E R A K C J E

L I C Z Y S IĘ  C Z A S .

Page 57: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

N I E C H U Z Y T K O W N I K N I E C Z E K AS T O S U J O P T I M I S T I C A P P R O A C H

Page 58: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

N I E C H UŻY T K O W N I K N I E C Z E K AP R O G R E S Y W N E ŁA D O W A N I E

11 Tips For Designing Apps for Apple Watch

Page 59: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

S T O S U J S TA N D A R D YW A T C H O S H U M A N I N T E R FA C E G U I D E L I N E S

watchOS Human Interface Guidelines

Page 60: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R Z Y K ŁA D Y I N T E R F E J S Ó W

D O B R E

Page 61: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P R Z Y K ŁA D Y I N T E R F E J S Ó W

D O B R E

Page 62: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

U C Z S IĘ  O D N A J L E P S Z Y C HD O B R E P R Z Y K ŁA D Y I N T E R F E J S Ó W

Restaurant App on Smartwatch

Page 63: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

U C Z S IĘ  O D N A J L E P S Z Y C HD O B R E P R Z Y K ŁA D Y I N T E R F E J S Ó W

Restaurant App on Smartwatch

Page 64: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

U C Z S IĘ  O D N A J L E P S Z Y C HD O B R E P R Z Y K ŁA D Y I N T E R F E J S Ó W

Trello App on Apple Watch

Page 65: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

U C Z S IĘ  O D N A J L E P S Z Y C HD O B R E P R Z Y K ŁA D Y I N T E R F E J S Ó W

Trello App on Apple Watch

Page 66: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

U C Z S IĘ  O D N A J L E P S Z Y C HD O B R E P R Z Y K ŁA D Y I N T E R F E J S Ó W

Practo Apple Watch App

Page 67: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

U C Z S IĘ  O D N A J L E P S Z Y C HD O B R E P R Z Y K ŁA D Y I N T E R F E J S Ó W

Twitterrific for Apple Watch

Page 68: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

U C Z S IĘ  O D N A J L E P S Z Y C HD O B R E P R Z Y K ŁA D Y I N T E R F E J S Ó W

Baby Monitor 3G

Page 69: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

P Y TA N I A ?

Maciej KołekiOS Developer @[email protected]

Jeśli tworzysz projekt mobilny lub webowy i potrzebujesz porady lub szukasz konsultanta lub

programisty iOS/RoR do projektu:

Spotkajmy się!

Page 70: Apple Watch - Jak tworzyć aplikacje na SmartWatcha z problemami wieku dziecięcego?

A jeśli szukasz fotografa na dowolną okazję:

http://fb.me/maciejkolekcom