Porque você cria telas estáticas?

Você deve projetar experiências, e não telas bonitas no photoshop.

Este artigo é uma tradução oficial autorizada pelo Autor. Artigo Original: https://motion-ux.com/why-are-you-designing-single-screens-bb5a7e2db282

Nós designers ficamos muito chiques com nossos modos de mesclagem, kerning, preenchimento, espaços em branco e outros tipos de aperfeiçoamento de pixels blá, blá, blá.

Tudo bem se você for um designer de impressos. Mas você não é. Você é um cara do UX. Você precisa entender os objetivos e os requisitos de negócios e projetar produtos que podem ser construídos e enviados. E este produto tem que funcionar e ser utilizável.
Se eles possuírem pixels precisos, bom pra você. Porém, capitão, use seu tempo com sabedoria, afinal, você tem um produto para lançar

Então, suas micro-interações estão definidas? Onde estão os casos de narrativa que ilustram cada passo da jornada do usuário? Você tem todas as arestas dos casos cobertas?
Ou parecem apenas bonitas? Como as coisas no Dribbble parecem tão rosas, e flutuando no ar?

Seus elementos UI aparecem/desaparecem abruptamente?

Veremos designers usando muito movimento nos próximos meses. As suposições que você fez enquanto projetava o seu grupo de telas estáticas caem de cara no chão quando as coisas são colocadas em movimento. Então você vê porque isso é importante. Existem muitas ferramentas que podem ajudá-lo a introduzir a dimensão do tempo em seus projetos. Adobe After Effects, Adobe XD, Sketch, Invision App, Framer.js, Origami, entre outros.
Ah, e o Keynote também.

Mas por que interfaces de transição são as coisas para se trabalhar? Vamos dissecar.

1. Contexto
Animações podem ser usadas para adicionar contexto. O ritmo cinético adicionado aos elementos da UI fornece muitas informações perdidas.

2. Fluxo
Quando seus projetos não têm a dimensão de tempo, cada tela mostra como o produto pode parecer em situações diferentes, mas as telas não estão conectadas de nenhuma maneira. E quando você revisa esses projetos por si mesmo, isso limita severamente a capacidade de raciocinar através da interatividade do produto.

3. "Motion'gasmo"
Os dias de ter projetos radiantes, mas mortos/estáticos já se foram há muito. Hoje é tudo sobre conteúdo. Concentre-se no conteúdo e não na ornamentação visual. E com a quantidade certa de animação em seu conteúdo, você tem as coisas que precisa para tornar seus projetos compreensíveis.

4. Decisões de design
Como designers, você será capaz de apontar todos os tipos de erros de design que vêm à tona quando você interage com o fluxo do produto e não apenas um conjunto de telas únicas.
Além disso, quando você compartilha os designs com seus colegas, o feedback é mais verdadeiro e genuinamente útil. Então você acaba criando melhores experiências.

Não estamos criando páginas, estamos projetando sistemas de componentes.
— Stephen Hay.