introdução ao apple watch

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 : -)