Essa única percepção mudou completamente a forma como projeto apps e sites
Sabe aquele momento em que um design finalmente faz sentido e você se pergunta por que ninguém explicou assim antes? Eu costumava achar que design de UI/UX era só deixar as coisas bonitas, até perceber que, na verdade, é sobre fazer as coisas parecerem um velho amigo. Se você está começando no design de interfaces, ou só tentando dar um passo adiante, deixa eu te mostrar o que realmente importa — sem enrolação, só aquilo que eu gostaria de ter sabido antes.
Lembro de ficar olhando para minha primeira tela em branco no Figma, completamente paralisado. Eu tinha assistido a todos os tutoriais de ui ux design que encontrava, mas nenhum me disse por onde começar de verdade. O segredo? Comece pelas palavras, não pelos retângulos. Antes de abrir suas melhores ferramentas de ui design, pegue um caderno e rabisque o que alguém quer fazer na sua tela. Esse é o coração dos princípios de ux design — entender o ser humano do outro lado. Quando parei de obsedar por gradientes e sombras, tudo ficou mais fácil.
Vamos falar do elefante na sala: ux vs ui explicado sem jargão. UX é a lógica de fazer um sanduíche — os passos, a sequência, o alívio quando o pão não está encharcado. UI é a apresentação, o fio de molho artístico, o jeito que fica tão bonito que você precisa fotografar. Quando me perguntam como projetar interface de app que realmente funciona, eu digo: primeiro crie a receita do sanduíche, depois deixe bonito. Não dá para decorar um bolo que você ainda não assou. Por isso eu torço um pouco quando iniciantes pulam direto para um figma tutorial para iniciantes e começam a empurrar pixels antes de mapear um único fluxo de usuário. Figma é um monstro — sem dúvida uma das melhores ferramentas de ui design — mas é só um martelo. Você ainda precisa saber o que está construindo.
Falando nisso, vamos fundamentar isso em algumas noções básicas de website ui design. Um bom layout de site não é sobre inovação; é sobre familiaridade. As pessoas esperam o logotipo no canto superior esquerdo, a navegação no topo, uma chamada para ação clara, porque o cérebro delas foi treinado por um milhão de outros sites. No momento em que você quebra esse padrão, você as faz pensar — e pensar equivale a atrito. Uma vez eu redesenhei um checkout de e-commerce e vi uma queda de 20% no abandono de carrinho simplesmente movendo o botão "continuar" para onde as pessoas esperavam. Essa é a mágica silenciosa das dicas de user interface design: elas parecem chatas até te fazerem ganhar dinheiro ou economizar tempo.
Agora, o mobile app ui design traz suas peculiaridades. Os polegares são os governantes da tela. Sempre coloco as ações principais na zona amigável ao polegar — a metade inferior do celular. Quando estou esboçando um app, seguro o telefone com uma mão e testo se consigo alcançar os botões sem fazer ioga com os dedos. Muito do como se tornar um ui designer se resume a esse tipo de detalhismo empático. Você não precisa de um diploma chique; precisa se tornar irritantemente observador de todas as pequenas frustrações nos apps que usa todo dia. Aquele app de café que esconde o botão "reordenar" a três telas de distância? Corrija mentalmente. Anote. Parabéns, você está pensando como um designer de UI.
Se você está se perguntando como se tornar um ui designer sem gastar uma fortuna, aqui está meu caminho: fiz um tutorial gratuito de ui ux design no YouTube para aprender o básico absoluto, depois recriei imediatamente uma tela de um app que amava. Não o app inteiro — só uma tela, pixel por pixel, no Figma. Esse é o único figma tutorial para iniciantes que você realmente precisa, porque você aprende a ferramenta enquanto faz engenharia reversa de boas decisões de design. Eu olhava para um componente e perguntava: por que esse padding é 16px e não 8px? Por que esse cinza e não preto? Aos poucos, as regras invisíveis dos princípios de ux design se tornam visíveis. Você começa a ver que um bom design é uma série de pequenas decisões intencionais que a maioria das pessoas nunca nota — mas que elas com certeza sentem quando faltam.
Tem uma armadilha comum da qual quero te salvar: a armadilha do Dribbble (Dribbble trap). O Dribbble está cheio de devaneios lindos e impraticáveis que quebrariam a usabilidade no mundo real. O verdadeiro mobile app ui design precisa lidar com nomes longos, estados vazios, mensagens de erro, tempos de carregamento lentos. Isso não é sexy, mas é o que separa um profissional de um amador. Quando dou dicas de user interface design, sempre digo: projete os estados feios primeiro. Projete a tela quando o Wi-Fi cair. Projete o que acontece quando o usuário não tem nenhum item no carrinho. Se o seu design ainda parecer útil nesses momentos, você acertou.
Agora, sobre as melhores ferramentas de ui design — o Figma é o queridinho óbvio, e por um bom motivo. É colaborativo, baseado em navegador e gratuito para pessoas físicas. Eu uso para tudo, desde wireframes até protótipos de alta fidelidade. Mas não subestime o papel e caneta. Minhas ideias mais rápidas e claras para website ui design basics geralmente começam como rabiscos bagunçados em um caderno pontilhado. Depois que mudo para o Figma, também uso plugins como Content Reel para preencher texto realista, e Stark para verificações de acessibilidade. Muitos conteúdos de ui ux design tutorial pulam a acessibilidade, mas ela é um pilar central dos princípios de ux design: se alguém com deficiência visual não consegue usar sua interface, é uma interface ruim, ponto final.
Muitas vezes me perguntam como resumir como projetar interface de app em uma única frase. Minha resposta: projete conversas. Cada toque é uma palavra, cada tela é uma resposta. Se o seu app parece uma conversa com um amigo prestativo e ligeiramente espirituoso, você venceu. É por isso que amo microinterações — um leve salto quando algo carrega, uma vibração suave num toque longo. Elas são o equivalente a um aceno cúmplice na conversa humana, e fazem o mobile app ui design parecer vivo, não robótico.
Se você ainda está tentando entender ux vs ui explicado para a sua própria carreira, lembre-se: você não precisa escolher um para sempre. Eu comecei mais atraído pelo lado visual, mas conforme trabalhei em mais projetos, a pesquisa e a psicologia da UX começaram a me fascinar. Um bom ui ux design tutorial sempre vai te ensinar que as melhores interfaces vêm de uma mistura. Quando oriento juniores sobre como se tornar um ui designer, incentivo que façam pelo menos um projeto onde conduzam três entrevistas com usuários. É aterrorizante no começo, mas você aprende mais com três entrevistas do que com dez horas de tutorial passivo assistindo.
O cenário muda rápido, mas os fundamentos não. Seja você um iniciante em figma tutorial para iniciantes ou polindo um portfólio, continue perguntando: isso facilita a vida do usuário, ou só deixa mais bonito? Porque a interface mais bonita do mundo não salva uma experiência confusa. E o layout mais simples, fundamentado por sólidos princípios de ux design, pode tornar o dia de alguém um pouco menos estressante. Essa é a verdadeira alegria desse ofício — não são pixels, são pessoas. Vá fazer algo que pareça um abraço em forma de app.