O documento descreve a história do desenvolvimento do Apple Watch, incluindo como Kevyn Linch foi contratado em 2013 para liderar o projeto secreto e como o conceito surgiu durante a reformulação do iOS. Também discute os princípios de design do relógio, como interações leves e comunicação pessoal, e fornece uma introdução ao framework WatchKit.

1. Apple Watch

3. 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;

4. 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.

5. Conhecendo o Apple Watch

6. Modelos disponíveis
*Dados referentes a maio de 2015

7. “ 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

8. 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

9. 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

10. 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

11. Componentes da interface

12. 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

13. 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”

14. Modal
Exibido em full-screen, pode possibilitar ao usuário uma resposta a
uma determinada ação. O modal pode ser animado.

15. Outros componentes
Labels Imagens Grupos

16. Outros componentes
Tabelas Botões Switches

17. Outros componentes
Sliders Mapas Data/hora

18. Outros componentes
Menu de 1 ação Menu de 3 açõesMenu de 2 ações

19. Introdução ao WatchKit

20. 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;

21. 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

22. Criando seu primeiro
WatchKit app

23. 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”

24. Estrutura do projeto
App iOS
WatchKit Extension
WatchKit App

25. Storyboard WatchKit App

26. Criando uma tabela

27. 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;

28. 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;

29. “Populando” a tabela
Populando a tabela

30. “Populando” a tabela
Populando a tabela

31. Enviando
notificações

32. Recebendo notificações
Payload do Push notification

33. Selecionando esquema
O esquema “notification” deve estar selecionado

34. Exibindo a notificação
A ação da notificação é executada com o InterfaceController

35. Exibindo a notificação

36. Até a próxima : -)