Se você estiver procurando por recursos e ferramentas de UI e UX para tornar seu trabalho de design mais rápido e mais fácil do que nunca, poderá encontrar a solução na listagem abaixo. As ferramentas listadas aqui são uma combinação das mais recentes que foram lançadas no mercado e das mais antigas que foram submetidas a melhorias significativas ou atualizações.

Também listamos vários recursos online que podem ser utilizados para testar a usabilidade e o desempenho de seus projetos, sejam eles aplicativos concluídos, protótipos ou sites em vários estágios de desenvolvimento. Se você está procurando por kits de interface do usuário, esta lista contém alguns deles também.

Proto.io

Se você percorrer a lista de recursos do Proto.io, poderá ter a impressão de que esta ferramenta é apenas uma das muitas similares para prototipagem do mercado. Mas ela está aqui por uma razão: você pode criar protótipos mais rápido e mais facilmente com ela do que seria possível com outras ferramentas. O Proto.io é uma das ferramentas de prototipagem rápida mais amigáveis do mercado. Basta arrastar e soltar elementos durante a execução de alguns eventos como toque e mouse, e está tudo pronto.

O fato de que o Proto.io trabalha diretamente em seu navegador simplifica as coisas ainda mais, enquanto a inclusão de vários novos recursos, tais como uma biblioteca de 49 elementos de projeto de UI e outras melhorias, tornam esta ferramenta de prototipagem mais versátil do que nunca. Também é possível trabalhar offline usando o Proto.io App, e baixar os protótipos criados para seu dispositivo, para uso em um momento futuro. A melhor parte é que nenhuma das opções acima requer que seja escrita uma única linha de código.

Pidoco

Pidoco é uma ferramenta especialmente útil para quem deseja simular a aparência de um aplicativo real durante o processo de criação e prototipagem rápida da parte de design do aplicativo. Com o Pidoco, é possível rápido e facilmente criar wireframes e testá-los em dispositivos reais.

A prototipagem apresentada pelo Pidoco é motivo suficiente para considerar o uso desta ferramenta, mas, se há um argumento decisivo, esse pode muito bem estar em suas características de gerenciamento de mudanças. A prototipagem rápida não está isenta de riscos como uma abordagem de projeto, uma vez que é muito fácil perder o controle sobre onde você está. O Pidoco aborda essa questão, posicionando modelos de design em camadas globais. Se você fizer uma alteração em uma camada, outras camadas afetadas irão mudar também. Recursos de colaboração do Pidoco também são fáceis de usar para fins de compartilhamento, edição e rastreamento.

Kit de design móvel e UI da Vonn

Quando você cria um aplicativo Android com o kit de design móvel e UI da Vonn, você pode ter problemas para convencer os outros de que foi capaz de obter tão bons resultados em tão pouco tempo. Criar um aplicativo com esse kit é um meticuloso e lento processo, em parte graças à compatibilidade da Vonn com o Guia de Design do Google Materials. Por causa de sua capacidade de criar aplicativos impressionantes, cheios de cores fortes e animações inteligentes, o kit da Vonn é um dos melhores, se não o melhor, material de desenho para a criação de aplicativos atualmente disponível no mercado.

Os primeiros passos de design na ferramenta são fáceis. Você tem à sua disposição 100 objetos para arrastar e soltar e diversos modelos em 9 categorias logicamente definidas que podem ser abertos com o Adobe PhotoShop. Desse ponto em diante, criar seu aplicativo é muito fácil.

Firefly

O Firefly é uma ferramenta de UX que pode muito bem caber na caixa de ferramentas de qualquer desenvolvedor de app. Ele faz tudo o que você esperaria que uma ferramenta colaborativa faça, mas vários recursos adicionais realmente fazem com que esta ferramenta se destaque. Não é muito difícil perder o controle da configuração na concepção de um produto por meio da prototipagem rápida. A função de gestão de design do Firefly evita que isso aconteça. Com o Firefly, você pode fazer upload das informações que deseja compartilhar, receber feedback e editar em tempo real, mantendo o controle de versão no processo, tornando-o uma ferramenta ideal para equipes amplamente distribuídas.

InVision

As funções e as capacidades básicas do InVision não são muito diferentes de muitas outras ferramentas de UI e UX existentes no mercado. O que o diferencia é a sua facilidade de uso. Você não pode sentar-se e deixá-lo fazer todo o trabalho, mas transformar telas estáticas em clicáveis, protótipos interativos e arrastar e soltar recursos do InVision são muito fáceis e te livra de problemas. Os recursos de gerenciamento de tarefas e de colaboração incorporados nesta ferramenta são igualmente impressionantes.

AppCooker

Com o AppCooker à sua disposição, você vai gastar menos tempo de programação, e ele ainda tem muito mais a mostrar. Os belos aplicativos de iOS que podemos projetar, construir e compartilhar tornam o uso desta ferramenta versátil e podem impressionar seus clientes. Eles também ficarão favoravelmente impressionados, não só pela sensação realista de seus protótipos, mas com a economia de tempo e dinheiro obtidos ao usar esta ferramenta. Assim como um grande prato é composto por diversas opções de alimentos tentadores, o AppCooker consiste de várias ferramentas poderosas interagindo entre si, incluindo ferramentas que podem fazer de você um verdadeiro AppChef.

UserTesting

O UserTesting fornece uma abordagem de testes inovadora para o seu site, aplicativo ou protótipo. Ele fornece vídeos de pessoas visualizando ou usando aquilo que foi criado por você. É possível ainda utilizar o UserTesting para testar seus protótipos ou aplicativos em iOS e dispositivos Android usando um ou mais de seus testes pré-configurados, ou fazê-lo através da criação de testes próprios. As métricas são fornecidas para ajudar a avaliar seu progresso ou o desempenho de seu produto final.

Kit Ace iOS 8 Mobile UI

O Kit Ace iOS Mobile UI é altamente organizado e vem pronto para uso sob a forma de oito mock ups para projetos de aplicativos iOS para mostrar aos seus clientes. Não há necessidade de gastar metade do dia tentando descobrir como o kit funciona. A curva de aprendizado do kit é tão suave que é praticamente uma operação de apertar botões. O conjunto de ferramentas deste kit permite que sejam criados mais de 1.000 aplicativos diferentes.

HeatData

O HeatData oferece um serviço crucial para desenvolvedores de aplicativos móveis. As taxas de retorno sobre o aplicativo móvel tendem a ser muito maiores do que em outras plataformas, e os motivos de isso acontecer nem sempre são compreendidos. O HeatData mede cliques, uso do zoom, ações de arrastar elementos etc., e apresenta os resultados em um painel de métricas juntamente com os heatmaps de interações do usuário. O HeatData funciona muito bem com várias ferramentas de prototipagem já existentes.

Pickfu

PickFu é um serviço de esquetes/pesquisas. Você faz perguntas com opções de resposta e recebe feedback de usuários selecionados e que responderam à pesquisa. Você pode usar este serviço para obter comentários e sugestões dos usuários sobre qualquer coisa que varia da qualidade do protótipo e do aplicativo ao uso e documentação do conteúdo. O PickFu fornece dados imparciais e detalhados sobre a audiência do aplicativo e informações demográficas, dando-lhe um ponto de vista objetivo que irá ajudá-lo na tomada das decisões dali em diante.

Omni Group

OmniGroup é um conjunto de ferramentas para desenvolvimento iOS. Nele está presente o OmniGraffle, que é uma ferramenta poderosa para a criação de qualquer coisa, desde esboços até esquemas para wireframes. Se você é um desenvolvedor de aplicativo profissional, a versão Pro do OmniGraffle será o que você quer, e também será necessário utilizar AppleScript e ferramentas de apoio para adicionar animação e recursos automatizados ao seu design. O OmniFocus e o OmniPlan são excelentes ferramentas para gerenciamento de tarefas e planejamento para projetos maiores e ambos completam este kit de ferramentas.

PowerMockup

Se você algum dia já foi capaz de criar uma apresentação decente usando PowerPoint, então não terá problemas para criar protótipos úteis utilizando o PowerMockup, o que torna ambas as ferramentas indispensáveis para você. Utilizar as duas ferramentas ao mesmo tempo tornará seus esforços na criação de apresentações para seus protótipos e outros esforços de design muito mais fáceis para que usuários não-técnicos possam entender. Isso os coloca em uma posição muito melhor para oferecer feedback construtivo à medida que o desenvolvedor avança no projeto.

Notism

O Notism melhora as capacidades de prototipagem e de colaboração, embora sua principal força resida na última categoria. Você pode criar protótipos interativos com a ferramenta e compartilhá-los, juntamente com esboços, notas e outras informações, mas o recurso mais interessante do Notism é que ele permite que você comunique suas ideias e informações aos colegas de trabalho e clientes por vídeo.

Prott

O Prott é uma ferramenta para iOS voltada para prototipagem rápida e colaboração, que é mais adequada para a criação de aplicativos móveis. Protótipos podem ser criados em todos os dispositivos, resoluções de tela para iOS e Android são suportadas (outros tamanhos para exibição são facilmente personalizáveis). O Prott é uma ferramenta com preços razoáveis, e você pode escolher entre várias versões, dependendo do tamanho da sua equipe. Se quiser experimentá-lo, seu primeiro projeto será gratuito.

Marvel

O Marvel fornece uma maneira rápida e fácil para criar protótipos interativos, e é gratuito. Tudo o que você precisa para começar é uma conta no Dropbox, fazer login, e começar a construir seu protótipo, enquanto usa o Dropbox Sync para iterar seu design. A sua conta no Dropbox é a fonte ideal para compartilhar suas ideias e projetos com outros usuários. Vale a pena testar o Marvel se você está procurando uma abordagem fácil para prototipagem.

 

Qualquer uma das ferramentas listadas aqui pode ser útil para seu kit de ferramentas. A maioria delas é bastante versátil, enquanto várias delas focam em necessidades mais específicas, tais como gerenciamento de mudanças ou testes de usabilidade.

***

David Walsh faz parte do time de colunistas internacionais do iMasters. A tradução do artigo é feita pela redação iMasters, com autorização do autor, e você pode acompanhar o artigo em inglês no link: http://davidwalsh.name/15-ux-ui-tools-resources-web-designers