Pular para o conteúdo
Internet Public Library

UX design

Entenda como as pessoas percebem e usam interfaces e pratique pesquisa, arquitetura, prototipação e testes até conseguir projetar e justificar um fluxo usável.

Iniciante 13 etapas

Etapas

Como as pessoas usam interfaces

  1. Princípios psicológicosConheça as leis e heurísticas que explicam atenção, memória e tomada de decisão, base de quase toda escolha de interface.
    • Laws of UX lawsofux.comfree

      Coleção de princípios psicológicos e diretrizes cognitivas aplicadas ao design de interação e experiência do usuário.

  2. Usabilidade na práticaLeia estudos empíricos sobre usabilidade para entender o que realmente atrapalha as pessoas, em vez de confiar só na intuição.
    • Nielsen Norman Group Articles nngroup.comfree

      Biblioteca com milhares de artigos, relatórios de pesquisa e estudos empíricos sobre usabilidade e experiência do usuário.

    • UX Collective Brasil brasil.uxdesign.ccfree

      Publicação independente em português com artigos reflexivos, guias práticos e ensaios críticos sobre design de produtos e experiência do usuário.

  3. Processo de designAprenda o Duplo Diamante e o design thinking para saber quando abrir o problema e quando convergir para uma solução.
    • Design Council Articles designcouncil.org.ukfree

      Artigos e relatórios de pesquisa do conselho britânico de inovação sobre o impacto econômico e social do design estratégico.

    • Interaction Design Foundation: Design Thinking interaction-design.orgpaid

      Curso estruturado que ensina as cinco fases do pensamento de design: empatia, definição, ideação, prototipagem e testes.

    • Stanford d.school Resources dschool.stanford.edufree

      Guias instrucionais, apostilas e exercícios práticos em design thinking disponibilizados gratuitamente pelo Hasso Plattner Institute of Design.

Conhecendo quem usa

  1. Métodos de pesquisaPlaneje entrevistas, observação e questionários, escolhendo o método que responde à dúvida concreta que você tem sobre o público.
    • IDEO Design Kit designkit.orgfree

      Repositório aberto com dezenas de métodos passo a passo, dinâmicas de empatia e estudos de caso em design centrado no ser humano.

    • Interaction Design Foundation interaction-design.orgpaid

      Plataforma educacional com cursos especializados, artigos e literatura acadêmica sobre IHC e experiência do usuário.

  2. Síntese e mapas de jornadaTransforme anotações de pesquisa em personas e mapas de jornada que ajudem o time a concordar sobre o problema certo.
    • Miro miro.comfreemium

      Lousa digital colaborativa com templates para análise SWOT, matriz BCG, mapa de empatia e planejamento estratégico.

    • Mural mural.cofreemium

      Espaço de trabalho visual interativo projetado para ideação em equipe, facilitação de workshops e prototipagem conceitual.

  3. Facilitação de workshops (opcional)Pratique dinâmicas de ideação e cocriação, porque boa parte do trabalho de UX é conduzir decisões em grupo.
    • SessionLab Library sessionlab.comfree

      Base pública com centenas de dinâmicas, quebra-gelos e técnicas de ideação colaborativa documentadas pela comunidade global de facilitadores.

    • Echos Inovação echos.ccfree

      Publicações e artigos do laboratório de inovação sobre futuros desejáveis, facilitação criativa e práticas de design thinking.

Estrutura e protótipos

  1. Arquitetura da informaçãoOrganize conteúdo e navegação e valide a estrutura com testes de card sorting e tree testing antes de desenhar telas.
    • Optimal Workshop optimalworkshop.comfreemium

      Suíte de ferramentas para arquitetura de informação e testes de usabilidade, especializada em card sorting (OptimalSort) e tree testing.

  2. Wireframes e protótiposMonte wireframes e protótipos clicáveis numa ferramenta de design para testar interações reais e comunicar bem com quem desenvolve.
    • Figma figma.comfreemium

      Plataforma colaborativa baseada em navegador para design de interfaces, prototipagem interativa e sistemas de design.

    • Penpot penpot.appfree

      Ferramenta de código aberto para prototipagem e design de interfaces baseada em padrões web abertos como SVG.

  3. Padrões de produtos reais (opcional)Analise como aplicativos publicados resolvem cadastro, busca e pagamento, aproveitando padrões consolidados em vez de reinventá-los.
    • Mobbin mobbin.comfreemium

      Biblioteca de referência que cataloga fluxos de interação, telas e padrões visuais de aplicativos móveis e web reais.

    • Figma Community figma.comfree

      Repositório global com milhares de templates de UI, bibliotecas de componentes, ícones e plugins compartilhados por designers.

  4. Design systems (opcional)Estude um design system público para entender componentes, diretrizes e consistência visual em produtos de grande escala.

Avaliar e incluir

  1. Testes de usabilidadeRode testes com protótipos e observe o comportamento real com mapas de calor, transformando os achados em melhorias priorizadas.
    • Maze maze.cofreemium

      Plataforma de pesquisa contínua com usuários que permite testes rápidos de usabilidade, card sorting e validação de protótipos.

    • Hotjar hotjar.comfreemium

      Ferramenta de análise de experiência do usuário com mapas de calor de cliques, gravações de sessões de navegação e enquetes de feedback.

  2. Acessibilidade digitalAplique as diretrizes de acessibilidade web e conheça ferramentas brasileiras, como a tradução para Libras, para incluir mais pessoas.
    • W3C Web Accessibility Tutorials w3.orgfree

      Guias práticos e tutoriais da Iniciativa de Acessibilidade na Web sobre como criar interfaces digitais inclusivas.

    • Ceweb.br ceweb.brfree

      Centro de estudos do NIC.br focado em padrões abertos, acessibilidade digital e desenvolvimento da web no Brasil.

    • VLibras vlibras.gov.brfree

      Suíte de ferramentas abertas desenvolvida pelo governo brasileiro para tradução automática de conteúdos digitais para Libras.

  3. Comunidade e carreiraMonte estudos de caso para o portfólio e acompanhe a comunidade brasileira de IHC e UX para continuar aprendendo.
    • Google UX Design Certificate coursera.orgfreemium

      Certificado profissional do Google com fundamentos completos sobre o processo de design de UX, desde pesquisa empírica até testes de usabilidade.

    • UXConf BR uxconf.com.brpaid

      Conferência brasileira anual focada em experiência do usuário, design de produto e tendências de interação digital.

    • Comissão Especial de IHC da SBC (CEIHC) ceihc.sbc.org.brfree

      Comissão da Sociedade Brasileira de Computação que reúne a comunidade acadêmica de Interação Humano-Computador no país.

Veja também

Links externos, de seus respectivos autores. Esta trilha é conteúdo original da IPL.