Como pensar em UX mesmo sendo desenvolvedor front-end iniciante

Ewerson Benigno — Sat, 30 May 2026 23:58:17 +0000

Quando iniciei minha primeira Landing page não sabia nada sobre UX.
Sabia estruturar um HTML, sabia usar o CSS e eu tinha um objetivo claro: desenvolver uma Landing page para uma amiga maquiadora. Era meu primeiro projeto, tentei "caprichar" ao máximo, foco nos detalhes. Então percebi que estava fazendo mais do que apenas criar um código, analisava o tempo todo sobre como seria a interação dos clientes dela com a página e como isso se converteria em lucro para o seu negócio.
Somente depois de estudar mais a fundo sobre front-end que entendi como esse "olhar aos detalhes" se chamava: UX - User Experience, a Experiência do Usuário.

O que é UX

Na prática, UX é uma pergunta que você faz antes de escrever qualquer linha de código: “Quem vai usar isso e o que essa pessoa precisa encontrar?”
É isso, parece algo básico, mas muda completamente a forma como você constrói o seu projeto. Um desenvolvedor que não pensa em UX olha apenas a estética, ele fica naquilo que é atrativo aos olhos do usuário. Um desenvolvedor que pensa em UX desenvolve pensando na necessidade do cliente.

Decisões de UX que você toma sem perceber
Muitas pessoas não percebem mas já praticam UX sem nem perceber.
Toda vez que você decide onde colocar um botão, um texto, um link ou como quer organizar as seções da sua página, você está tomando uma decisão de UX.
No meu projeto da landing page, tomei várias dessas decisões intuitivamente:
Coloquei o WhatsApp no footer com link direto. O visitante que chega até o final da página já leu tudo e quer entrar em contato, facilitar esse clique é UX.
Posicionei os depoimentos antes do footer. Não foi por acaso, depoimentos constroem confiança. Faz sentido mostrá-los antes de pedir que o visitante entre em contato.
Adicionei um botão de call-to-action no Hero. A primeira seção da página precisa deixar claro o que o visitante deve fazer. Um botão “Saiba mais” ou “Entre em contato” elimina a dúvida.
Todas essas ações têm um princípio em comum, elas pensam no usuário antes de pensar no código.

A diferença entre UI e UX
Antes eu confundia bastante os termos, agora entendo claramente.
UI é o que o usuário vê. É o botão rosa com bordas arredondadas, é a fonte elegante, é a paleta de cores coerente. UI é sobre estética.
UX é o que o usuário sente e faz. É o botão estar no lugar certo, é o texto do botão ser claro o suficiente para o usuário saber o que vai ler ao clicar, é a página carregar rápido o suficiente para ele não desistir. UX é sobre comportamento.
Você pode ter um site com UI perfeita e UX terrível. Um site lindo onde ninguém encontra o que precisa é um site com problema de UX.
O contrário também existe: sites simples visualmente, mas com navegação tão intuitiva que o usuário encontra tudo em segundos. Boa UX, UI modesta.
O ideal, claro, é ter os dois.

Como aplicar UX sem ser especialista
Você não precisa de certificação para começar a pensar em UX. Você pode se fazer algumas perguntas simples na hora de desenvolver:

“Em 3 segundos, o usuário entende o que esse site oferece?”
Se a resposta for não, o Hero da sua página precisa ser refeito. O visitante decide em poucos segundos se vai ficar ou sair.
“Qual é a ação que quero que o usuário tome?”
Entrar em contato, comprar, ou se inscrever, essa ação precisa estar visível, clara e fácil de executar.
“Como isso fica no celular?”
A maioria dos acessos hoje são feitos no mobile. Se você só testa no computador, está ignorando boa parte dos seus usuários.
“Estou facilitando ou complicando?”
Cada clique a mais, cada informação desnecessária, cada campo de formulário que não precisa estar lá, tudo isso é fricção. UX é sobre remover fricção.

Conclusão
Se você está começando no front-end e acha que UX é assunto para depois, é melhor repensar isso.
Você não precisa dominar ferramentas complexas ou ter anos de experiência. Precisa desenvolver o hábito de perguntar: “quem vai usar isso, e o que essa pessoa precisa?”
Essa pergunta, feita com consistência, vai separar o código que você escreve do código que outros escrevem.
E o melhor: você provavelmente já está praticando UX sem perceber. Agora é só dar nome ao que você faz.

DEV Community: Ewerson Benigno

Como pensar em UX mesmo sendo desenvolvedor front-end iniciante