micro interacoes - vtex day 2014

Micro interaçõesos detalhes que fazem toda diferença

Thursday, May 22, 14

Augusto BarbosaUX Designer


Micro interações?


PEQUENOSINSTANTESDE PRAZER


http://bit.ly/1jyAf4v


http://bit.ly/1ew8gwV


http://www.google.com/doodles




Feature

ComplexaConsome tempo

Estimula a cognição

Micro interação

SimplesBreve

Não deve exigir esforço


i

http://gph.is/1kttZLE [tinder]




LOOKANDFEEL


LOOKAND

FEELThursday, May 22, 14

http://bit.ly/Soh5nU [no not pull]




http://photojojo.com/store/ [final da página]




. Eficiência

. Humor

. Estilo

. Alinhada àsnecessidades e objetivos dos usuários


Trigger

. Iniciador

. Formato

. Visibilidade


Rules

. Não comece às cegas

. Use para prevenir erros

. Faça simples e breve

. Valores humanos <3


Feedback

. Quais informações e quando

. Seja humano <3

. Reaproveite elementos

. Tente usar feedbacks emtodas as ações do usuário


Modes and Loops

Use com moderação


e no

?Thursday, May 22, 14

DÚVIDAS?


OBRIGADO

[email protected]

pela atenção.


mailto:[email protected]

mailto:[email protected]

LAB.VTEX.COM


Referências

. Microinteractions: Designing with detailshttp://amzn.to/1eaCM1P

. Little Big Detailshttp://bit.ly/1bNrOgL


http://amzn.to/1eaCM1P

http://amzn.to/1eaCM1P

http://bit.ly/1bNrOgL

http://bit.ly/1bNrOgL