introdução ao apple watch
TRANSCRIPT
Apple Watch
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;
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.
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 ever designed, and it enables new ways to receive information and to interact with apps. ”
Princípios de UX
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
Design holísticoPossibilitar 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
Comunicação pessoalO 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
Componentes da interface
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
GlancesColeçõ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”
ModalExibido 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;
• O WatchKit app é uma extensão de um aplicativo com conexão ao Apple Watch, onde fica armazenado dentro do app instalado no dispositivo;
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
Criando seu primeiro WatchKit app
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”
Estrutura do projeto
App iOS
WatchKit Extension
WatchKit App
Storyboard WatchKit App
Criando uma tabela
Célula customizada1. 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;
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;
“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 : -)