[SEGUNDA EDIÇÃO] Prototipação para produtos digitais (CURSO ONLINE) - Do papel ao responsivo

Acesse a página para novas edições do curso

Do papel ao responsivo, pronto para validar e implementar. Carga horária de 6h, com Thiago Esser.

Objetivos do treinamento:

• Lembrar qual a finalidade de usar protótipos na concepção de produtos digitais
• Saber o que usar em cada etapa dessa concepção (da baixa até a alta fidelidade, de forma incremental)
• Construir um ambiente de desenvolvimento de protótipos (diferente do ambiente de programação de software, mas conversando muito bem com este)
• Documentar e validar as decisões de design pelo meio de protótipos e artefatos auxiliares

Público alvo:

UX Designers, Designers de Interação, Product Designers, Product Owners, Análistas de Negócios, Testadores, Desenvolvedores e demais profissionais que trabalham com a criação de produtos digitais.

Principais tópicos:

1. Introdução: por que prototipar?
2. Fidelidade: escolhendo o tipo de protótipo certo para cada momento (baixa, média ou alta fidelidade)
3. Ferramentas de prototipação online e offline, pra equipes presenciais ou remotas (ver lista completa de ferramentas abaixo)
4. Kit de primeiros protótipos: macetes para não começar do zero a cada novo projeto.
• Criando um banco de referências com interfaces e padrões
• Construindo kits de User Interface (UI) para protótipos em papel (baixa), slides (média) e html (alta)
5. Baixa fidelidade:
• Usando ferramentas visuais para estabelecer uma visão de produto, criar cenários e consolidar necessidades
• Desenhando fluxos de interação (planificando o protótipo)
6. Média fidelidade:
• Mashup de influenciadores
• Mockups e protótipos usando slides 
7. Alta fidelidade: protótipos navegáveis com imagens, HTML e CSS
• HTML e CSS (o suficiente para "se virar")
• Melhorando ou redesenhando interfaces existentes
• Bootstrap: aprendendo sobre layouts responsivos e mais sobre as restrições e possibilidades do meio web
• Bootstrap Studio: construindo protótipos com uma ferramenta drag and drop
  
• Repositório de arquivos (GitHub):
• Criando um fluxo de trabalho seguro e colaborativo entre designers
• Fazendo entregas contínuas para validações com o público interno (reviews com gerência de produtos e desenvolvedores) e externo (pesquisa com usuários)   
8. Documentação e apresentação de protótipos:
• Estruturando um design system ou style guide
• Integrando com outras práticas de documentação de software (histórias de usuários e especificações)
• Modo concierge, ou como fingir funcionalidades até desenvolvê-las

Definições em baixa fidelidade (papel e caneta)

Mashup com interfaces existentes e novas ideias usando Google Slides.

Criação de protótipo em alta fidelidade com Boostrap Studio

Protótipo em alta fidelidade (HTML e CSS)

Ferramentas apresentadas no curso*:

• Papel, canetas e quadros (on e offline)
• Google Slides
• Bootstrap Studio e Bootstrap (framework de UI)
• GitHub
• Photoshop
• Chrome DevTools
• CSS e Javascript Injection (extensão para Chrome)
• Sublime Text

* A maior parte das ferramentas são gratuitas ou com preço muito em conta. Em relação às pagas: a sua compra não é obrigatória para o aproveitamento total do curso. Veja abaixo os requisitos técnicos para realizá-lo.

Quando:

O treinamento online vai ocorrer nas noites de segunda (01/10), quarta (03/10) e sexta (05/10), das 20h às 22h.

Sobre o instrutor:

Thiago Esser é um designer com mais de 15 anos de atuação no meio de tecnologia, com experiência em cada uma das etapas do processo de design, atualmente focado em: construir produtos digitais (especialmente plataformas), sintetizar ideias através de ferramentas visuais (facilitações gráficas), e liderar a comunidade de design através de palestras (em 4 países diferentes até agora) e como organizador de eventos (UXConf BR).

Linkedin: linkedin.com/in/thiagoesser
Instagram: @thiagoesser
Twitter: @thiagoesser

Dinâmica do curso:

3 noites online com transmissão ao vivo do curso, ministrado por Thiago Esser.

As aulas ocorrem nas noites de segunda, quarta e sexta para viabilizar que o aluno tenha tempo, entre as aulas, para realizar os exercícios e desafios (temas de casa) que serão deixados pelo instrutor ao final de cada aula.

O ambiente é propício para transmissão de treinamentos, com disponibilização de ferramentas para interação entre alunos e instrutor, como chat online e também ferramenta para comunicação de voz, para que por exemplo, um aluno possa realizar perguntas ao instrutor (nesse caso, requer que o aluno tenha microfone em seu notebook, pc, tablet ou smartphone).

Assista a qualquer horário:

Logo após o término de cada aula ao vivo, todos os alunos recebem por email um link com o vídeo de replay. Dessa forma, mesmo que você não tenha disponibilidade para assistir o curso ao vivo poderá assistir no horário que for melhor para você.

O replay das aulas também se torna muito útil para futuras consultas, seja de parte de uma aula, da aula inteira, ou até mesmo do treinamento inteiro. Isso pode ser útil caso você não consiga aplicar o aprendizado na sua empresa atual, mas tente novamente daqui alguns meses em outra empresa/equipe/projeto.

Pré-requisitos técnicos:

• Dispositivo (notebook, PC, smartphone ou tablet) conectado à internet.
• Internet banda larga para suportar a transmissão das aulas.
• Sobre conhecimentos em HTML e CSS: não é necessário ter grandes conhecimentos nesse sentido mas, para desenvolver todo o potencial do que será passado, é preciso ter disposição para aprender e não ter medo de mexer com códigos bem simples (don't worry, sem programar!).  
• Sobre a qualidade da internet requerida: se você consegue assistir vídeos no youtube com qualidade razoável (não HD), vai conseguir assistir as aulas.
• Microfone (opcional) em seu dispositivo, caso você queira realizar pergunta falando com o instrutor, ao invés de usar o chat online.

Certificados e material didático:

Todos os alunos recebem o certificado de conclusão, em versão digital, por email logo após a conclusão do curso.

O material didático é constituído por slides e arquivos que serão compartilhados com os alunos durante o curso. A gravação de todas as aulas são disponibilizadas para os alunos logo após o seu final e seguem disponíveis e acessíveis durante um ano.

Nota fiscal e inscrições corporativas/grupos:

Todas as inscrições geram a emissão de Nota Fiscal. A NF será enviada por email em até um cinco dias úteis após a realização da inscrição. É possível realizar a inscrição com desconto para grupos de duas pessoas ou mais, para isto basta selecionar o ingresso correspondente. Em caso de dúvidas, enviar email para [email protected].

Dúvidas?

Faça contato através do email [email protected].