LABootcamp: lista de ferramentas e bibliotecas para imergir no mundo do design

Durante o LABootcamp, realizado em janeiro, apresentei alguns sites, ferramentas e plataformas. Aqui vão algumas delas para você acessar e utilizar no seu dia a dia :)

Glossário com termos e expressões do mundo do design

Design Glossary of Terms | Design Defined | InVision

Para escolher cor, fonte e verificar níveis de contraste

• Google Fonts
• Color Tool
• Color Box
• Contrast Checker
• Contrast Checker

Design Systems para ter como referência

Material Design System

• Google Material Design
• Sales Force
• IBM
• AUDI
• Governo da Austrália

Bibliotecas de metodologias e ferramentas para um design centrado no usuário

• Service Design Tools: Ferramentas e tutoriais para processos de design focados no usuário, voltado mais pra Service Design, mas que pode ser adaptado para ser utilizado em outros contextos.
• Optimal Sort: Para card-sortings online.

Para prototipação e design de interfaces

Figma: the collaborative interface design tool.

• Figma
• MarvelApp
• InVision
• Sketch
• AdobeXD
• Framer X

Abstract

Para um nível mais avançado em design de interfaces

• ABSTRACT: Ferramenta para gestão de arquivos no estilo GIT. Possui integração com o Sketch e Adobe XD.
• ProtoPie: Ferramenta para criação e edição de interfaces de produtos digitais.
• SVGator: Ferramenta para animação de vetores em formato SVG.

Já para testes de usabilidade

Testes de Usabilidade

• Página com uma biblioteca de informações sobre testes de usabilidade do Portal de Serviços Públicos do Governo Federal — BR.
• Screen-O-Matic: Ferramenta para gravação de tela e webcam para testes de usabilidade.

Bom, é isso! Curtiu? Tem alguma sugestão? Coloca aí nos comentários 😉

Até a próxima! ✌️