Ferramentas úteis para UI/UX Designers

15/02/2019

Olá pessoas, tudo bem? Espero sinceramente que sim!

Neste primeiro artigo do ano (finalmente, rs!) quero dividir com vocês algumas ferramentas úteis para nós, designers. Certamente, devem existir outras ferramentas com o mesmo propósito, mas eu achei essas bem interessantes e decidi compartilhar para ajudar ainda mais a comunidade criativa. Vamos a elas:

 

UI Pattern Hub

UI Pattern modelos

 

URL: uipatternhub.com

Esse site é pra quem usa o Adobe XD para criar protótipos. Nele você encontra diversos padrões para te ajudar no processo de criação. Telas de chat, e-commerce, pagamentos e muito mais. Mesmo para quem não usa o XD, pode ser uma fonte de inspiração (ou fazer com que você migre para o XD de vez!)

 

Padrão aberto no Adobe XD

 

URL: uipatternhub.com


 

Mockup Editor

Gif go mockup editor

No Mockup Editor, você cria o seu próprio mockup com várias opções de customização

 

URL: mockupeditor.com

Esta ferramenta online permite que você crie mockups personalizados diretamente pelo browser sem precisar instalar nada. Todo designer que se preze tem uma pasta abarrotada de mockups, não é mesmo? Mas há aqueles dias em que estamos com os prazos apertados (todos os dias, na verdade, rs) e precisamos enviar uma arte para aprovação. Até encontrarmos o mockup ideal leva um certo tempo. O MockupEditor pode ser uma opção rápida.

Nele há diversas opções para você customizar, desde bordas, elementos decorativos, desktops e notebooks. Você pode criar um do zero ou usar os templates prontos.

 

A tela inicial do MockupEditor

 

URL: mockupeditor.com

 


Realtime Board

Tela incial do site realtimeboard.com onde mostra alguns tipos de ferramentas oferecidas.

 

URL: realtimeboard.com

Essa é disparada a ferramenta mais legal de todas. Na verdade, não é apenas uma, pois o site disponibiliza uma gama de ferramentas. Nela você pode criar personas, mapa de empatia, organizar resultados de pesquisas, mapear a jornada do consumidor, criar um mapa mental e muito mais. Trabalha com Metodologia Agile? No Realtime Board você pode criar um quadro e incluir todo o seu time onde todos podem alterar conforme a necessidade.

 

A página inicial do Realtime Board

Exemplos de ferramentas

 

organizando pesquisa com usuários

Organizando insights de pesquisa com usuários

 

personas

Criação de personas

 

Exemplo de mapa mental

Exemplo de mapa mental

 

URL: realtimeboard.com

 


 

Lápis e Papel

 

papel e caneta

 

Eu citei que o Realtime Board é a melhor ferramenta listada neste artigo, mas eu menti! Na minha opinião e pela minha experiência, nenhuma delas, por mais facilitadora que seja, irá substituir a boa combinação Lápis e Papel. É com ela que todo o bom projeto começa. Seja um rabisco simples em uma folha de papel que você pediu emprestado de uma caderno de um amigo. É com lápis e no papel que as ideias surgem na forma mais crua, mas que no final, com o suporte das ferramentas mais modernas, se transformam em projetos inspiradores.

E você? Já rabiscou um projeto hoje?

Beijo grande e até o próximo artigo!