Adobe XD vs. Sketch - Qual ferramenta de experiência do usuário é a certa para você?

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

O que é Adobe XD?

Adobe Experience Design CC , ou Adobe XD, é um editor de gráficos vetoriais leve e ferramenta de prototipagem que foi anunciado no Adobe MAX 2015 como Project Comet. O software foi lançado em preview 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 para adicionar 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 depreciação do Adobe Fireworks em 2013 (a ferramenta clássica de prototipagem orientada para a web adquirida da Macromedia) - cada vez 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 chegado um pouco tarde (a Bohemian Coding lançou o Sketch 6 anos atrás), valeu a pena esperar, especialmente se você se limitou a usar ferramentas menos adequadas em seu PC. Vamos comparar Adobe XD com 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 do 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. É uma brisa de usar e fácil de aprender, não importa qual ferramenta você usou anteriormente.

Grade de repetição

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 de 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 XD, no entanto, ainda não têm suporte para gestos ou seções fixas como cabeçalhos, algo que é possível em InVision e 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, todo uso do ativo em sua arte segue. Sketch também possui variáveis ​​de cores, estilos de caracteres e símbolos, mas cada um contido em seu próprio painel.

Adobe anunciou alguns dos próximos recursos a serem exibidos em XD no blog do produto . Um deles estende o recurso Ativos, permitindo que o designer publicar o guia de estilo do projeto com fontes para download, ativos e códigos hexadecimais de cores, juntamente com o protótipo interativo e um recurso de inspeção para levantamento do desenvolvedor de elementos dentro do protótipo. Isso é chamado de “handoff para desenvolvedores” e já é possível no Sketch (e no Photoshop) usando plug-ins como Zeplin . Outro recurso futuro que está sendo apresentado é 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 UX, como Figma .

Sketch (e seus plug-ins) vs. Adobe XD

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

É hora de mudar?

O Adobe XD é principalmente para usuários do Windows (que não podem usar o Sketch apenas para macOS) e assinantes atuais da Adobe Creative Cloud (que não precisam 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 até 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, de recursos XD exclusivos, mas também terá que lidar com as limitações atuais e a falta de suporte a plugins. Em qualquer caso, experimente e partilhe connosco as suas impressões!

• • •

Leituras adicionais no Blog de design do ApeeScape:

• eCommerce UX - Uma Visão Geral das Melhores Práticas (com Infográfico)
• A importância do design centrado no ser humano no design de produtos
• 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 Mágicas do Usuário