Uma nova maneira de organizar todas as suas inspirações de design

A maioria das pessoas criativas, como designers de produtos e artistas digitais, está familiarizada com o Pinterest. As pessoas o usam para construir e coletar painéis de inspiração para designs de sites, pinturas e arquitetura, entre outras coisas. O Pinterest faz parte da minha vida há muito tempo e minha primeira coleção data de 2012. No entanto, conforme minha carreira progrediu e me tornei designer de produto, a ferramenta tornou-se menos relevante para mim, pois muitos aspectos não se encaixam no meu Persona de designer de interface do usuário. Em vez de ficar preso ao Pinterest, encontrei uma jóia escondida de uma ferramenta chamada Eagle para organizar meu moodboard e recursos de design. Esta postagem gira em torno de maneiras e razões pelas quais abandonei o Pinterest e migrei todos os meus fluxos de trabalho profissionais para o aplicativo Eagle.

Por que o Pinterest não é relevante para o design de produtos?

No momento, estou trabalhando no design de um aplicativo móvel e web Fintech. Como estou começando do zero, devo configurar um sistema de design, pesquisar centenas de inspirações para criar um painel e pesquisar opções de fontes, paletas de cores, amostras de iconografia, designs de sites, tons de notificação e padrões móveis. Seria impossível para mim construir uma lista de inspiração completa no Pinterest, pois contém diferentes tipos de recursos. Para fazer cada uma dessas coisas que mencionei acima, você precisará de uma ferramenta que entenda um formato de arquivo específico e possa se inspirar em diferentes fontes.

É aqui que o Pinterest para de funcionar, pois é uma ferramenta muito simples para coletar inspiração, mas não funciona para casos de uso avançados em que é necessário entender cores, fontes, áudio e vetor. Por isso, decidi pesquisar e encontrar uma ferramenta mais adequada ao meu caso de uso — Eagle .

Vamos começar!

No que diz respeito às ferramentas, tanto o Eagle quanto o Pinterest têm seu lugar de direito no ecossistema de coleção de inspiração. Vou explicar o que quero dizer no final do post. Mas, como disse, construir um moodboard de design para um produto requer que a ferramenta lide com casos de uso avançados que o Pinterest não consegue lidar. Vou dividir meu processo de construção e migração em 10 razões pelas quais e como eu uso o Eagle. Espero que essas razões possam motivá-lo a explorar esta próxima ferramenta para organizar suas inspirações.

01 • Importação rápida de inspirações

Muitas das minhas inspirações são armazenadas em pastas separadas no Dribbble , Behance e Pinterest, que não se comunicam entre si. Devido a isso, sou forçado a baixar manualmente as imagens de cada uma dessas fontes para o Miro. No entanto, o desempenho do Miro diminui depois de um tempo, pois ele não consegue lidar com centenas de imagens simultaneamente. O aplicativo Eagle me ajuda a resolver dois dos problemas mais prementes no fluxo descrito acima —

1. Lote de imagens do Pinterest, Behance e Dribbble para armazená-las em um único local. Isso economiza tempo e também me ajuda a manter todas as minhas inspirações em um único lugar.
2. A ferramenta não falha quando há um grande conjunto de imagens para processar. Na verdade, durante meu uso extensivo, parece que foi construído para isso.

Você sabia que alguns sites como o Behance bloqueiam o clique com o botão direito do mouse que impede as pessoas de baixar as imagens? Felizmente, o aplicativo Eagle supera essa restrição do JavaScript.

02 • Recursos da Comunidade

Quando saí do Sketch, cerca de cinco anos atrás, o suporte à comunidade no Figma era um recurso de destaque que até hoje me ajuda a aprender com outros designers, baixar recursos gratuitos criados por outros designers e interagir com pessoas que nunca poderia conhecer pessoalmente. Posso dizer que a razão pela qual as pessoas usam o Pinterest é exatamente por causa disso, onde elas podem simplesmente fixar as imagens de outras pessoas e criar seus painéis de inspiração. Com o Eagle, posso desviar minha atenção para sua comunidade para coletar recursos e não apenas inspiração. Por exemplo, posso baixar fontes, ícones e ilustrações para meu trabalho de interface do usuário de design de produto.

03 • Marcação e filtragem de imagens

A classificação de imagens depois de coletar toneladas de inspirações em meu moodboard é um pesadelo. O Eagle me permite marcar todos os meus recursos com várias palavras-chave, o que me permite chegar à imagem mais relevante mais rapidamente do que jamais poderia. Para dar um exemplo, tenho que coletar instantâneos do Revolut. Os instantâneos podem ser categorizados como -

1. Campanhas de marketing/promoção
2. Dobras do site
3. padrões de aplicativos
4. Imagens da App Store e Play Store

04 • Caça por paleta de cores

Quando eu estava construindo meu moodboard Fintech no Eagle, caçar imagens com a mesma cor azul ou similar foi extraordinariamente útil. No mundo dos aplicativos de carteira fintech, o azul é uma cor muito usada e vários aplicativos dos quais coletei inspiração usavam a cor azul. Levaria séculos para encontrar todas as imagens com tons de azul semelhantes. O Eagle pode distinguir imagens usando cores porque divide cada imagem em uma paleta de seis cores que pode ser usada para filtros.

O recurso de paleta de cores do Eagle captura notavelmente os valores HEX, RGB, HSL e CMYK para cada cor e permite copiá-los para a área de transferência para uso posterior em outra ferramenta de design.

05 • Suporte para 90 tipos de formato de arquivo

Salvei uma série de recursos e ativos em minha biblioteca Eagle e estou surpreso ao ver a variedade de tipos de arquivo que a ferramenta suporta. Ele pode processar 90 tipos de arquivos que incluem todos os tipos de imagens, recursos baseados em objetos 3D, arquivos baseados em ferramentas como Fig/PSD/Ai, vídeo, áudio, fonte, imagem-RAW e formatos baseados em documentos como XLS e DOC . Para dar um exemplo, embora o Figma agora seja propriedade da Adobe, não posso simplesmente abrir e visualizar os ativos vetoriais da Adobe, como AI, EPS ou PDF no Figma. Uma solução unificada que oferece suporte a uma grande variedade de tipos de arquivo é imbatível para todos os criativos.

06 • Salvar link ao vivo

Ao projetar páginas de destino, salvar links da web torna-se importante. Instantâneos de uma seção específica são uma solução comum que não é suficiente. Normalmente, eu exijo um salvamento de link ao vivo e um instantâneo do site. Ferramenta baseada em plug-in do Chrome — FireShot é uma ótima opção para capturar todo o site e, combinado com o Eagle , você também pode salvar o URL ativo do site. A melhor parte do salvamento de URL do Eagle é que ele abre o site dentro da ferramenta, o que é excelente para reduzir as distrações e me manter dentro do meu fluxo de trabalho.

07 • Gerenciamento de pastas aninhadas

Interligar uma pasta a outra para criar uma relação pai-filho enquanto coleta imagens de fontes semelhantes é ótimo para hierarquia e gerenciamento de informações. O Pinterest, infelizmente, não suporta o aninhamento de pastas, mas o Eagle sim. Para o meu caso de uso, tive que separar todas as imagens da Playstore e da Appstore separadamente, além de ter pastas individuais para cada aplicativo onde capturei uma longa lista de visualizações de aplicativos. Encontrei um link de suporte envolvente que explica todas as operações de pasta que o usuário pode realizar usando o aplicativo Eagle.

08 • Encontrando Duplicatas

Todo designer teria enfrentado esse problema em que acaba adicionando a mesma imagem duas vezes em várias placas, às vezes conscientemente e muitas vezes por engano. No meio do exercício, decidi digitalizar toda a minha biblioteca para encontrar 67 imagens que são cópias idênticas umas das outras em pastas diferentes. Passei quinze minutos postando essa descoberta, excluindo manualmente as duplicatas não relevantes e mantendo algumas com uma nota para não excluí-las no futuro.

09 • Funciona a partir da área de transferência ou arraste e solte

Como você já deve ter percebido pela minha experiência, configurar um moodboard bem arquitetado é uma tarefa desafiadora. Requer muito trabalho e preenchimento dos nomes das imagens, descrições e outros valores, que considero bastante mundanos. Normalmente, passo de 2 a 3 horas apenas tirando capturas de tela de várias fontes e, em seguida, organizando essas capturas de tela em estruturas lógicas de pastas. Como o número de capturas de tela pode chegar a mais de 200, o recurso de arrastar e soltar é útil. Ao contrário do Pinterest, posso arrastar e soltar mais de 200 imagens desorganizadas no Eagle e optar por mantê-las como estão ou organizá-las mais tarde, quando necessário. O aplicativo não me obriga a nomear cada um dos meus arquivos. Eu geralmente acabo categorizando e renomeando em massae marcá-los em menos de 10 minutos. Também posso copiar e colar imagens diretamente da minha área de transferência, o que é ótimo para lidar com uma ferramenta como Figma ou Confluence.

10 • Ótimo para um moodboard de sistema de design

No final das contas, o Eagle, como mencionei acima, é ótimo para criar um moodboard de design de produto. Aqui está a aparência da minha estrutura de pastas do moodboard durante a fase de coleta —

Acabei coletando muito mais inspiração para celular e web. O pacote total consistia em relatórios fintech anuais, paletas de cores, fluxos de aplicativos, padrões de design, capturas de tela da Playstore/AppStore, tons de notificação, logotipos, ícones, ilustrações e coleções reais de URLs de sites.

Tem mais uma coisa…

Mesmo com todas as grandes coisas que posso realizar com o Eagle, há um detalhe que acho que pode ser melhorado. Eagle é principalmente uma ferramenta baseada em cliente instalada localmente. Isso significa que não posso navegar pelas minhas imagens em um dispositivo móvel e não posso acessar minhas inspirações de um dispositivo somente online como um iPad. Ainda posso fazer backup de toda a minha biblioteca no Google Drive ou Dropbox, mas não consigo visualizá-los quando não tenho acesso ao meu laptop. Embora isso não seja um obstáculo, não é o ideal. Ao iniciar um novo projeto, muitas vezes fico obcecado em coletar muita inspiração dentro e fora, o que significa que estou propenso a coletar imagens enquanto faço atividades como deslocamento.

Espero que o Eagle em sua versão futura possa oferecer suporte a uma experiência baseada em dispositivos móveis. Pode ser particularmente complicado de resolver ao lidar com tipos de arquivos grandes, mas uma maneira de mostrar apenas recursos PNG, JPEG, WEBP, GIF, MP3 e MP4 na versão online, e outros tipos de arquivos complexos podem ser impedidos de serem visualizados. Essa solução pode cobrir um vasto conjunto de coleções baseadas em imagens.

Como solução imediata para esse problema, continuo usando uma ferramenta habilitada para dispositivos móveis, como Pinterest ou Behance, para capturar ideias e soluções em movimento. Mais tarde, puxo todo o meu repositório de nuvem para o Eagle, o que me permite unificar todas as ideias.

Notas finais

No final das contas, o Eagle é uma ferramenta como outra qualquer. Ele não pode filtrar ideias ruins ou nos ajudar a criar um aplicativo estelar automaticamente. O que ele faz é aprimorar o fluxo de trabalho para aumentar nossa produtividade e melhorar a velocidade de execução. Economizei muito tempo e esforço pulando entre diferentes fluxos de trabalho e ferramentas apenas para organizar e consumir minhas ideias e informações sistematicamente. Comecei minha exploração com isso em mente e consegui exatamente isso usando o aplicativo Eagle . Se você está procurando uma ferramenta alucinante que o ajude a organizar um conjunto complexo de ativos e realizar uma tonelada de operações práticas em seus recursos, não procure mais.

Esse é o fim desta leitura curta, mas esperançosamente perspicaz. Obrigado por chegar até o fim. Espero que tenha ganho algo com isso.

‍ Junte-se ao meu verso de conteúdo ou deslize para meus DMs no LinkedIn , Twitter , Figma , Dribbble e Substack . Comente seus pensamentos e comentários ou inicie uma conversa!