"Chegou?" - do iOS 6 ao iOS 7 @ NSNull Conf

Palestra feita em 28/09/2013 no evento NSNull em Campinas, promovido pela @Movile para tratar sobre o iOS 7.

Transcript

1. FERNANDO SARAGOÇA MARCEL MÜLLER visual & interaction designer yellowicon iOS & Ruby on Rails developer
3. “CHEGOU?” do iOS 6 ao iOS 7
4. “Chegou?” Que é isso?
5. É um app para RASTREAR ENCOMENDAS.
6. MAIS UM?
7. SCRATCH YOUR OWN ITCH.
8. NÃO QUERÍAMOS QUE O APP FOSSE UM CANIVETE SUÍÇO,
9. MAS SIM UMA VARINHA MÁGICA.
10. ECOSSISTEMA O MAIS APPLE POSSÍVEL SIMPLES 3 TELAS AMIGÁVEL PARA SERES HUMANOS
15. “Best packaging app I ever used, it's easy to see why Apple chose it as a hidden gem. Very simple and smart, this app could be easily something Apple would do.” “App bem feito, com Interface limpa, bem Apple-like. Atualização rápida. Recomendo.” “[...] Nunca imaginei que um app poderia ser desenvolvido com tanta simplicidade e ainda assim fosse tão útil e completo. Pequenos detalhes como a única tela que ele possui sem ser saturada de informações, [...] mostram que esse app foi feito com muito cuidado e foco. [...]”
16. (nenhum desses reviews foi feito por mães, pais, parentes ou relativos)
23. V1 14/07/2012 V1.2 17/12/2012 V1.4.3 20/07/2013 Saragoça fala
24. E ENTÃO...
26. CLAREZA, HIERARQUIA, PROFUNDIDADE
27. E UM GRID
32. “FLAT” ≠ SEM SAL/ PROFUNDIDADE/ CORES CHAPADAS
35. SUAS DECISÕES DE DESIGN ESTÃO EXPOSTAS, NUAS E CRUAS
36. iOS 7 não é sobre “flat”. é sobre interação.
38. INTERAÇÃO.
41. HERANÇA: Familiaridade Personalidade & Consistência de decisões
43. CLAREZA: Mesma tipografia, Quase a mesma palheta, Espaçamento diferente!
46. PROFUNDIDADE Ajuda a dar contexto através de novas transições
50. USUÁRIOS NÃO ODEIAM MUDANÇA
51. ODEIAM PERDER O CONTROLE
52. O NOVO DESIGN FOI BEM RECEBIDO PORQUE NÃO TIROU O CONTROLE DO USUÁRIO.
53. “UM NOVO SISTEMA QUE VOCÊ JÁ SABIA USAR”
54. ATENÇÃO, DESIGNERS
55. CUIDADO COM RÓTULOS QUE LIMITAM
56. O iOS 7 NÃO É FLAT
58. Animações Gestos UIViewControllerAnimatedTransitioning UIViewControllerTransitioningDelegate Parallax (UIInterpolatingMotionEffect) Blur
59. NOVAS ENGRENAGENS!
60. REMOTE NOTIFICATIONS
62. BACKGROUND FETCH
63. PARALLAX
64. CGFloat viewerOffset = isPad ? 28.0f : 14.0f; UIInterpolatingMotionEffect *interpolationHorizontal = [[UIInterpolatingMotionEffect alloc] initWithKeyPath:@"center.x" type:UIInterpolatingMotionEffectTypeTiltAlongHorizontalAxis]; [interpolationHorizontal setMinimumRelativeValue:@(- viewerOffset)]; [interpolationHorizontal setMaximumRelativeValue:@(viewerOffset)]; UIInterpolatingMotionEffect *interpolationVertical = [[UIInterpolatingMotionEffect alloc] initWithKeyPath:@"center.y" type:UIInterpolatingMotionEffectTypeTiltAlongVerticalAxis]; [interpolationVertical setMinimumRelativeValue:@(-viewerOffset)]; [interpolationVertical setMaximumRelativeValue:@(viewerOffset)]; [[self contentView] addMotionEffect:interpolationHorizontal]; [[self contentView] addMotionEffect:interpolationVertical];
65. CUSTOM TRANSITIONS (View Controllers)
66. NSAttributedString Core Data !Auto Layout !Tint Color !Dynamic Typing Novo servidor
67. RESUMINDO,
68. SCRATCH YOUR OWN ITCH
69. LEIA AS GUIDELINES
70. FAÇA PARA SERES HUMANOS
71. NÃO PERCA A FÉ NA HUMANIDADE AO LER REVIEWS NEGATIVOS “e so entrar má net e fazer de graça dou nota menos oito” (sic) yes we cam, 09/09/2013
72. E SEMPRE AGRADEÇA :)
73. FERNANDO SARAGOÇA MARCEL MÜLLER @grigio mmuller.com @fsaragoca fernandosaragoca.com