Guia de referências para aprender UI/UX em 2021
Esse ano eu completei 13 anos de carreira como designer e lembro que no começo foi tudo muito confuso e as informações para aprender sobre o assunto estavam todas espalhadas. Existiam poucos cursos e os que existiam na época eram muito caros ou a grade contemplava o necessário para aprender como montar um portfolio e dar o pontapé inicial.
Em Setembro de 2019 comecei a dar mentorias para alunos de UX da Awari e em Junho de 2020 eu comecei como instrutor de uma dessas turmas do curso de UX. Nas mais de 80 mentorias que dei desde que comecei esse trabalho na Awari, tive a oportunidade de escutar as mais diversas dúvidas sobre esse mercado. Foram dúvidas desde as mais simples — de qual a diferença entre uma pesquisa qualitativa e quantitativa-, desde algumas questões que considero mais complexas, que são as mais voltadas ao desenvolvimento de carreira.
Com essas dúvidas em mente eu resolvi criar esse guia de como aprender UI/UX em 2021.
Aqui vou listar e comentar tudo que você precisa aprender em ordem cronológica (claro que na minha opinião).
UX
- O que é UX?
Neste artigo é explicado com detalhes o que é UX.
(https://neilpatel.com/br/blog/ux-o-que-e/) - Definição de briefing
Neste artigo Rafael Neri explica a primeira parte do processo de UX.
(https://medium.com/@RafaelNeriPolatto/processo-de-ux-design-parte-1-de-4-dffd9c034a2d) - Pesquisa
Neste artigo Rayssa Araújo detalha como planejar uma pesquisa de UX.
(https://medium.com/rayssaraujo/como-planejar-uma-pesquisa-de-ux-3a66497ed9be) - Personas
Neste vídeo Daniel Furtado explica de uma forma simples e divertida sobre o que são personas.
(https://www.youtube.com/watch?v=kdUk7DZS6aQ) - Mapa de empatia
Aprenda o que é mapa de empatia de uma maneira simples e direta.
(https://www.youtube.com/watch?v=u_p1y3TY7Sg) - User stories & Job stories
Eu criei este PDF para explicar o que são job stories e como montar.
(https://www.dropbox.com/s/0nq1la41i1h508j/Victor%20Berbel%20%E2%80%93%20User%20Story%20%282021%29.pdf?dl=0) - Arquitetura da informação
Thiago Xavier explica o que é arquitetura da informação.
(https://rockcontent.com/br/blog/arquitetura-da-informacao/) - Wireframe
O que são e como criar?
(https://neilpatel.com/br/blog/wireframes-o-que-sao/) - Teste de usabilidade
Elisa Volpato explica sobre teste de usabilidade
(https://brasil.uxdesign.cc/teste-de-usabilidade-o-que-%C3%A9-e-para-que-serve-de3622e4298b)
UI
- O que é UI?
(https://neilpatel.com/br/blog/ui-o-que-e/) - Figma
Figma é a ferramenta que eu uso e recomendo para criação de UI, neste tutorial Gabriel Silvestri explica em 1 hora grande parte do que você precisa saber para começar a usar a ferramenta.
(https://www.youtube.com/watch?v=vg-INqhKD5c) - Teoria das cores
Greg Gun explica neste vídeo (em Inglês) sobre como usar cores e como criar paletas para seus projetos.
(https://www.youtube.com/watch?v=C1rQQ_YpgcI)
- Mood Board
O mood board é um compilado de referências visuais para definir qual estilo de design você vai seguir em um projeto. Nesse artigo, Jaider Morais explica o que é e porque usar mood boards.
(https://designcomcafe.com.br/moodboard/) - Grid
Neste vídeo eu explico o que é grid e como é utilizado em projetos mobile.
(https://www.youtube.com/watch?v=rs2hpJvtF6M)
(Este vídeo é um dos capítulos do meu curso que eu ensino o básico de UI para a criação de um projeto mobile.
(https://www.udemy.com/course/aprenda-o-basico-de-ui-mobile/) - Protótipo
Neste vídeo eu explico como criar um protótipo navegável.
(https://www.youtube.com/watch?v=ReJcmhHv_9M)
(Este vídeo é um dos capítulos do meu curso que eu ensino o básico de UI para a criação de um projeto mobile.
(https://www.udemy.com/course/aprenda-o-basico-de-ui-mobile/)
Portfolio
- Como criar o seu
Neste artigo eu explico o processo para começar sua carreira, além de como e onde criar um portfólio.
(https://medium.com/@victorberbel/como-come%C3%A7ar-sua-carreira-como-ui-ux-designer-9328ff64eb02)
Lugares para buscar inspiração
- Dribbble www.dribbble.com
- Behance www.behance.net
- Savee www.savee.it
- Pinterest www.pinterest.com
- Mobbin www.mobbin.design
- Abduzeedo www.abduzeedo.com
Todos os links acima são recursos grátis e só depende de você para focar no seu aprendizado, de acordo com o seu ritmo, e começar sua carreira como UI/UX Designer.
Não é um caminho fácil e nem rápido, mas com muito empenho é algo que você com certeza vai conseguir desenvolver. Dentro de todas as coisas que listei acima além da leitura, é sempre legal você buscar aplicar e ir para um treino mais prático. Botar a mão na massa é algo de extrema importância para montar um portfólio e colocar em prática tudo que você aprendeu. Recomendo pegar todos os aprendizados e criar um projeto pessoal para resolver algum tipo de problema.
Achou que faltou algum ponto importante e gostaria de adicionar ou quer falar sobre UI/UX?
É só enviar e-mail para hello@victorberbel.work que eu respondo o quanto antes. :)
