EXPERIÊNCIAS E MICRO INTERAÇÕES EM MOBILEO modelo thinking de design de produtos, para enriquecer experiências nos dispositivos móveis.

Daniel MackLead Designer, Taqtile Mobility

@dnmackwww.naranjo.com.br

TRILHA MOBILE

domingo, 14 de julho de 13

Micro interações estão em todos os lugares

domingo, 14 de julho de 13

O que levar de vantagem para melhorar a experiência de uso?

domingo, 14 de julho de 13

- Produto com foco- Equilíbrio entre Funcionalidade X Conteúdo- Aprimora as regras de uso do sistema- Usuário compreende as ações facilmente- Resolve um problema de design em foco- Cria um produto baseado no comportamento

domingo, 14 de julho de 13

“The details are not the details. They make the design.”

Charles Eames

domingo, 14 de julho de 13

domingo, 14 de julho de 13

Introduzindo micro interações no processo de design

domingo, 14 de julho de 13

TriggerTrigger pode indicar onde está o processo do produto.

EX. Download app através do itunes store.

domingo, 14 de julho de 13

Traga a informação para frente

O usuário não precisa mergulhar a fundo para

descobrir as informações.

Uma vez apresentada, ele já tem as condições necessárias

para tomar ações.

domingo, 14 de julho de 13

System TriggerPequenas interações do sistema com o usuário

Manual TriggerButtons, Dials, swipes são ações deliberadas do usuário

domingo, 14 de julho de 13

Produtos cada vez mais complexos

domingo, 14 de julho de 13

Uma simples gesture, pode

encontrar um balanço entre a

funcionalidade VS conteúdo.

Exemplo: Search spotlight. Swipe finger down para executar uma busca (IOS7).

InvisibleTrigger

domingo, 14 de julho de 13

RulesDevem refletir nas restrições de negócios, contextos e técnicas.

domingo, 14 de julho de 13

Definindo regras comofuncionalidades

App Nike Running - Incentivo através do facebook

domingo, 14 de julho de 13

Não comece do zeroTexto

Utilize dados do usuário. Sempre há uma informação do seu usuário e como

podemos utilizá-lo para melhorar o produto de forma inteligente.

domingo, 14 de julho de 13

- Qual device do usuário está sendo usado?- Quais sensores estão disponíveis como câmera, microfone, acelerômetro e localização

- Tempo do dia

- Estado de bateria

domingo, 14 de julho de 13

Uma ótima maneira de passar um

pouco mais de personalidade

ao seu produto e são ótimos

para micro interações

Prevenção de erros

domingo, 14 de julho de 13

FeedbackRegras são invisíveis, então a única forma de entendermos elas é através do feedback.

domingo, 14 de julho de 13

- Maior compreendimento das ações do usuário na tela

- Fale com o usuário e não com sistema

domingo, 14 de julho de 13

Loop and modes

Modes são úteis para indicar ao usuário onde estão, para onde vão e o que podem fazer naquele momentoNavigation (ios) ou view mode

domingo, 14 de julho de 13

Loop and modes

Loops estão ligados diretamente ou indiretamente através das regras

Utilize loops para estender a vida da micro interação

domingo, 14 de julho de 13

Coloque todos em prática

domingo, 14 de julho de 13

Designing with Details MicrointeractionsDan Saffer

- http://littlebigdetails.com- http://uxarchive.com- http://www.mobile-patterns.com

Resources:

Thanks!

domingo, 14 de julho de 13

Designing with Details MicrointeractionsDan Saffer

- http://littlebigdetails.com- http://uxarchive.com- http://www.mobile-patterns.com

Resources:

Thanks!

domingo, 14 de julho de 13

Designing with Details MicrointeractionsDan Saffer

- http://littlebigdetails.com- http://uxarchive.com- http://www.mobile-patterns.com

Resources:

Thanks!

Daniel Mack@dnmackwww.naranjo.com.br

domingo, 14 de julho de 13