Design com precisão – uma revisão do Adobe XD

Publicados: 2022-03-11

Ao encerrar 2018 e entrar em 2019, vamos revisar o estado atual da indústria de design, o papel do designer, ferramentas de design UX e fluxo de trabalho.

Desde a construção de um sistema de design coeso até o design de fluxos para a próxima inovação de dispositivo ou a prototipagem de interfaces complexas para testes de usuário, os designers podem escolher entre uma abundância de ferramentas de design de UX. Seja um dos programas mais populares, como Sketch, Figma baseado na web, o Adobe XD em crescimento agressivo ou o recém-introduzido InVision Studio - a familiaridade com as ferramentas de design de UX certas, incluindo esta revisão do Adobe XD, acelerará o processo de design do produto.

Há uma superabundância de ferramentas de design UX.

Escolhendo a ferramenta de design UX certa

Ao observar as ferramentas que os designers usam, é importante observar que as responsabilidades dos designers mudam e se expandem constantemente. Apenas 6-7 anos atrás, poucas pessoas entendiam o que um designer de experiência do usuário fazia. Atualmente, espera-se que todo designer faça pelo menos algum tipo de pesquisa de usuário, prototipagem e análise competitiva.

Essas mudanças afetam como os designers precisam analisar seu fluxo de trabalho, conhecimento de domínio, técnicas e ferramentas. Os clientes de hoje esperam ver não apenas um produto final polido, mas tudo, desde wireframing até prototipagem e uma interface de usuário com animação suave.

Expandir sua área de especialização não é apenas uma maneira de ganhar mais dinheiro - tornou-se um requisito de trabalho. Os processos de design de novos produtos geralmente significam novas ferramentas, o que significa que os designers precisam gastar tempo aprendendo como usá-los - e é por isso que o surgimento de novas ferramentas de design acelerou tanto nos últimos anos.

Um protótipo do Adobe XD — Telas vinculadas em um projeto de protótipo do Adobe XD.

Os dias dos designers que confiavam no Photoshop como sua principal ferramenta de design já se foram. Agora é uma corrida para plataformas de software de design para atrair iniciantes e profissionais. O Sketch tem sido um grande player por vários anos, e a Figma, tendo recebido apoio financeiro de mais de US$ 46 milhões, está alcançando sua ferramenta de prototipagem interativa baseada na web.

Recentemente, a plataforma de prototipagem InVision decidiu entrar no espaço com sua própria ferramenta de design, o InVision Studio. Ele não se moveu tão rápido quanto todos esperavam, então, embora o Studio pareça bastante sólido, ainda é um pouco decepcionante e notoriamente bugado, apesar do hype inicial.

Depois de dominar o universo do design digital por tanto tempo, a Adobe está atrás nesta corrida pela melhor ferramenta de design UX/UI. Não ter o luxo de ficar nessa posição por muito tempo... entre no Adobe XD. Embora um pouco atrasado para a corrida, o Adobe XD cresceu em popularidade e se tornou um candidato promissor desde seu lançamento em 2016.

Revisão do Adobe XD: recursos e benefícios

Alguns podem dizer que um gigante da indústria como a Adobe é um dinossauro e não consegue ser tão ágil quanto seus concorrentes mais jovens. No entanto, uma empresa como a Adobe tem os recursos para evoluir rapidamente, bem como a estabilidade financeira que faria do domínio do Adobe XD um bom investimento. Essa é uma grande vantagem, tornando o Adobe XD muito valioso e potencialmente a principal ferramenta de design de UX para o futuro.

Uma revisão do Adobe XD — O Adobe Design Library Manager facilita o fluxo de trabalho de criação de ativos de design.

Antes de nos aprofundarmos na revisão dos recursos do Adobe XD, vamos parar e perguntar: “vale a pena aprender uma nova ferramenta que oferece funcionalidade semelhante às ferramentas que já conhecemos?” Para responder a isso, vamos analisar quatro critérios: preço, facilidade de uso, ecossistema e participação de mercado.

Preço

Um dos fatores para o sucesso inicial de favoritos da indústria como Sketch e Figma foi sua relativa acessibilidade. O Adobe XD faz parte da assinatura da Adobe Creative Cloud, que dá acesso a mais de 20 aplicativos como Photoshop, Illustrator, Premiere Pro, etc. por US$ 50/mês, então é difícil separar o preço especificamente para esse produto. A menos que você já tenha uma assinatura, pode ser difícil justificar gastar tanto para experimentar uma nova ferramenta.

No entanto, em maio de 2018, a Adobe anunciou um plano inicial que permite o uso do Adobe XD gratuitamente! Está limitado a apenas um projeto ativo, mas é uma maneira perfeita de testar as águas e experimentar tudo o que tem para oferecer.

Fácil de usar

A maioria dos designers digitais já usou um aplicativo da Adobe em algum momento e está familiarizado com a interface geral: painel de ferramentas à esquerda, a área principal no centro, camadas, etc. à direita. A beleza do Adobe XD é que você se sentirá em casa assim que começar a usá-lo. A curva de aprendizado é leve e ocorre principalmente em torno de sistemas de design mais complexos e substituições de símbolos.

Como ferramentas semelhantes, o Adobe XD lida com sistemas de design complexos e bibliotecas de símbolos. Ele também possui ferramentas intuitivas para conectar telas facilmente e criar protótipos interativos que podem ser utilizados em testes de usuário sem a necessidade de código. O lançamento recente da animação automática facilita ainda mais a criação de protótipos de interações ricas ao animar automaticamente microinterações em pranchetas no Adobe XD.

Exemplos de protótipos do Adobe XD — O Adobe XD pode criar transições de animação automática usando um gesto de arrastar.

Ecossistema

Ter o Adobe XD no ecossistema da Adobe é um de seus pontos de venda mais fortes, porque é provável que você já tenha a Creative Cloud ou use outros produtos da Adobe semanalmente. De vetores a fotos, o conjunto de produtos da Adobe possui uma ferramenta dedicada para a maioria das necessidades do designer que funcionará muito bem com o Adobe XD.

Quota de mercado

Em 2017, o Adobe XD tinha uma classificação média no mercado e não conseguiu ofuscar o domínio do Sketch. Dois anos depois, a Adobe está alcançando rapidamente (com mais de 12 milhões de assinantes da Creative Cloud) e demonstrou um grande potencial para continuar seu rápido crescimento.

Voltando à pergunta se vale a pena gastar o tempo para aprender uma nova ferramenta de design, pode-se pensar assim: se você tem um martelo, pode martelar um prego, mas não pode remover um parafuso - e você nunca saber quando você precisará tirar um parafuso. À medida que o Adobe XD ganha popularidade, aumentam também as chances de encontrar uma equipe ou cliente que dependa exclusivamente dos produtos da Adobe. Quanto mais ferramentas um designer tiver em sua caixa de ferramentas, mais projetos de design ele poderá enfrentar e mais equipes poderão trabalhar de forma eficaz.

Uma lista crescente de recursos e plug-ins do Adobe XD

“Por meio de integrações com a Creative Cloud, podemos tornar nossos clientes mais felizes e mais produtivos, conectando-os perfeitamente a todos os serviços que eles usam e um suprimento infinito de ferramentas que estendem nossos aplicativos de maneiras poderosas e personalizadas.” – Vijay Vachani, diretor, chefe da Partner Platform & Ecosystem, Adobe Creative Cloud.

Recursos, plug-ins e complementos do Adobe XD — Plugins e integrações aprimoram a ferramenta de prototipagem Adobe XD.

Por mais “leve e básica” que possa parecer, a interface do Adobe XD lida com sistemas de design complexos e bibliotecas de símbolos, permitindo que os designers construam e atualizem designs complexos com facilidade. Tão importante para o processo de design e teste do usuário são as ferramentas sofisticadas de protótipo e animação do XD. Quando um designer está pronto para obter feedback sobre os designs, os plugins do UserTesting e Userlytics permitem que eles façam isso sem sair do programa.

Criar a melhor ferramenta de design de UX que terá todos os recursos certos é o que empresas como InVision, Adobe e outras buscam. A tarefa é enorme e complicada, então uma das maneiras de atingir esse objetivo é que as plataformas desenvolvam plugins (e incentivem outros a fazerem o mesmo).

O recente anúncio da Adobe de um Fundo de Design de US$ 10 milhões para esse propósito exato prova a importância de apoiar plugins e incentivar os desenvolvedores a criá-los. Durante a recente conferência do Adobe MAX, houve vários anúncios importantes sobre plug-ins, kits de interface do usuário e integrações de aplicativos para expandir o utilitário do Adobe XD.

Embora o Sketch seja uma ótima ferramenta de design, o que o torna realmente ótimo é a disponibilidade de plugins de terceiros como Runner, Color Accessibility Check, Magic Mirror, Auto Animate, etc. O Adobe XD está intensificando seu jogo com plugins como RenameIt, Pixel Perfect , Data Generator, etc. e integrações com Trello, Dribbble, Google Sheets, etc.

Ferramenta de prototipagem da Adobe com um grande número de plug-ins disponíveis — Os benefícios do Adobe XD incluem ampla disponibilidade de plug-ins e complementos.

Ao investir dinheiro em hospedagem e suporte a talentos emergentes na Adobe Creative Residency, a Adobe mantém a importante vantagem de seu ecossistema. Outro elemento-chave do sucesso futuro é outra coisa que a equipe do Adobe XD está fazendo bem: ouvir o usuário final e envolvê-lo no processo de desenvolvimento, convidando-o a sugerir e aprovar os próximos recursos a serem desenvolvidos.

Desde o início, o Adobe XD foi posicionado como um “produto de designers para designers” e eles estão mantendo fielmente esse rumo. Todos os meses, novos conjuntos de recursos são lançados. Por exemplo, apenas nos últimos meses, a Adobe introduziu novos recursos do Adobe XD, como Responsive Resize, Timed Transitions, Spell Check, Jira Integration e muito mais.

Animando no Adobe XD, uma ferramenta de prototipagem da Adobe — A ferramenta de animação automática usada em um protótipo do Adobe XD.

A Adobe também anunciou recentemente a adição de protótipos de voz ao conjunto de ferramentas Adobe XD. Não é o recurso mais óbvio que você esperaria de uma ferramenta de design de interface de usuário de tela, mas as interfaces de usuário de comando de voz estão se tornando cada vez mais comuns.

Da Siri à Alexa e outras experiências além da tela, a interação baseada em voz está ganhando terreno. A prototipagem de voz exclusiva do Adobe XD oferece aos designers a vantagem de acompanhar essa tendência de rápido crescimento.

Expandindo a caixa de ferramentas de um designer

Designers que trabalham com uma variedade de empresas e em projetos diferentes provavelmente precisarão de um espectro de habilidades de resolução de problemas. Uma caixa de ferramentas de design mais ampla pode ser uma grande vantagem sobre outros candidatos em potencial. Isso é especialmente importante para freelancers que podem estar trabalhando com clientes diferentes a cada poucos meses - mais cedo ou mais tarde, um projeto que exige conhecimento especializado de uma ferramenta de design específica surgirá. Não estar familiarizado com essa ferramenta pode significar a perda de engajamento potencial.

Há algum argumento sobre se um designer deve se concentrar em expandir seu repertório ou aprimorar uma especialização específica. O Adobe XD é rápido, gratuito e fácil de aprender — não há nada perdido em mergulhar e expandir sua versatilidade.

• • •