Apple Watch
A história secreta
Kevyn Linch
Vice-presidente de
tecnologia Apple
• Em 2013, a Apple contrata Kevyn Linch para participar...
A tirania das notificações
• Todos nós estamos sujeitos a interação contínua e desnecessária,
algumas vezes, com o smartpho...
Conhecendo o Apple Watch
Modelos disponíveis
*Dados referentes a maio de 2015
“ Apple Watch represents a new chapter in the way people relate to
technology. It’s the most personal device Apple has eve...
Interações leves
Interações rápidas baseadas com uso eficiente do tamanho da
tela, importância do texto e imagens exibidas...
Design holístico
Possibilitar uma interface limpa, simples e que estimule o uso
das funções do hardware com o software, de...
Comunicação pessoal
O Apple Watch deve ser considerado com um dos objetos mais
pessoais. Sendo assim, utilizar animações e...
Componentes da interface
Notificações
Disponibiliza conteúdo de grande
importância ao usuário, em tempo real
• Possibilidade de escolher cores e íco...
Glances
Coleções de conteúdos, estáticos e dinâmicos, onde usuário pode
“caminhar” entre o que foi exibido
“Página 1” “Pág...
Modal
Exibido em full-screen, pode possibilitar ao usuário uma resposta a
uma determinada ação. O modal pode ser animado.
Outros componentes
Labels Imagens Grupos
Outros componentes
Tabelas Botões Switches
Outros componentes
Sliders Mapas Data/hora
Outros componentes
Menu de 1 ação Menu de 3 açõesMenu de 2 ações
Introdução ao WatchKit
WatchKit
• Pacote de recursos para desenvolvimento de
WatchKit app’s;
• Prover a conexão entre o Apple Watch e o iPhone;

...
WatchKit
• O “Watchkit app” é apenas um receptor e
visualizador de dados do seu app. Ele é o “rosto”
do seu app;

• O “Wat...
Criando seu primeiro
WatchKit app
Configurando seu projeto
1. Crie um novo projeto;

2. Clique em File > Target > Selecione
WatchKit Extension;

3. Marque as...
Estrutura do projeto
App iOS
WatchKit Extension
WatchKit App
Storyboard WatchKit App
Criando uma tabela
Célula customizada
1. Insira uma nova interface controller, em
seu storyboard, apenas arrastando e
soltando;

2. Arraste e...
Utilizando a navegação “push”
• Podem ser utilizada a navegação
“push” para a passagem de
referências entre
“WKInterfaceCo...
“Populando” a tabela
Populando a tabela
“Populando” a tabela
Populando a tabela
Enviando
notificações
Recebendo notificações
Payload do Push notification
Selecionando esquema
O esquema “notification” deve estar selecionado
Exibindo a notificação
A ação da notificação é executada com o InterfaceController
Exibindo a notificação
Até a próxima : -)
Introdução ao apple watch
Próximos SlideShares
Carregando em…5
×

Introdução ao apple watch

719 visualizações

Publicada em

Apresentação sobre os conceitos da história, design, interação e desenvolvimento de apps para Apple Watch.

Evento : CocoaHeads Maceió - First edition

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Introdução ao apple watch

  1. 1. Apple Watch
  2. 2. A história secreta Kevyn Linch Vice-presidente de tecnologia Apple • Em 2013, a Apple contrata Kevyn Linch para participar do desenvolvimento de um projeto secreto da Apple, como vice presidente; • Kevyn, era diretor de tecnologia da Adobe e conhecido por lutar a favor do uso do “Adobe Flash” no iPhone; • O conceito do Apple Watch foi concebido durante o redesign do iOS, do iOS 6 para o iOS 7; • O produto foi considerado a obsessão dentro da Apple;
  3. 3. A tirania das notificações • Todos nós estamos sujeitos a interação contínua e desnecessária, algumas vezes, com o smartphones por conta de notificações constantes; • As pessoas necessitam de um engajamento mais humano com seus devices; • Apesar da Apple criar o problema, mas ele será corrigido com um device que irá filtrar qualquer tipo de comunicação e deixará a interação mais real e saudável.
  4. 4. Conhecendo o Apple Watch
  5. 5. Modelos disponíveis *Dados referentes a maio de 2015
  6. 6. “ Apple Watch represents a new chapter in the way people relate to technology. It’s the most personal device Apple has ever designed, and it enables new ways to receive information and to interact with apps. ” Princípios de UX
  7. 7. Interações leves Interações rápidas baseadas com uso eficiente do tamanho da tela, importância do texto e imagens exibidas para o usuário
  8. 8. Design holístico Possibilitar uma interface limpa, simples e que estimule o uso das funções do hardware com o software, de forma que eles não tenham distinções durante o seu funcionamento
  9. 9. Comunicação pessoal O Apple Watch deve ser considerado com um dos objetos mais pessoais. Sendo assim, utilizar animações e imagens que representem ações e emoções extremamente conectadas ao usuário
  10. 10. Componentes da interface
  11. 11. Notificações Disponibiliza conteúdo de grande importância ao usuário, em tempo real • Possibilidade de escolher cores e ícones customizados; • Suporte a interfaces com conteúdo dinâmico e estático; • Permite o uso de imagens previamente armazenadas dentro do seu aplicativo. Notificação curta Notificação longa
  12. 12. Glances Coleções de conteúdos, estáticos e dinâmicos, onde usuário pode “caminhar” entre o que foi exibido “Página 1” “Página 2” “Página 3”
  13. 13. Modal Exibido em full-screen, pode possibilitar ao usuário uma resposta a uma determinada ação. O modal pode ser animado.
  14. 14. Outros componentes Labels Imagens Grupos
  15. 15. Outros componentes Tabelas Botões Switches
  16. 16. Outros componentes Sliders Mapas Data/hora
  17. 17. Outros componentes Menu de 1 ação Menu de 3 açõesMenu de 2 ações
  18. 18. Introdução ao WatchKit
  19. 19. WatchKit • Pacote de recursos para desenvolvimento de WatchKit app’s; • Prover a conexão entre o Apple Watch e o iPhone; • O WatchKit app é uma extensão de um aplicativo com conexão ao Apple Watch, onde fica armazenado dentro do app instalado no dispositivo;
  20. 20. WatchKit • O “Watchkit app” é apenas um receptor e visualizador de dados do seu app. Ele é o “rosto” do seu app; • O “WatchKit extension” funciona dentro do app no seu iPhone; • O “WatchKit extension” coordena a execução de tarefas, junto ao seu app, para transmitir informações ao seu Apple Watch
  21. 21. Criando seu primeiro WatchKit app
  22. 22. Configurando seu projeto 1. Crie um novo projeto; 2. Clique em File > Target > Selecione WatchKit Extension; 3. Marque as opções: • “Include notifications scene” • “Include Glance Scene”
  23. 23. Estrutura do projeto App iOS WatchKit Extension WatchKit App
  24. 24. Storyboard WatchKit App
  25. 25. Criando uma tabela
  26. 26. Célula customizada 1. Insira uma nova interface controller, em seu storyboard, apenas arrastando e soltando; 2. Arraste e solte o componente “table” dentro do interface controller criado, após isso coloque outros componentes; 3. Referencie seu controlador criado a uma classe WKInterfaceController, acessando o “Utilities”; 4. Faça o mesmo para a “custom row”, onde a nova classe terá uma extensão como NSObject; 5. Instancie os “IBoutlet’s” a sua classe NSObject criada;
  27. 27. Utilizando a navegação “push” • Podem ser utilizada a navegação “push” para a passagem de referências entre “WKInterfaceController’s “; • O “context” destina-se a referência que você queira utilizar;
  28. 28. “Populando” a tabela Populando a tabela
  29. 29. “Populando” a tabela Populando a tabela
  30. 30. Enviando notificações
  31. 31. Recebendo notificações Payload do Push notification
  32. 32. Selecionando esquema O esquema “notification” deve estar selecionado
  33. 33. Exibindo a notificação A ação da notificação é executada com o InterfaceController
  34. 34. Exibindo a notificação
  35. 35. Até a próxima : -)

×