Adobe XD vs. Sketch – Qual ferramenta UX é ideal para você?

Um designer de UX precisa de muitas ferramentas para concluir os vários estágios do fluxo de trabalho de UX, da pesquisa ao design, ao protótipo e à entrega. Se você faz seu trabalho em um PC, provavelmente é assombrado pela menção constante do Sketch, um editor de gráficos vetoriais simplificado e popular com inúmeros plugins úteis que está rapidamente se tornando um padrão da indústria - mas disponível apenas no Mac OS . Isso significa que, a menos que você tenha uma máquina Apple, você fica de fora. Mas agora a Adobe está trabalhando ativamente em um concorrente adequado do Sketch multiplataforma (e parecido?), após anos de ausência: o Adobe XD.

O que é o Adobe XD?

O Adobe Experience Design CC, ou Adobe XD, é um editor de gráficos vetoriais leve e uma ferramenta de prototipagem que foi anunciado no Adobe MAX 2015 como Project Comet. O software foi lançado em versão prévia em março de 2016 como parte da Creative Cloud, e hoje está em fase beta, recebendo atualizações quase todos os meses.

Antes disso, a Adobe estava trabalhando na adição de recursos para designers de UX em suas ferramentas estabelecidas, como Photoshop e Illustrator. Embora ambos sejam ótimos softwares, eles não são leves nem simplificados para esse tipo de trabalho. Ao longo dos anos - e especialmente após a descontinuação do Adobe Fireworks em 2013 (a clássica ferramenta de prototipagem orientada para a Web adquirida da Macromedia) - mais e mais designers de UX sentiram que a Creative Cloud não correspondia às expectativas do mercado. Então, eles pularam para o Sketch (se eles tivessem um Mac). Embora a resposta da Adobe para esse êxodo em massa tenha sido um pouco atrasada (a Bohemian Coding lançou o Sketch há 6 anos), vale a pena esperar, especialmente se você se limitou a usar ferramentas menos adequadas em seu PC. Vamos comparar Adobe XD vs Sketch

Interface do usuário e recursos exclusivos

Ao abrir o Adobe XD, a primeira impressão que você terá é que a interface é muito familiar, tanto para usuários do Sketch quanto para fãs de longa data da Adobe. A Adobe partiu dos esperados botões e menus mais escuros da Creative Cloud e optou por oferecer o melhor de dois mundos. Ao contrário do Sketch, você verá um conjunto de ferramentas no lado esquerdo da tela, mas também o painel de camadas mais altas e as propriedades dinâmicas à direita, como visto no Sketch. É fácil de usar e fácil de aprender, não importa qual ferramenta você tenha usado anteriormente.

Repetir Grade

O Adobe XD também possui um conjunto de recursos exclusivos, como o Repeat Grid, uma ferramenta que permite replicar um grupo de objetos como um cartão do Material Design com dados variáveis ​​e espaçamento configurável entre as cópias.

Prototipagem

No XD, você pode criar um protótipo interativo sem precisar de plug-ins de terceiros, como faria no Sketch. O editor de prototipagem da Adobe permite que os designers conectem visualmente áreas interativas a outras telas usando fios e configurando transições. Com o protótipo interativo pronto, você pode publicar e compartilhar o protótipo, que pode ser visualizado na Web ou com o aplicativo móvel Adobe XD. Os protótipos do XD, no entanto, ainda não têm suporte para gestos ou seções fixas como cabeçalhos, algo que é possível no InVision e em outras ferramentas apenas de protótipo que se conectam ao Sketch.

Painel de ativos

Na atualização de agosto de 2017, a Adobe adicionou o painel Ativos, uma maneira inteligente de reunir um guia de estilo interativo com cores, estilos de caracteres e símbolos. Quando você altera algo no painel Ativos, todos os usos do ativo em seu trabalho artístico seguem. O Sketch também possui variáveis ​​de cores, estilos de caracteres e símbolos, mas cada um contido em seu próprio painel.

A Adobe anunciou alguns dos próximos recursos a serem exibidos no XD no blog do produto. Um deles estende o recurso Assets, permitindo que o designer publique o guia de estilo do projeto com fontes para download, assets e códigos hexadecimais de cores, juntamente com o protótipo interativo e um recurso de inspeção para levantamento de elementos dentro do protótipo pelo desenvolvedor. Isso é chamado de “handoff para desenvolvedores” e já é possível no Sketch (e no Photoshop) usando plugins como o Zeplin. Outro recurso futuro que está sendo provocado é a colaboração em tempo real dentro do XD, algo que se assemelha ao recurso de colaboração presente no Google Docs e já disponível em outras ferramentas de design de UX como o Figma.

Sketch (e seus plugins) vs. Adobe XD

Quando você vê o quadro geral, fica claro que a Adobe pretende fazer com que o XD não apenas faça tudo o que o Sketch faz como uma ferramenta de gráficos vetoriais, mas também seus plugins, cobrindo todo o fluxo de trabalho de design de UX. Do design à prototipagem e entrega, o Adobe XD provavelmente será a ferramenta definitiva de designer de UX, mas e hoje?

É hora de mudar?

O Adobe XD é principalmente para usuários do Windows (que não podem usar o Sketch somente para macOS) e assinantes atuais da Adobe Creative Cloud (que não precisariam pagar mais pelo XD além do Photoshop, Illustrator etc.).

Muitos designers de UX já estão dando o salto, seja porque são assinantes da Creative Cloud mesmo no macOS, ou porque acreditam que o XD será o próximo padrão e estão satisfeitos com o conjunto de recursos atual. Se você for um usuário experiente do Sketch, desfrutará de uma interface geral melhor, recursos exclusivos do XD, mas também terá que lidar com as limitações atuais e a falta de suporte a plugins. De qualquer forma, experimente e compartilhe suas impressões conosco!

• • •

Leia mais no Blog Toptal Design:

• eCommerce UX – Uma visão geral das melhores práticas (com infográfico)
• A Importância do Design Centrado no Homem no Design de Produto
• Os melhores portfólios de UX Designer – Estudos de caso e exemplos inspiradores
• Princípios heurísticos para interfaces móveis
• Design Antecipatório: Como criar experiências de usuário mágicas