Microinterações são pequenos detalhes em dispositivos como smartwatches que melhoram a experiência do usuário. Elas podem ser acionadas manualmente pelo usuário ou pelo sistema e seguem regras de funcionamento. Feedback é importante para guiar o usuário e melhorar a interação repetida com o tempo.
7. A diferença entre um produto que
você ama e um produto que você
tolera, muitas vezes, está em suas
microinterações com ele.
8.
9.
10. Cada vez que você muda uma
configuração, sincroniza seu dispositivo,
cria um password, ‘curte’ algo... você está
se engajando em uma microinteração
"
“
Dan Saffer
Criador do termo Microinterações em 2013
12. Havia todo tipo de restrição
para o design deste botão
Parâmetros
específicos de
altura e largura
Ter uma boa aparência em
navegadores antigos e
outras plataformas
Funcionar em
vários idiomas
diferentes
, , ...
13.
14. A primeira coisa a saber
sobre design em grande escala
é que as pequenas coisas
realmente importam
"
“
Margaret Gould Stewart
Diretora design de produtos no Facebook
15. Watch OS 2
2015
OS X Lion
2011
IOS
2007
Mac OS X
2001
Win XP
2001
Mac OS 8
1997
Win 3.0
1990
NeXTstep
1989
Windows
1985
Macintosh
1984
Apple Lisa
1983
Xerox Star
1981
16. Microinteração
realiza uma única tarefa
rápido
de fácil realização
simples
vários tipos de uso
lento
grande carga cognitiva
pode ser complexa
Feature
X
Segundo um estudo do psicólogo Irving Bierdeman 30 mil objetos prontamente identificaveis pelo ser humano
eles têm apenas uma função principal
A maioria dos eletrodomésticos e alguns aplicativos são construídos inteiramente em torno de uma microinteração.
Tinder
A diferença entre um produto que você ama e um produto que você tolera, muitas vezes, está em suas microinterações com ele.
Botão que indica através de leds qual o nivel da bateria do macbook pro
Amazon Echo - Assitente pessoal É possível perguntar sobre o tempo, notícias e fazer buscas na internet, uma vez que ele fica conectado à sua rede WiFi.
Cada vez que você muda uma configuração, sincroniza seu dispositivo, configura um alarme, cria um password, faz login em um site, define uma mensagem de status, favorita ou ‘curte’ algo, você está engajando com uma microinteração. Elas estão em todo lugar: nos dispositivos que carregamos, nos eletrodomésticos da nossa casa, nos aplicativos no nosso celular e computador, e até embutidos nos ambientes em que vivemos e trabalhamos. Muitos produtos e aplicações são construídos inteiramente em torno de uma única microinteração.”
realizar uma única tarefa
interagindo com um único pedaço de dados, tais como a temperatura
controle de um processo em curso, tais como o volume da música
Ja trabalhou no Youtube e foi responsavel por remover as estrelas do rating e inserir apenas um botão de like e deslike
Olhes os detalhes na evolução da barra de rolagem, desde os primórdios Xerox star 1981 até a rolagem no watch os 2
Para explicar melhor Dan Saffer dividiu a estrtura das microinterações em 4 passos
Trigger - que como o próprio nome diz é o gatilho iniciador
Regras - que são quem nos permite entender melhor, o que pode? o que não pode?
Feedbacks - que é a forma de contato da microinteração com o usuário
Loops & moods - mostram qual caminhoi seguir e estão diretamente ligado as regras
Gatilho iniciador, iniciam a microinteração,
pode ser um controle manual, invisivel e de sistema.
Exemplo: quando uma mensagem chega e o celular vibra, a mensagem é uma trigger para a vibração.
Modo silencioso no iPhone
Amazoon dash button realiza a ação de adicion ar o produto ha um carrinho de compra para ser entregue em sua casa
https://youtu.be/aFYs9zqYpdM
Pull to refresh
Notification center
Shake for photo MotoX
Mover a cabeça para habilitar o google glass
Postagem
Sistema de notificação do instagram que informa algumas informacões basicas sobre minhas postagens
detector de fumaça inteligente
Google nest protect - um brilho verde rápido, quando as luzes se apagam significa que as baterias e sensores estão funcionando. Isso também significa que não há silvos à meia-noite . Se há um problema, como as baterias precisam ser substituídas , o anel de luz vai brilhar amarelo.Também tem um gatilho manual: Apenas um aceno e ele vai lhe dizer o que está errado .
determinam a sequência de eventos e o que pode ou não ser feito. Exemplo: quando se ultrapassa o limite de 140 caracteres, o Twitter deverá destacar em vermelho os excedentes.
Previnir erro humano
Dropbox
Slack senha do app via link no email
Regras são invisíveis, então a única forma de entendermos elas é através do feedback.
é como entendemos as regras e seu modo de funcionamento. Por exemplo, ao abrir o Waze no estacionamento do trabalho ele pergunta: você está indo para a sua casa?
Game do Chrome quando não tem conexão
Loop and modesModes são úteis para indicar ao usuário onde estão, para onde vão e o que podem fazer naquele momento Navigation (ios) ou view mode, Loop and modesLoops estão ligados diretamente ou indiretamente através das regrasUtilize loops para estender a vida da micro interação
os Modes são usados quando uma ação não usual interrompe a microinteração, exemplo: quando você troca a cidade onde mora (obtida pela sua geolocalização) para verificar dados climáticos de outra cidade. Loops, por sua vez, determinam por quanto tempo a microinteração irá se prolongar, se ela se repete ou como ela muda com o tempo, exemplo: a notificação de uma mensagem instantânea ficará por 5 segundos na tela principal até ir para um segundo plano.
oque acontece ao longo do tempo com a microinteração
badges do nike+
Onboarding google calendar ensine o user
Exemplos de datas
O que acontece quando as pessoas usam a microinteraction, pela primeira vez fi? Pela sétima vez? Para o tempo de 700?