Usabilidade e composição | Bootcampinho UI/UX Design
Você sabe o que são usabilidade e composição no design? Aprenda nessa aula o que é, ferramentas e muito mais!
Compartilhe!
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
- 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
- 10 heurísticas de Nielsen para o design de interface (em inglês)
- Leis de UX: Os Princípios Básicos de UX Design
Ferramentas
- GoFullPage
Extensão para Google Chrome que permite tirar print screen de telas inteiras.
Website
- Laws of UX (em inglês)
Listas de ferramentas e métodos de UI/UX Design
- Uma ampla lista de métodos e entregáveis de UX design
Diversas ferramentas, links e entregáveis comuns nos mundos de UI/UX Design - ‘The great’ UX design toolbox (em inglês)
Lista com cerca de 900 ferramentas que podem ser utilizadas em diversas etapas do design. - Métodos e entregáveis em UX (em inglês)
Projeto Amazônia
- Rotina de UI/UX Design | #PerrenguesAmazônicos
Nesta playlist eu compartilhei todo o processo enquanto criava o projeto que usarei como exemplo em vários pedáços do curso. - Link do Protótipo
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.
Gostou deste material?
Me ajude compartilhando!