Movile Meetups #1 - Desenhando e Desenvolvendo para o WATCH

"Desenhando e Desenvolvendo para o WATCH", apresentada por Guilherme Sampaio e Marcel Müller no primeiro meetup da Movile.

Transcript

1. GUILHERME SAMPAIO iOS Dev PlayKids MEETUPS
2. GUILHERME SAMPAIO iOS Dev PlayKids MARCEL MÜLLER Interface designer
3. WATCH +
4. Interaction Status
5. Connec n about how your kid s using PlayKids. Interaction Status
6. Learn about how your kid is using PlayKids. Status
7. Connect directly with your kid. Interaction
9. Desenhando
10. Watch App ≠ App
11. Actions, not apps
12. "It tries not to do more but to do less"
15. It’s okay to handoff.
16. Leia as guidelines.
17. Visual design
21. Lembre da distância.
22. Tipografia
23. O simulador vai te enganar e o device também.
24. Photoshop Simulator/Device
25. Photoshop Simulator/Device
27. Dynamic Type! !
28. (mexa no Xcode)
29. (mexa no Xcode)
30. (mexa no Xcode)
31. Animações
32. Sequência de PNGs
34. Sequência de PNGs
36. 60 FPS Sequência de PNGs
37. 24 ~ 29 FPS " 60 FPS ❤
38. 60 FPS Sequência de PNGs Perceptíveis: distância e dedo
39. 60 FPS Sequência de PNGs Perceptíveis: distância e dedo Tamanho
40. 60 FPS Sequência de PNGs Perceptíveis: distância e dedo Tamanho Conheça os limites
42. É hora de definir o status quo. ⌚
43. Desenvolvendo
45. Filosofia Arquitetura Desenvolvimento Tips and Tricks
46. Filosofia Arquitetura Desenvolvimento Tips and Tricks Filosofia Arquitetura Desenvolvimento Tips and Tricks
47. Interações rápidas
48. Ações vs Funcionalidades
49. Filosofia Arquitetura Desenvolvimento Tips and Tricks Filosofia Arquitetura Desenvolvimento Tips and Tricks
52. Filosofia Arquitetura Desenvolvimento Tips and Tricks
56. Layout
57. WKInterfaceController
58. InterfaceController Life Cycle
59. Navigation Hierarchical [self pushControllerWithName:@"interface_controller_identifier" context:@{@"foo" : @"bar"}];
60. [self presentControllerWithName:@“modal_interface_controller” context:@{@"text" : @“First Page"}]; [self presentControllerWithNames:@[screen1, screen2] contexts:@[param1, param2]]; Navigation Paginated
61. Filosofia Arquitetura Desenvolvimento Tips and Tricks
62. [[WKInterfaceDevice currentDevice] addCachedImage:image name:@"myImage"];
63. Minimize PNGs
64. Use Handoff
65. MMWormhole
66. MMWormhole
67. App Groups
68. Background fetch
69. NSDictionary *params = @{@"action" : @“download_content"}; [WKInterfaceController openParentApplication:params reply:^(NSDictionary *replyInfo, NSError *error) {…}]; // AppDelegate.m - (void)application:(UIApplication *)application handleWatchKitExtensionRequest:(NSDictionary *)userInfo reply:(void (^)(NSDictionary *))reply
70. Teste no device
71. Watch App aberto antes da app
72. Q \ A