“Web design responsivo em Adobe XD” é o sexto curso de um programa que dará a você as habilidades necessárias para se candidatar a empregos de nível básico em design de experiência do usuário (UX, na sigla em inglês). Neste curso, você criará o design de um site responsivo usando o Adobe XD, uma ferramenta de design muito usada. Você completará o processo de design do início ao fim: ter empatia com os usuários, definir dificuldades, apresentar soluções de design, criar wireframes e protótipos e testar designs para receber feedback. No final do curso, você terá um novo projeto de design para incluir no seu portfólio profissional de UX.
Este curso faz parte do Certificado Profissional Design de UX do Google (PT)
Web design responsivo em Adobe XD
oferecido por
Informações sobre o curso
23.296 visualizações recentes
Prazos flexíveis
Redefinir os prazos de acordo com sua programação.
Certificados compartilháveis
Tenha o certificado após a conclusão
100% on-line
Comece imediatamente e aprenda em seu próprio cronograma.
Curso 6 de 7 no
Nível iniciante
Aprox. 40 horas para completar
Português (Brasil)
Legendas: Português (Brasil), Inglês
O que você vai aprender
Aplicar cada etapa do processo de design de UX para criar um site responsivo no Adobe XD.
Planejar a arquitetura da informação e mapas para designs de sites.
Aplicar layouts comuns para páginas da Web.
Concluir um projeto de design e inclui-lo em seu portfólio profissional de UX.
Habilidades que você terá
- Testagem de usabilidade
- Adobe XD
- Design de experiência do usuário (UXD)
- Prototipo
- Experiência do usuário (UX)
Prazos flexíveis
Redefinir os prazos de acordo com sua programação.
Certificados compartilháveis
Tenha o certificado após a conclusão
100% on-line
Comece imediatamente e aprenda em seu próprio cronograma.
Curso 6 de 7 no
Nível iniciante
Aprox. 40 horas para completar
Português (Brasil)
Legendas: Português (Brasil), Inglês
oferecido por
Google Career Certificates are part of Grow with Google, an initiative that draws on Google's 20-year history of building products, platforms, and services that help people and businesses grow. Through programs like these, we aim to help everyone– those who make up the workforce of today and the students who will drive the workforce of tomorrow – access the best of Google’s training and tools to grow their skills, careers, and businesses.
Programa - O que você aprenderá com este curso
Classificação do conteúdo99%(1,039 classificações)
Semana
1Semana 1
Início do processo de design de UX: empatia e definição
Descubra os fundamentos do Web design responsivo. Para criar um site responsivo, você vai seguir as etapas do processo de design de UX: empatia, definição, idealização, protótipo e teste. Nesta parte do curso, você vai ver as etapas de empatia e definição. Além disso, você vai começar a explorar o Adobe XD, uma ferramenta de design famosa que será usada ao longo deste curso.
13 vídeos (Total 38 mín.), 16 leituras, 9 testes
13 videos
Dave - Minha jornada até a UX2min
Boas-vindas à semana 11min
Como funcionam sites responsivos3min
Introdução ao Adobe XD2min
Iniciar um projeto no Adobe XD8min
Jennifer - Usar ferramentas de design digital2min
Desenvolver empatia pelos usuários e entender pontos problemáticos4min
Criar personas2min
Criar histórias de usuários2min
Criar um mapa da jornada do usuário3min
Criar uma declaração de problema1min
Finalização: Início do processo de design de UX: empatia e definição49s
16 leituras
Bem-vindo ao Curso 610min
Introdução ao segundo projeto do portfólio10min
Escolher sua segunda instrução para projeto do portfólio 10min
Primeiros passos com o Adobe XD 10min
Opcional - Primeiros passos no Figma10min
Saiba mais sobre como desenvolver empatia pelos usuários10min
Realize entrevistas para mapas de empatia 10min
Criar mapas de empatia10min
Exemplar de atividade: Criar um mapa de empatia10min
Saiba mais sobre personas 10min
Exemplar de atividade: Criar personas10min
Saiba mais sobre histórias de usuários10min
Saiba mais sobre os mapas de jornada do usuário10min
Exemplar de atividade: Criar uma história e um mapa da jornada do usuário10min
Saiba mais sobre declarações de problema10min
Glossário5min
8 exercícios práticos
Atividade: Enviar sua opção de solicitação de projeto de portfólio5min
Teste seus conhecimentos sobre o design de sites responsivos 2min
Teste seus conhecimentos sobre os fundamentos do Adobe XD4min
Teste seus conhecimentos sobre empatia pelos usuários4min
Atividade: Criar um mapa de empatia1h 30min
Atividade: Criar personas30min
Atividade: Criar uma história e um mapa da jornada do usuário30min
Teste seus conhecimentos sobre as declarações de problemas4min
Semana
2Semana 2
Continuação do processo de design de UX: Ideação
Hora de continuar seu projeto de design de site responsivo. Nesta parte do curso, você vai passar para a fase de ideação do processo de design. Para pensar em soluções de design, você vai conduzir uma auditoria competitiva, realizar a atividade Como podemos e esboçar ideias no exercício Crazy Eights. Você também vai aprender sobre a importância da arquitetura da informação e dos sitemaps para projetar sites.
9 vídeos (Total 31 mín.), 8 leituras, 6 testes
9 videos
Realizar uma auditoria competitiva 3min
Pensar em ideias usando o exercício Como podemos2min
Pensar em ideias usando o exercício Crazy Eights5min
Planejar a arquitetura da informação2min
Explorar estruturas comuns de sites 7min
Explorar sitemaps2min
Construir um sitemap para seu site5min
Finalização: Continuação do processo de design de UX: Ideação1min
8 leituras
Saiba mais sobre auditorias competitivas 10min
Exemplar de atividade: Realizar uma auditoria competitiva para seu site10min
Saiba mais sobre o uso de auditorias competitivas para idealizar 10min
Saiba mais sobre os exercícios Como podemos e Crazy Eights10min
Exemplar de atividade: Pensar em ideias para seu site10min
Saiba mais sobre a arquitetura da informação10min
Saiba mais sobre como criar um sitemap10min
Glossário5min
5 exercícios práticos
Atividade: Realizar uma auditoria competitiva para seu site30min
Autorreflexão: Usar a pesquisa de concorrência para informar os designs20min
Teste seus conhecimentos sobre técnicas de ideação4min
Atividade: Pensar em ideias para seu site30min
Teste seus conhecimentos sobre estruturas de sites8min
Semana
3Semana 3
Como criar wireframes para um site responsivo
Depois de criar empatia pelos usuários, definir o problema do usuário que será resolvido e começar a idealizar possíveis soluções, é hora de dar vida às suas ideias em wireframes. Seu site responsivo terá layouts diferentes dependendo do tamanho do dispositivo e da tela para que você está projetando, então você vai criar muitos wireframes diferentes. Primeiro, você vai explorar layouts de sites comuns e criar wireframes de papel. Em seguida, você vai conhecer alguns elementos e componentes muito usados no design de sites responsivos. Depois, você vai passar para a criação de wireframes digitais no Adobe XD. Por fim, você vai atualizar e refinar seus wireframes para melhorar a acessibilidade.
12 vídeos (Total 53 mín.), 13 leituras, 5 testes
12 videos
Explorar layouts comuns de páginas iniciais de sites7min
Fundamentos de wireframes 9min
Planejar um layout responsivo3min
Ajustar layouts de página com base no tamanho da tela2min
Transição de wireframes de papel para digitais1min
Criar wireframes digitais no Adobe XD8min
Criar wireframes para outros tamanhos de tela no Adobe XD4min
Jay - Design com o Adobe XD2min
Refinar wireframes para melhorar a acessibilidade6min
Avaliar wireframes usando os Princípios de Gestalt3min
Finalização: Como criar wireframes para um site responsivo 1min
13 leituras
Saiba mais sobre layouts de sites comuns10min
Saiba mais sobre wireframes10min
Exemplar de atividade: Começar a criar wireframes de papel para seu site10min
Saiba mais sobre como planejar layouts responsivos10min
Elementos comuns do design responsivo10min
Exemplar de atividade: Criar variações dos seus wireframes de papel10min
Saiba mais sobre a criação de wireframes digitais no Adobe XD10min
Opcional - Criar wireframes digitais no Figma10min
Exemplar de atividade: Criar wireframes digitais para uma tela de desktop10min
Opcional - Criar wireframes para outros tamanhos de tela no Figma10min
Exemplar de atividade: Criar wireframes digitais para outros tamanhos de tela10min
Saiba mais sobre como usar os Princípios de Gestalt em wireframes10min
Glossário5min
4 exercícios práticos
Atividade: Começar a criar wireframes de papel para seu site30min
Atividade: Criar variações dos seus wireframes de papel30min
Atividade: Criar wireframes digitais para uma tela de desktop30min
Atividade: Criar wireframes digitais para outros tamanhos de tela30min
Semana
4Semana 4
Criação e teste de protótipos de baixa fidelidade
Agora que você criou wireframes digitais no Adobe XD, é hora de criar, testar e iterar em um protótipo de baixa fidelidade. Primeiro, você vai aprender como criar um protótipo de baixa fidelidade no Adobe XD. Você vai planejar e realizar um estudo de usabilidade para receber feedback sobre seu protótipo. Depois, você vai modificar seus designs de baixa fidelidade com base nos insights da sua pesquisa.
9 vídeos (Total 29 mín.), 12 leituras, 8 testes
9 videos
Compreender protótipos de alta fidelidade2min
Criar um protótipo de baixa fidelidade no Adobe XD5min
Planejar um estudo de pesquisa de UX 3min
Realizar um estudo de usabilidade2min
Reduzir o viés em um estudo de usabilidade4min
Analisar e sintetizar os resultados da pesquisa2min
Iterar em projetos de baixa fidelidade com base nas descobertas da pesquisa4min
Finalização: Criação e teste de protótipos de baixa fidelidade49s
12 leituras
Saiba mais sobre como criar um protótipo de baixa fidelidade no Adobe XD10min
Opcional – Criar um protótipo de baixa fidelidade no Figma10min
Exemplo de atividade: criar um protótipo de baixa fidelidade para seu site responsivo10min
Verificar um protótipo de baixa fidelidade10min
Saiba mais sobre como planejar um estudo de pesquisa de UX 10min
Exemplo de atividade: Planejar um estudo de pesquisa de UX10min
Saber mais sobre como realizar um estudo de usabilidade10min
Exemplo de atividade: realizar um estudo de usabilidade para um protótipo de baixa fidelidade10min
Saber mais sobre como analisar e sintetizar os resultados da pesquisa10min
Exemplo de atividade: Analisar e sintetizar os resultados de um estudo de usabilidade10min
Saber mais sobre a iteração em designs de baixa fidelidade10min
Glossário5min
7 exercícios práticos
Testar seus conhecimentos sobre wireframes versus protótipos4min
Atividade: criar um protótipo de baixa fidelidade para seu site responsivo 30min
Atividade: Planejar um estudo de pesquisa de UX30min
Autorreflexão: determinar como reduzir o viés em seus próprios estudos20min
Atividade: realizar um estudo de usabilidade para um protótipo de baixa fidelidade30min
Atividade: Analisar e sintetizar os resultados de um estudo de usabilidade30min
Teste seus conhecimentos sobre modificação de projetos com base nos resultados da pesquisa4min
Semana
5Semana 5
Como criar e testar designs de alta fidelidade
Nesta parte do curso, você se aprontará para criar modelos do site responsivo no Adobe XD. Você também vai estender seu trabalho com sistemas de design e usar componentes de sistemas de design externos nos designs de sites responsivos. Em seguida, você vai transformar os modelos em um protótipo de alta fidelidade criando conexões, adicionando detalhes de interação e ajustando animações. Por fim, você vai testar o protótipo de alta fidelidade com um estudo de usabilidade, com o objetivo de conseguir feedback de um conjunto diversificado de usuários. Ao fim desta parte do curso, os designs de sites responsivos estarão completos.
11 vídeos (Total 47 mín.), 15 leituras, 10 testes
11 videos
Começar a criar modelos2min
Começar a criar modelos para a página inicial de um site no Adobe XD9min
Continuar criando modelos para a página inicial de um site no Adobe XD10min
Criar modelos para um site para dispositivos móveis no Adobe XD3min
Trabalhar com sistemas de design3min
Usar sistemas de design externos no Adobe XD2min
Criar um protótipo de alta fidelidade no Adobe XD6min
Fazer anotações em protótipos para acessibilidade na Web4min
Finalização: Como criar e testar designs de alta fidelidade1min
Opcional: testar o protótipo de alta fidelidade2min
15 leituras
Analisar os elementos fundamentais do design visual10min
Analisar como organizar elementos em modelos10min
Revisar os princípios do design visual10min
Opcional: começar a criar modelos de sites no Figma 10min
Adicionar imagens e logotipos a modelos no Adobe XD10min
Usar grades repetidas para projetar no Adobe XD10min
Exemplo de atividade: Criar maquetes para um site10min
Saiba mais sobre menus de navegação ocultos10min
Opcional: criar modelos para um site para dispositivos móveis no Figma10min
Exemplo de atividade: Criar um modelo para a página inicial de um site para dispositivos móveis10min
Saiba mais sobre sistemas de design10min
Opcional – Exemplo de atividade: Criar uma folha de adesivos no Figma10min
Saiba mais sobre acessibilidade na Web10min
Glossário5min
Opcional: revise como planejar e realizar um estudo de usabilidade10min
9 exercícios práticos
Testar seus conhecimentos sobre os conceitos básicos de modelos4min
Testar seus conhecimentos sobre como criar uma página inicial no Adobe XD6min
Atividade: Criar maquetes para um site30min
Atividade: Criar um modelo para a página inicial de um site para dispositivos móveis30min
Testar seus conhecimentos sobre como trabalhar com sistemas de design4min
Atividade: Documentar suas decisões de design30min
Opcional – Atividade: Criar uma folha de adesivos no Figma30min
Testar seus conhecimentos sobre acessibilidade na Web6min
Testar seus conhecimentos sobre estudos de usabilidade 4min
Semana
6Semana 6
Documentar o trabalho de design e procurar empregos
Com designs de sites responsivos completos, é possível compartilhar seu trabalho com outras pessoas. Para começar, você vai aprender a preparar e entregar designs aos engenheiros que vão construir o produto final. Você também vai adicionar um estudo de caso ao seu portfólio profissional de UX focado no seu design de site responsivo. Depois, vai se concentrar no seu grande objetivo: conseguir um emprego como designer de UX. Você vai aprender dicas e truques para analisar anúncios de vaga e vai criar um currículo atraente que destaque suas novas habilidades de UX.
15 vídeos (Total 51 mín.), 10 leituras, 9 testes
15 videos
Colaborar com as equipes de engenharia 2min
Entregar especificações de design no Adobe XD3min
Adicionar um projeto ao seu portfólio 2min
Entenda os trabalhos comuns para designers de UX5min
Explore os tipos de empresa em que os designers de UX trabalham6min
Kenny – Perseverança4min
Identifique onde se candidatar a trabalhos de design de UX4min
Verifique descrições de vagas para palavras-chave5min
Entenda os currículos de design de UX 3min
Dane – Meu conselho para currículos de design UX3min
Tim – Meu conselho para currículos de design de UX3min
Atualizar um currículo com base nas descrições de vagas4min
Finalização: Documentar o trabalho de design e procurar empregos43s
Parabéns por concluir o Curso 6: Web design responsivo em Adobe XD1min
10 leituras
Colaborar remotamente com o Adobe XD10min
Saiba mais sobre estudos de caso de portfólio10min
Saiba mais sobre vagas na área de experiência do usuário10min
Descubra oportunidades de trabalho de design de UX10min
Exemplo de atividade: Comece a procurar vagas de UX usando um rastreador10min
Exemplo de atividade: Destaque palavras-chave e requisitos nas descrições de vagas10min
Elementos em um currículo típico de design UX10min
Exemplo de atividade: Esboce um currículo de design de UX 10min
Glossário5min
Comece o próximo curso5min
8 exercícios práticos
Testar seus conhecimentos sobre a transferência de designs6min
Testar seus conhecimentos em estudos de caso de portfólio8min
Autorreflexão: Compartilhe seus objetivos e interesses profissionais20min
Atividade: Comece a procurar vagas de UX usando um rastreador30min
Atividade: Destaque palavras-chave e requisitos nas descrições de vagas30min
Autorreflexão: Pense nas informações para incluir em seu currículo20min
Atividade: Esboce um currículo de design de UX 30min
Desafio semanal 6: Trabalho de design de documentos e busca de empregos1h
Sobre Certificado Profissional Design de UX do Google (PT)
Prepare-se para uma carreira em design de UX, um campo em ampla ascensão, sem precisar de diploma ou experiência. Com o treinamento profissional desenvolvido pelo Google, você aumentará rapidamente sua vantagem competitiva para conquistar um trabalho bem remunerado.
Designers de experiência do usuário (UX) têm como foco a experiência de usuários que utilizam produtos como sites, apps e objetos físicos. Eles tornam essas interações diárias práticas, agradáveis e acessíveis. Ao longo de sete cursos, você desenvolverá as habilidades necessárias para conquistar um trabalho de início de carreira na área. O certificado pode ser concluído em menos de 6 meses, com menos de 10 horas por semana. Você criará designs em papel e em ferramentas digitais, como Figma e Adobe XD. Ao final do programa, você terá um portfólio profissional de experiência do usuário com três projetos completos, pronto para você se candidatar para vagas no mercado de trabalho. 75% dos alunos que obtêm os Certificados do Google nos Estados Unidos relatam uma melhora em suas carreiras dentro de um intervalo de 6 meses após a obtenção da certificação. Veja todos os Certificados de Carreira do Google aqui. Fonte: *baseado nas respostas de pesquisa com os graduados pelo programa, Estados Unidos, 2021
Perguntas Frequentes – FAQ
Quando terei acesso às palestras e às tarefas?
O acesso a palestras e tarefas depende do tipo de inscrição. Se você participar de um curso como ouvinte, você poderá ver quase todo o conteúdo do curso gratuitamente. Para acessar tarefas valendo nota e obter um Certificado, você precisará adquirir a experiência do Certificado, durante ou após a participação como ouvinte. Se você não vir a opção de participar como ouvinte:
o curso pode não oferecer essa opção. Você pode experimentar um teste gratuito ou solicitar o auxílio financeiro.
Em vez disso, o curso pode oferecer 'Curso completo, sem Certificado'. Com esta opção, é possível ver todo o conteúdo do curso, enviar as avaliações necessárias e obter uma nota final. Isso também significa que você não poderá comprar uma experiência de Certificado.
O que recebo ao me inscrever para este certificado?
Quando você se inscreve em um curso, ganha acesso a todos os cursos no certificado e obtém um certificado quando completar o trabalho. Seu certificado eletrônico pode ser adicionado à sua página de Participações, de onde você pode imprimi-lo ou adicioná-lo ao seu perfil no LinkedIn. Se quiser apenas ler e assistir o conteúdo do curso, pode participar como ouvinte sem custo.
O que é um designer de UX?
Designers de experiência do usuário (UX) têm como foco a experiência de usuários que utilizam produtos como sites, aplicativos e objetos físicos. Designers de UX tornam essas interações diárias práticas, agradáveis e acessíveis. A função de um designer de UX iniciante pode incluir ter ideias para resolver problemas e realizar pesquisas com os usuários, além de projetar wireframes, maquetes e protótipos.
Se você gosta de conversar e tem empatia com as pessoas, gosta de desenhar, pensar de maneira criativa ou prestar atenção a detalhes, um trabalho como designer de UX pode ser uma boa opção para você!
Que experiência é necessária?
Este é o sexto de sete cursos que vão fornecer as habilidades de que você precisa para se candidatar a empregos de nível básico em design de experiência do usuário. É altamente recomendável concluir os cinco primeiros cursos do Certificado de Design de UX do Google UX antes deste:
- Curso 1:Fundamentos do design da experiência do usuário (UX)
- Curso 2:Início do processo de design de UX: ter empatia, definir e idealizar
- Curso 3:Construir wireframes e protótipos de baixa fidelidade
- Curso 4:Conduzir pesquisas de UX e testar os primeiros conceitos
- Curso 5: Criar designs e protótipos de alta fidelidade no Figma
Como alternativa, se pretender tomar este curso como o primeiro do programa, você deve ter experiência na realização de pesquisas com usuários para ter empatia com eles e determinar problemas específicos. Você precisa ter capacidade para criar personas, histórias de usuários, mapas da jornada do usuário e declarações de problema. Você também precisa saber como criar wireframes e protótipo de baixa fidelidade em papel. Além disso, é útil ter experiência na realização de estudos de usabilidade e na iteração de designs. Se você não estiver familiarizado com esses tópicos, eles são abordados nos cursos anteriores do Certificado de Design de UX do Google.
Quais ferramentas ou plataformas estão incluídas no currículo?
Adobe XD e Figma são as ferramentas de design ensinadas no Certificado de Design de UX do Google. O foco deste curso é a criação de designs no Adobe XD. Os alunos têm nove meses de acesso à versão Single App do Adobe XD para compartilhar links ilimitados a protótipos. É preciso concluir o curso 1 (inclusive todas as tarefas com nota) do Certificado de Design de UX do Google para receber essa oferta. A assinatura é exclusiva para alunos do Certificado de Design de UX do Google e não pode ser revendida, emprestada nem compartilhada. Depois que os alunos qualificados concluírem o curso 1, eles receberão um e-mail e uma mensagem do Coursera com as instruções para resgatar a oferta.
Também serão usados planilhas e aplicativos de processamento de texto e de apresentação. Ao longo do programa, você usará a plataforma que escolher para criar um portfólio profissional que servirá de vitrine do seu trabalho de design de UX.
Para quais empregos este certificado ajudará a me preparar?
Uma das partes mais interessantes de ingressar na área de experiência do usuário é o grande número de oportunidades de trabalho disponíveis. Quase todas as empresas precisam de designers de UX para ajudar a criar produtos digitais e físicos. Embora a demanda por designers de UX continue aumentando, atualmente há uma escassez de profissionais de design de UX para preencher esses cargos.
Uma carreira em design de UX oferece a oportunidade de trabalhar como generalista, exercendo a função de designer de UX, designer de UI ou pesquisador de UX, ou como especialista, por exemplo, no cargo de designer visual ou designer de interação. Depois de concluir este programa de certificação, você poderá pesquisar todos esses cargos e encontrar a função que melhor se adequa a você.
Preciso fazer o curso em uma ordem específica?
Este é o sexto de sete cursos do Certificado de Design de UX do Google. Recomendamos que você conclua os sete cursos deste programa de certificação na ordem apresentada, porque o conteúdo e as aplicações de cada curso se baseiam nas informações apresentadas e praticadas em cursos anteriores.
Mais dúvidas? Visite o Central de Ajuda ao estudante.
