UX/UI Starter Pack (pt-br) — Um apanhado de referências e recursos para quem está chegando agora
Inicio de carreira pode ser meio complicado por não conhecer tudo que a internet nos oferece como ferramenta (aliás, ninguém conhece). Mesmo os mais experientes podem não ter visto tudo, e o melhor jeito de nos atualizar, é compartilhando conhecimento.
Sendo assim, fiz um apanhado geral de serviços, ferramentas, recursos, sites de inspiração, etc… Ferramentas que me ajudaram e me ajudam no dia-a-dia. O intuito é que, os novatos possam escolher as melhores armas que facilitarão matar os leões diários. E os veteranos, um simples compartilhamento de referências que podem ser úteis.
Então. Bora lá!
Cursos
Cada vez mais, surgem cursos sobre UX e UI. Há um tempo já temos pós graduação na área e até em escolas publicas que oferecem cursos na área. Aqui decidi listar cursos que, ou são onlines ou são itinerantes.
Tim Tec UX e UI Design
Esse curso iniciante e grátis ministrado por Edu Agni foi o que me deu o start para o mundo do UX.
Awari UX Design
Esse curso da Awari impressiona pelos nomes que estão envolvidos no projeto como mentores. O curso é pago, mas o valor a ser pago depende de quanto tempo você levará para concluir o curso (grande incentivo para não ficar de procrastinação! haha)
Alura UX Design Alura
A Alura tem 593 cursos sobre temas diversos. E um dos segmentos deles é Design & UX. Sobre exclusivamente UX eles disponibilizam 13 cursos (tirando o curso de introdução). É pago, porém você tem acesso a todos os 593 cursos.
UI Lab UI Design para iniciantes
Os gêmeos do UI. A UI Lab aborda exclusivamente interface, esse curso eu nunca fiz, mas já fiz o curso presencial deles. Os caras são referencia brasileira na área.
Mergo Cursos de UX, Usabilidade e Inovação
A Mergo oferece cursos variados da área de UX, como: UX writing, UX Metrics, Design Sprint, etc… Até mesmo curso completo de formação. Vale a pena ver. Já tiveram edições em vários estados, não sei se ainda acontece fora de São Paulo.
Origamid Web Design, UX, UI
A Origamid oferece cursos de web design, UX, UI, front-end e JavaScript. Já pensei em fazer os cursos do André (criador da Origamid) porém ainda não fiz, mas agora vendo o feedback no facebook: 601 avaliações, 597 de 5 estrelas, acho que é um bom investimento! xD
UX Academy UX para Webdesigners
Luis Felipe Fernandes oferece um curso que é parada garantida para quem procura cursos UX. Ele é super requisitado em talks e eventos. Curso super recomendado.
UX Udemy — Leandro Rezende
Já 13.463 alunos fizeram os cursos do Leandro Rezende pela Udemy. Nela ele aborda temas diversificados dentro do UX . São cursos sobre: Testes de usabilidade; Métricas; Design Sprint; Times Ágeis e Design Thinking. A plataforma está sempre dando descontos, mas quando não estiver, use esse cod: blog95off e deixe o curso com o valor de duas cervejas!
Canais de Youtube
Ainda não existe muitos canais especializados em UX no Brasil, porém os poucos, produzem muito conteúdo. E o melhor, eles estão sempre fazendo collabs, lives e coberturas de eventos.
UXNOW
O maior canal de UX do Brasil (atualmente). Daniel Furtado esta sempre experimentando novos formatos para abordar o tema. Muito versátil, atuante e acessível.
UXLAB
Andrei Gurgel aborda temas em forma de conversa e nos faz refletir sobre a profissão. Também trás conversas com outras referências da área, o que é muito enriquecedor.
DESIGN TEAM
No estilo cineasta e bem roteirizado, Rodrigo Lemes aborda temas pertinentes de nossa profissão e como profissional.
Inovação Possível com Rodrigo Giaffredo
O Agile Transformation Leader da IBM, Rodrigo Giaffredo fala sobre Design Thinking e inovação. O cara é um guru, vale muito a pena acompanhar.
Artigos e e-books
O Medium cada vez mais vem se afirmando como local para compartilhamento de conhecimento e experiências, então aqui eu trago alguns “Mediums” que são essenciais para nós.
UX Collective Brasil
Desafio você explorar UX no Medium e não cruzar com o UX Collective.
Coletivo UX
Reunindo pessoas e transportando conhecimento em UX, todos a bordo?
Mega Sistemas
A Mega é uma empresa de software ERP e a equipe de UX compartilha os conhecimentos, experiências de vida e descobertas do dia-a-dia. Segue nóis!
//ux.blog
Debates, eventos e muitos outros.
Choco la Design
Uma abordagem geral sobre os vários Designs, artigos que vão lhe agregar muito.
Catarinas Design de Interação
A Catarinas Design oferece e-books para alguns segmentos de empresa e aplicações.
Inspirações
Aqui os sites de inspiração que já usei, é um arsenal poderoso para colher referências em interfaces e interações.
Behance
O site de portfólios da Adobe é sem dúvida o mais usado para publicar projetos de uma forma mais elaborada. É parada obrigatória para desenhistas de interface.
Dribbble
Para quem não quer criar uma apresentação tão elaborada, apenas uma tela, um elemento ou interação, o Dribbble é o o-concur.
Awwwards
Uma copa do mundo diária de sites! Trabalhos de te deixar de boca aberta.
Collect UI
O Collect UI é um site de coleção de telas e elementos de UI. Simples e objetivo.
Uplabs
Tipo os anteriores, porém com desafios, premiações e outros recursos.
Lapa Ninja
Várias interfaces mobile, sites, landing pages. E templates para baixar.
Podcasts
Uma das minhas mídias preferidas, os podcasts são minha opção numero 1 quando estou prototipando. Aqui vai os podcast relacionados a área.
Movimento UX
É um projeto da Izabela de Fatima, onde ela entrevista vários lideres de UX com um olhar de alguém que está querendo entrar área agora. Entre os entrevistados, profissionais da Netflix, Nubank, Work & Co, etc…
ExPatria
Al Lucca um monstro do Design, chama grandes nomes para uma conversa que aborda a trajetória profissional fora do Brasil e da dicas para quem quer fazer o mesmo. É um podcast que para mim, serve para dar inveja! haha #AustraliaMetaDeVida
Aparelho Eletrico
O bom desses podcasts é que, as visões de cada um são distintas do outro, isso considero que agrega muito. Nesse, Henrique Pochmann da dicas sobre o mundo do freelancer, dicas que te ajudam muito e te dão mais segurança para freelar.
Hipsters
É um podcast do time da Alura, que como o site deles, abordam vários temas da tecnologia e um desses é o UX.
Itera ideia
Essa foi uma dica do Douglas Monteiro. O podcast Itera ideia já me ganhou pelos títulos dos capítulos dos episódios, pessoalmente, todos são assuntos bastante interessantes para mim. Ainda não ouvi todos mas vamos à maratona.
Recursos
Para facilitar nosso dia-a-dia, existem sites com recursos que oferecem uma mãozinha na hora de executar nosso trabalho. Esbaldem-se! haha
Trello
“Trello é a maneira gratuita, flexível e visual de organizar tudo, com quem quiser.” — Segundo o próprio. Resumindo: Kanban gratuito!
Real Time Board
Essa ferramenta é incrível! é um board livre para você montar canvans, fazer sitemaps, colar posti-its e tudo que você faz na parede da sua empresa.
Snazzy Maps
Customize os mapas para por na suas interfaces.
uiGradients
Gerador de degrades modernosos.
Colourco.de
Para gerar esquema de cores.
Colorable
Teste o contraste do background com a fonte, e faça boas combinações.
Sketchsheets
Baixe templates de vários devices, e crie os seus wireframes no lápis.
Lorem Ipsum
Gerador de texto Lorem ipsum.
Google Fonts
Baixe fontes com garantia google de qualidade.
Flaticon
Um banco de icones gigante, e muita coisa free. Já baixe no formato que precisa.
Uma lista com UI Kits, Mock-ups, Add-ons, Fonts, Templates, Icones, Wireframes, UI/UX tools para vários softwares.… Só baixar.
Prototipação
Estamos vivendo na época em que as marcas estão se desdobrando para cada uma entregar o melhor produto para prototipação, e quem ganha com essa guerra, somos nós.
Adobe XD
A Adobe deixou por muito tempo que os profissionais de interface, fizessem seus protótipos no Photoshop. E até implementaram algumas funções para ajudar. Porém o PS gera arquivos muito pesados. Após o surgimento de softwares específico para prototipação, a Adobe resolveu desenvolver o seu também. Hoje o Adobe XD está free e em constante evolução.
Sketchapp
Acredito que hoje o Sketchapp domine o mercado, existem vários plug-ins, outros softwares que conversam muito bem com ele, cursos e muitos UI Kits. Por sorte da Adobe, o Sketchapp sempre foi exclusivo para MAC ( não sei porque! ¬¬), o que exclui uma parte do mercado.
Invisio Studio.
A Invisio é um dos mais fortes players de navegação de protótipo e vendo o que me parece obvio, logo não existirá mais uma ferramenta para cada coisa, quem faz o protótipo, fará a navegação, testes e logo colherá os resultados de forma mais automatizada (assim espero). Com o slogan: “The world’s most powerful screen design tool” o Studio promete desbancar os seus rivais.
Figma
Projete, protótipo e reúna feedback em um só lugar com o Figma.
Proto.io
Parece ser uma ferramenta bem completa, onde é possível desenhar, navegar, fazer as animações e até fazer o teste com o usuário com gravações por vídeo.
UXPin
UXPin é mais uma opção para prototipação.
InVision
Uma poderosa plataforma para navegação do seu protótipo e fazer testes com o usuário.
Axure
Junto com o InVision e o Marvel, o Axure é um dos mais fortes players de plataforma para testes de interface com o usuário. Acho o Axure bastante completo nas suas interações, características que são limitadas em outras opções do mercado.
Marvel
Faz o mesmo que os dois anteriores, porém o Marvel tem um apelo forte com a parte de colaboração. É um player bem completo também.
FluidUI
Outra opção…
Flinto
Flinto para fazer ações interativas.
Zeplin
Uma plataforma de colaboração dos Designers de interface com os Frontends. Está bem conectado com as ferramentas de prototipação, ferramenta obrigatória para otimizar seus times.
Discord
Uma ferramenta linda e incrível feita para jogos, mas serve para comunicação entre times, áudio, conferencia, compartilhamento de tela, funciona web, desktop, mobile... Tem um potencial incrível.
Na verdade, sua melhor ferramenta é o papel e lápis! Rabisque, desenhe e o mais importante, anote Tudo!
Convido a vocês, que se não pus sua ferramenta preferida, jogue nos comentários! ;D
