27h

Para conclusão

3
Cursos
5
Artigos

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. Durante a graduação foi vice-presidente do diretório acadêmico e monitora de LIBRAS. Atualmente é instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e Genshin Impact e praticar culinária.

  • 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. Durante a graduação foi vice-presidente do diretório acadêmico e monitora de LIBRAS. Atualmente é instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e Genshin Impact e praticar culinária.

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.

  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.

    • Artigo 10 Heurísticas de Usabilidade para User Interface | Alura

    • 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
    • Site Heurísticas de Nielsen – Layers ponto tech #101

  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.

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