DESIGN PATTERNS

FUNCIONA BEM, E ATÉ E MUITO BACANA...

... MAS AS PESSOAS SABERIAM COMO LIDAR COM ELA IMEDIATAMENTE?

MODELOS
CONVENÇÕES

FORMA DE SOLUCIONAR UM PROBLEMA RECORRENTE

 ⤸

ELEMENTO QUE PERMITA OU IMPEÇA A PASSAGEM ENTRE AMBIENTES     
 CONTÍGUOS     

INTERAÇÕES

INTERAÇÃO COM TRANSIÇÃO DE ELEMENTOS

MENUS QUE ENTRAM E SAEM, TELAS QUE SE DESLOCAM AO SE CLICAR EM UM ÍCONE, ELEMENTOS QUE SE DESLOCAM

O QUE É

INVISION, ADOBE UX, E A GRANDE MAIORIA DOS SOFTWARES DE PROTOTIPAGEM DE APLICATIVOS E WEB

COMO PROTOTIPAR

INTERAÇÃO COM PATTERNS DE INTERFACE

CAIXAS DE ENTRADA DE DADOS, CALENDÁRIOS, SCROLLS E OUTROS ELEMENTOS COMUNS DE INTERFACE

O QUE É

INVISION, ADOBE UX, E A GRANDE MAIORIA DOS SOFTWARES DE PROTOTIPAGEM DE APLICATIVOS E WEB

COMO PROTOTIPAR

INTERAÇÃO COM DISPOSITIVOS DE INPUT/OUTPUT

CLICK DO MOUSE, DRAG E PINCH EM TELAS SENSÍVEIS AO TOQUE, MOUSE OVER E MOUSE OUT, TECLAS CLICADAS NO TECLADO, ETC. 

O QUE É

ORIGAMI STUDIO (MAC) COM PROGRAMAÇÃO VISUAL
FRAMER X (MAC) COM PROGRAMAÇÃO JAVASCRIPT + REACT
FUSE OPEN COM PROGRAMAÇÃO XML + C++

DE FORMA MUITO LIMITADA

INVISION, ADOBE UX, E A GRANDE MAIORIA DOS SOFTWARES DE PROTOTIPAGEM DE APLICATIVOS E WEB

COMO PROTOTIPAR

INTERAÇÃO CUSTOMIZADA

CONTROLE DE ELEMENTOS CUSTOMIZADOS NA TELA

O QUE É

PROGRAMAÇÃO EM AMBIENTES COMPLETOS DE DESENVOLVIMENTO

COMO PROTOTIPAR

INTERAÇÃO COM EVENTOS

CARREGAMENTO DE DADOS, NOTIFICAÇÕES, FUNÇÕES PROGRAMADAS, MUDANÇAS DE ESTADO, ETC.

O QUE É

ORIGAMI STUDIO (MAC) COM PROGRAMAÇÃO VISUAL
FRAMER X (MAC) COM PROGRAMAÇÃO JAVASCRIPT + REACT
FUSE OPEN COM PROGRAMAÇÃO XML + C++

ANIMAÇÃO
INVISION STUDIO (MAC)
PRINCIPLE (MAC)
ADOBE AFTER EFFECTS

COMO PROTOTIPAR

INTERAÇÃO SIMBÓLICA

INTERAÇÃO COM A SIGNIFICAÇÃO DAQUILO QUE O USUÁRIO ESTÁ USANDO; INTERAÇÃO COM O CONTEÚDO

O QUE É

ENCENAÇÃO

COMO PROTOTIPAR

Interfaces

By Guilherme Ranoya

Interfaces

Slides da futura disciplina de interfaces

  • 589