24h

Para conclusão

3
Cursos

A união da programação e do design de interface em uma única área!

O design e a tecnologia andam de mãos dadas há muito tempo, e não é para menos, pois apesar das diversas, as duas coisas tem o mesmo objetivo final: solucionar problemas, com criatividade e inovação.

A Engenharia de User Interface, ou como é mais conhecida, UI Engineering, é uma área que une dois profissionais em um só, atuando com o design de interface para produtos digitais, mas em vez de utilizar ferramentas como Figma, a aplicação é diretamente nas linhas de código, pensando não só nas soluções de tecnologia, mas também na usabilidade e acessibilidade.

Nessa formação, você irá mergulhar em um projeto prático, aplicando conceitos como mobile first, design responsivo, variáveis em CSS, pseudo-classes, e muito mais.

Aproveite a formação e bons estudos!

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

  • Mônica Mazzochi Hillman

    Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.

  • Mônica Mazzochi Hillman

    Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.

Passo a passo
  1. 1 Melhorando uma UI

    Nesse primeiro passo, você será introduzido aos conceitos fundamentais e práticas essenciais para criar interfaces de usuário eficazes e atrativas. Durante este estágio inicial, vamos mergulhar juntos em uma variedade de tópicos que são essenciais para o desenvolvimento de interfaces de usuário de alta qualidade.

    Ao final desta etapa, você terá adquirido um sólido entendimento dos princípios fundamentais de design de interface de usuário voltado ao desenvolvimento, e estará preparado para aplicar esses conhecimentos na prática para criar interfaces atraentes e funcionais.

    • Curso UI para Devs: construa interfaces atraentes com fundamentos do design

      08h
      • Aprenda como buscar referências visuais para iniciar o planejamento estético de um site
      • Construa sitemaps para definir a navegação das páginas de um projeto
      • Defina a paleta de cores e fontes de um site de acordo com questões de acessibilidade
      • Monte um moodboard para reunir as referências e escolhas que serão utilizadas em um projeto
      • Escolha os tamanhos utilizados nos elementos de um site a partir de uma escala modular
      • Desenvolva o código de um projeto front-end com auxílio de fundamentos do design
  2. 2 Aplicando heurísticas

    Criar produtos digitais é muito mais do que somente trabalhar com elementos visuais. De forma alguma podemos desconsiderar a estética, mas os maiores ganhos de um produto digital estão na facilidade de uso e acessibilidade do sistema.

    No segundo passo, você irá estudar sobre as 10 Heurísticas de Usabilidade para User Interface, um conceito amplamente conhecido por pessoas designers, mas que toda pessoa que trabalha ativamente na construção de produtos digitais precisa conhecer, para entender os pontos em que um produto está falhando, e como solucionar esses problemas.

    • Curso UI para Devs: aprimorando projetos web com heurísticas

      08h
      • Utilize heurísticas de Nielsen para analisar a usabilidade de projetos web
      • Entenda como compreender o negócio da empresa é importante na análise de usabilidade
      • Compreenda como o fluxo de navegação pode auxiliar no entendimento da visão do usuário na plataforma
      • Implemente feedback de status do sistema e indicadores de carrinho de compras com HTML, CSS e JavaScript
      • Detecte locais em que é possível implementar a terminologia familiar aos usuários
      • Construa funcionalidades que permitam o controle ao usuário
      • Aprenda a construir um design intuitivo que minimize erros
      • Projete interfaces que favoreçam o reconhecimento de elementos e se adaptem às necessidades dos usuários
      • Aplique princípios de design minimalista para criar interfaces esteticamente agradáveis e livres de distrações
      • Desenvolva recursos de ajuda e documentação acessível
  3. 3 Criando animações

    Quando a usabilidade de um produto digital é boa, as pessoas se sentirão confortáveis em utilizar, pois vão conseguir completar os seus objetivos, mas uma forma de otimizar mais ainda a interação dessas pessoas usuárias, é pensando em animações que irão melhorar a experiência de uso.

    Trabalhar com animação é um diferencial enorme no currículo de diversas pessoas programadoras, e nesse terceiro e último passo da formação, vamos avançar no projeto, incluindo elementos animados e micro-interações que irão otimizar a experiência do usuário.

    • Curso UI para devs: construindo interfaces animadas

      08h
      • Aprenda como criar e aplicar animações dinâmicas usando CSS e JavaScript
      • Implemente transições suaves em menus e botões para melhorar a experiência do usuário
      • Desenvolva carrosséis interativos em modais para apresentação de produtos
      • Use de efeitos parallax em seções para adicionar profundidade visual
      • Detecte a posição da interface do usuário para construir animações baseadas em scroll
      • Anime imagens SVGs para criar feedback visual interativo
      • Integre de animações em projetos web existentes, seguindo as melhores práticas

Escola

UX & Design

Além dessa, a categoria UX & Design conta com cursos de Usabilidade e UX, Vídeo e Motion, 3D,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas