Como designer de UX ou designer de interface do usuário, podemos codificar ou inspecionar o código com as ferramentas de desenvolvimento do nosso navegador. Em um artigo publicado no blog UX Republic podemos ler:
“Durante um projeto, designers e desenvolvedores trabalham juntos. O relacionamento deles é a chave para o seu bom funcionamento.”
De fato, para um designer, entender as restrições do desenvolvedor permite que ele antecipe e adapte o design das interfaces do produto em questão. O designer com habilidades técnicas trará para dentro da equipe uma forma de facilitar a comunicação e, consequentemente, a colaboração.
Para aprender a codificar ou simplesmente praticar o que é melhor do que praticar. Existem muitas formas de aprender seja através de vídeos, ou cursos, manuais. Mas é praticando que você entende e nada melhor do que fazer exercícios lúdicos.
Testamos jogos para aprender a codificar ou melhorar e aqui está nossa seleção:
JOGO CODEPIP
É uma plataforma para jogos de desenvolvimento web liderada por Thomas Park, designer e desenvolvedor. Você pode jogar Flexbox Froggy, o primeiro jogo desenvolvido e que se tornou muito popular na comunidade web.
SAPO FLEXBOY
Algumas palavras sobre este jogo...
Flexbox Froggy é um jogo simples, o objetivo é ajudar Froggy a chegar em sua casa. Para isso, os jogadores terão que aprender a usar o módulo de layout CSS Flexbox.
GRADE DE JARDIM
Manter seu jardim de cenouras nunca foi tão fácil graças à grade CSS. Diga adeus às ervas daninhas aprendendo a definir linhas de colunas e áreas de padrão de grade. A cada fase o jogador aprende diferentes propriedades até conseguir combinar várias para salvar sua horta de cenouras.
JSROBOT
Com este jogo de plataforma você aprenderá JavaScript. O jogador controla um robô para coletar moedas, evitar obstáculos e alcançar a bandeira no final da fase.
CODECOMBATE
Code Combat é um jogo online de código aberto onde o jogador deve programar os movimentos e ações de seu personagem em uma sala. Aprenda Python, JavaScript e HTML resolvendo quebra-cabeças e depois aprenda a criar seus próprios jogos e sites de programação.
BATALHA CSS
O conceito do CSSBattle é o seguinte, trata-se de reproduzir um visual usando o menor número possível de linhas de código. Na plataforma temos um editor de texto e o usuário pode ver a renderização instantaneamente. Os desafios anteriores são arquivados e classificados. Em particular, temos um ranking dos melhores desenvolvedores por desafio.
Yasmina BELHADJ, UI-UX Designer @UX-Republic
Nossos próximos treinamentos
PIWIK PRO#Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine
TESTE DE USUÁRIO: APRENDA E MELHORE # Bélgica
UX-REPUBLIC Bélgica
Avenida de Broqueville, 12 - 1150 Woluwe-Saint-Pierre
DESIGN THINKING: CRIANDO INOVAÇÃO # Bélgica
UX-REPUBLIC Bélgica
Avenida de Broqueville, 12 - 1150 Woluwe-Saint-Pierre
PENSAMENTO DE DESIGN: CRIANDO INOVAÇÃO #Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine
UX-DESIGN: OS FUNDAMENTOS # Bélgica
UX-REPUBLIC Bélgica
Avenida de Broqueville, 12 - 1150 Woluwe-Saint-Pierre
PESQUISA DE USUÁRIOS: APRENDENDO COM OS USUÁRIOS # Bélgica
UX-REPUBLIC Bélgica
Avenida de Broqueville, 12 - 1150 Woluwe-Saint-Pierre
TESTE DE USUÁRIO: APRENDA E MELHORE # Bélgica
UX-REPUBLIC Bélgica
Avenida de Broqueville, 12 - 1150 Woluwe-Saint-Pierre
UX-DESIGN: OS FUNDAMENTOS # Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine
PENSAMENTO VISUAL: CONCRETE SUAS IDEIAS # Paris
UX-REPÚBLICA Paris
11 rue de Roma - 75008 Paris
CONSCIÊNCIA DE ACESSIBILIDADE DIGITAL # Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine