As telas de design digital estão evoluindo para se adequar melhor aos fluxos de trabalho modernos by@chgd
355 leituras

As telas de design digital estão evoluindo para se adequar melhor aos fluxos de trabalho modernos

2022/11/11
3 min
por @chgd 355 leituras
tldt arrow
PT
Read on Terminal Reader

Muito longo; Para ler

Telas de design moderno, como Figma, são inspiradas em post-its que colocamos na parede. À medida que você adiciona e move notas adesivas, sua finalidade se perde e as informações adicionais que não estão na nota são perdidas. FigDone é um plug-in do Figma que lançamos recentemente como um experimento de produtividade. Com um simples clique, você pode convocar quadros de um determinado status e, em seguida, mover ou compartilhar de dentro da própria tela. Isso permitiria que o fluxo criativo se misturasse perfeitamente à produção produtiva. À medida que mais designers, gerentes de produto e gerentes de produto o usam, estamos aprendendo sobre suas necessidades de design fluido.

Company Mentioned

Mention Thumbnail
featured image - As telas de design digital estão evoluindo para se adequar melhor aos fluxos de trabalho modernos
Charlie G. HackerNoon profile picture

@chgd

Charlie G.

Dedicated to making tech further our curiosity and creativity.

Cerca de @chgd
LEARN MORE ABOUT @CHGD'S EXPERTISE AND PLACE ON THE INTERNET.

Credibility

react to story with heart

Telas de design moderno, como Figma, são inspiradas em post-its que colocamos na parede. À medida que você adiciona e move notas adesivas, sua finalidade se perde e as informações adicionais que não estão na nota são perdidas. Da mesma forma, a tela de design fica confusa com quadros preenchidos com interface do usuário em diferentes estados de conclusão. Estes acabam espalhados pelo espaço sem que se possa discernir o que está pronto para produção e o que não está.

Uma tela de design com muitos modelos de sites espalhados por toda parte

Uma tela de design com muitos modelos de sites espalhados por toda parte

Os métodos atuais de organização de telas herdaram as limitações de espaço físico e, como resultado, não ajudam a organizar a tela. Como no papel, a maioria das pessoas adiciona rótulos na tela para mostrar o status e delinear o espaço. Eles criarão rótulos “Em andamento” ou “Pronto” que adicionamos sobre os quadros para mostrar os níveis de prontidão. Isso funciona se a tela permanecer estática, mas raramente é o caso. Mova um quadro e você terá que carregar os rótulos com ele. Adicionar quadros significa mais rótulos, o que sobrecarrega a lista de camadas com objetos irrelevantes.

Uma maquete de site com um rótulo “Concluído” acima. Quando o cursor move a maquete, o rótulo permanece no lugar até que o cursor volte para “Concluído” e o mova.

Uma maquete de site com um rótulo “Concluído” acima. Quando o cursor move a maquete, o rótulo permanece no lugar até que o cursor volte para “Concluído” e o mova.

Este foi um grande primeiro passo na evolução da tela infinita como uma ferramenta de design. Mas à medida que forem sendo mais usados por pessoas em funções diferentes, precisaremos de ferramentas melhores.

Isso é o que estamos tentando alcançar com o FigDone. É um plug-in Figma que lançamos recentemente como um experimento de produtividade. Havia muitos plugins que adicionavam rótulos de status na tela para você. Alguns até moveram os adesivos com um botão dedicado no plugin. Mas o que faltava a todos era a camada de dados para encontrar esses quadros e atualizar seus status.

Um modelo de aplicativo móvel incompleto com uma camada transparente flutuando acima com um rótulo de status.

Um modelo de aplicativo móvel incompleto com uma camada transparente flutuando acima com um rótulo de status.

Essas soluções deram a você um robô de etiqueta. Isso acelera as coisas, mas as limitações de visibilidade da parede física ainda estavam lá. Ainda era preciso lembrar onde estavam as coisas e, se alguém movesse um quadro por engano, tornava-se impossível encontrá-lo. Nossa ideia era substituir o robô por óculos de realidade aumentada. Ao olhar para a parede, você pode ativar e desativar as informações de acordo com o modo de trabalho que está realizando.

Além de alternar informações, e se os rótulos que adicionamos aos quadros puderem ser propriedades intrínsecas do quadro? Eles o seguiriam e sairiam do caminho quando o foco criativo fosse necessário. Com um simples clique, você pode convocar todos os quadros de um determinado status e, em seguida, mover ou compartilhar de dentro da própria tela. Isso permitiria que o fluxo criativo se misturasse perfeitamente à produção produtiva.

À esquerda, um braço de robô movendo notas adesivas. À direita, uma pessoa olhando para post-its em uma parede e vendo informações extras sobre os post-its através das lentes de óculos de realidade aumentada.

À esquerda, um braço de robô movendo notas adesivas. À direita, uma pessoa olhando para post-its em uma parede e vendo informações extras sobre os post-its através das lentes de óculos de realidade aumentada.

Atualmente, o FigDone é uma ferramenta simples de renomeação com filtros para acelerar a atualização de status. À medida que mais designers, gerentes de produto e desenvolvedores o usam, estamos aprendendo sobre suas necessidades. Esse feedback nos ajudará a criar a camada de gerenciamento de design mais fluida na parte superior da tela.

As telas digitais percorreram um longo caminho desde seu humilde começo em 1963. Estamos entusiasmados com sua capacidade de acomodar muitos fluxos de trabalho diferentes. Como usuários diários, queremos desempenhar um papel ativo para torná-los melhores para todos. Como nossas ferramentas moldam a maneira como trabalhamos, devemos moldá-las novamente para criar o ambiente ideal para equipes modernas.

Publicado também aqui .

HISTÓRIAS RELACIONADAS

L O A D I N G
. . . comments & more!
Hackernoon hq - po box 2206, edwards, colorado 81632, usa