Você sabe o que é a chamada Usabilidade no Design? E composição, você conhece a importância desse processo?

A usabilidade é uma das principais responsáveis por garantir que os usuários conseguirão utilizar de forma consistente um produto. Além disso, a composição é que irá ajudar a organizar os elementos para garantir melhores parâmetros de usabilidade.

No vídeo a seguir eu apresento em detalhes o que são usabilidade e composição no design.

🐮 Desafio do Alfred

Desafio (obrigatório)

  • Prototipação: comece a navegar no Figma e tente crie, pelo menos, duas telas do seu projeto.
  • Dica: tente começar o seu projeto de forma estruturada, pensando na criação de variáveis, estilos, componentes e similares.
  • Usabilidade: analise as telas que você criou até o momento e tente melhorar a usabilidade delas.
  • Referências: busque referências de produtos ou pedaços específicos de produtos e veja porque são bons ou ruins. Na medida do possível, e sem copiar, tente aplicar algumas da soluções encontradas no seu protótipo.
  • Prototipação: continue a fazer as telas do seu produto projeto no Figma. Nesse momento, é importante você gerenciar o tempo para conseguir terminar o seu protótipo junto com o término da etapa de prototipação.

Desafio Extra (opcional)

  • Separe 3 a 5 páginas iniciais de websites famosos (sugiro de ramos diferentes, ex.: e-commerce, busca, portal de notícias,…) e identifique neles o seguinte:
  • De que forma o site utiliza os princípios de alinhamento, contraste, repetição e proximidade?
    • Em geral, o site possui boa usabilidade? Sim? Não? Por quê?
    • Identifique elementos que parecem funcionar bem ou mal.
    • Busque por padrões que se repetem no site (ex.: botões, tipografia, cores, formas…).
  • Sugestão: utilize a extensão GoFullPage para tirar um print da tela inteira, em seguida coleque a imagem em algum programa (XD, Figma,…) e deixe comentários com suas anotações.

Materiais extras

Templates Notion

Livros

  • Design para quem não é designer (Robin Williams)
    Esse livro é bastante curto e de fácil leitura. Ele apresenta alguns conceitos básicos e bem interessantes de design. Conceitos esses que ajudarão não somente com design de interfaces, mas qualquer tipo de design.
  • Não me faça pensar (Steve Krug)
    O autor, referência na área de usabilidade, apresenta diversos conceitos e ideias que podem ser aplicadas à web. Apesar de o livro ser um pouco antigo os conceito nele apresentado ainda podem ter muita utilidade e, com certeza, valem a leitura.

Artigos

Ferramentas

  • GoFullPage
    Extensão para Google Chrome que permite tirar print screen de telas inteiras.

Website

Listas de ferramentas e métodos de UI/UX Design

Projeto Amazônia

Perguntas Frequentes

Não existe nenhuma pergunta frequente nesta aula. 🙁

Ainda está com dúvidas?

  • Cheque as “Perguntas Frequentes” e os comentários do vídeo do YouTube da aula
  • Caso ainda tenha dúvidas, deixe ela nos comentários do vídeo do YouTube da aula que você assistiu.

Sobre o Bootcampinho Gratuito UI/UX Design

Você já pensou em aprender UI/UX Design de forma gratuita, com todos os vídeos diretamente no YouTube? Não é preciso fazer cadastro, deixar seus dados nem nenhuma complicação.

É só começar a assistir e praticar.

Para ajudar você o Bootcampinho Gratuito de UI/UX Design ainda conta com roteiro bem estruturado, materiais de apoio, templates de apoio e muito mais.

Informações importantes

  • Dúvidas: as dúvidas deverão ser feitas através dos comentários no YouTube. Cheque os comentários para ver se sua dúvida não foi respondida e também a página de cada aula para ver se a resposta não está nas “Perguntas Frequentes” da aula.
  • Certificados: os certificados são limitados. Para mais informações, cheque a página do curso.
  • Grade Completa: clique aqui para ver a grade completa do curso.