Executando verificação de segurança...
3
tiagoef
1 min de leitura ·

O desafio de alguém que gosta do back construir uma boa UI/UX

Gosto de backend, mas como estou estudando desenvolvimento web, para fazer meus projetos meio que sou obrigado a fazer o front-end. O problema é que eu sou péssimo - nem tanto no front-end - mas na UX. Se um dia eu fazer um telinha legal, então algo de errado aconteceu comigo.

Parabéns aos designers (se há algum designer aqui) que conseguem fazer boas telas. Como front-end, eu uso meu display:flex, adiciona e remove uma e outra classe e muitas vezes o problema está resolvido, mas rapaz, deixar o visual agradável...

Estou fazendo um projeto de gerenciar aeroclubes em MVC, e agora estou fazendo o front. Veja que coisa horrível:

https://ibb.co/2FZpL6n

Alguém tem alguma dica de como melhorar na criação de designs? Eu tento fazer algo clean, sem usar background e etc, mas parece ficar sem vida.

Alguns acham que UI/UX é apenas construir telinhas. Quem dera fosse só isso!

(se esse tema não se relaciona com o propósito do site, avisem por favor)

Carregando publicação patrocinada...
3
batataQuente

Se o foco é back end, não tem necessidade de criar um front end rebuscado, algo simples criado com bibliotecas como shadcn ui seria o bastante.

Mas se quer melhorar as habilidades de design, recomendo pesquisar pelo tema do seu projeto no Pinterest e no dribbble.

De recomendações que consigo pensar apenas dando uma olhada de leve no seu layout:

1 - Remover o efeito de transparência, é um forte inimigo da otimização do seu site e não está adicionando em nada no momento.

2 - Garantir que os ícones sigam o mesmo estilo, se vai ser formado apenas por linhas, então todos devem ser formados apenas por linhas, o avião preenchido está se destoando dos demais ícones, sem ser para indicar que estamos vendo a seção pertencente a essa aba.

3 - Ainda nos ícones, mantenha todos alinhados ao canto esquerdo e com as mesmas dimensões.

4 - O fundo deve ser uma cor opaca, o avião da imagem está se destacando mais que as informações apresentadas. Aí para não parecer que está com um espaço grande vazio, pode centralizar os elementos ao centro e aumentar a escala deles.

0
1
1
tiagolobao

Sofro do mesmo problema haha! Por isso quando faço algo relacionado a web, crio bots ou faço coisas que não dependem muito de GUI...

Minha sorte é trabalhar com embarcado, que ai nem chego perto.

1
Landowski

Eu só faço designs simples, senão nem faço! Essa sua ideia de sempre "mais é melhor" vai contra os princípios de uma usabilidade agradável. As pessoas hoje estão tão saturadas e cheias de tanta informação e complexidade que estão clamando por simplicidade.

O poder do design clean é justamente atender esse pedido. Veja o Uber por exemplo, um exemplo top de design apenas usando as cores preta, cinza e branco. No seu caso, você pode usar um Css já pronto, como o Tailwind ou Material Design e só seguir os princípios de design deles que já vai ficar bem melhor.

Eu prefiro fazer o CSS eu mesmo para ter certeza que vai ficar ultrasimples. Eu postei aqui no Tab News meu web app, airnotas.com.br, depois você dá uma olhada lá pra ver sobre o que estou te falando.

1
guilhermeDaniel

meu amigo acredite, o que importa é vender. se teu produto resolver um problema de forma fácil e, tua apresentação pro cliente for boa, eles compram, nao interessa se tu ta usando o visual do windows 95, eles compram. os clientes, principalmente empresas, nao querem beleza, eles querem facilidade, eles querem algo que não interrompa a venda deles, o negócio principal deles.