Design responsivo e com vários dispositivos

OBJETIVOS

Você aprenderá as bases para enfrentar projetos em que vários dispositivos entram em cena (desktop, tablet, celular, televisão ...), entendendo as necessidades do usuário e o valor do contexto em cada um deles.

Você praticará o design de sistemas modulares para otimizar suas propostas responsivas.

  • Decida em que contexto propor um projeto responsivo e quais são as alternativas.
  • Truques para fazer com que seu fluxo de trabalho e o restante da equipe corram bem.
  • O melhor conteúdo, tipografia, estratégias de foto e vídeo (entre outras coisas) para projetos com vários dispositivos.
  • Projete praticando com sistemas modulares em vez de telas estáticas.
  • Padrões UX para responsivo.
  • Noções básicas de código responsivo: consultas de mídia, pontos de interrupção, flexbox, etc.
  • Você enfrentará o design de sistemas nos quais várias telas intervêm.

Dirigido a

Designers, testadores e desenvolvedores que desejam aprender e desenvolver aplicativos para qualquer dispositivo

Agenda do curso

DIA 1 - MÓDULO 1 - CONCEITOS RESPONSIVOS

  • Web design responsivo (RWD).
  • Móvel primeiro.
  • Aprimoramento progressivo e degradação graciosa.
  • Aplicativo nativo.
  • Aplicativo híbrido.
  • Versão web para celular.
  • Multicanal.
  • Micro-momentos.
  • Tela dupla.
  • Dispositivos complementares.
  • Interface de usuário natural

DIA 1 - MÓDULO 2 - MÓVEL PRIMEIRO

  • Crescimento.
  • Restrições.
  • Capacidades.
  • Conteúdo e Contexto.

DIA 1 - MÓDULO 3 - PROJETO DO SISTEMA

  • Como funciona a Internet?
  • Do que é feita uma interface?
  • Projeto atômico.

DIA 2 - MÓDULO 1 - PADRÃO RESPONSIVO

  • O que são padrões de design de interface do usuário?
  • Como devo usar os padrões de design da interface do usuário?
  • Teclados inteligentes.
  • Valores padrão e preenchimento automático.
  • Login social.
  • Navegação fixa fixa.

DIA 2 - MÓDULO 2 - MULTI-DISPOSITIVO

  • Experiência em várias telas.
  • Quatro telas.
  • Cinco telas.
  • Smartphone.
  • Laptop ou desktop.
  • Tablet.
  • TV inteligente.
  • Smartwatch.
  • Como categorizamos os dispositivos.
  • Padrões de estratégia para vários dispositivos.
  • Coerência.
  • Sincronização.
  • Compartilhamento de tela.
  • Troca de dispositivo.
  • Complementaridade.
  • Simultaneidade.
  • Conteúdo inteligente.
  • Crie um serviço para vários dispositivos.